@layer {
    [data-react-aria-pressable] {
        touch-action: pan-x pan-y pinch-zoom;
    }
}

@layer app,
reset,
ui-kit;
@layer ui-kit.properties;

@layer ui-kit {
    @layer theme,
    base,
    components,
    utilities;
}

@layer ui-kit {}

@layer ui-kit {
    @layer theme {

        :root,
        :host {
            --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            --color-gray-200: oklch(92.8% .006 264.531);
            --color-gray-600: oklch(44.6% .03 256.802);
            --color-black: #000;
            --color-white: #fff;
            --spacing: .25rem;
            --container-xs: 20rem;
            --container-sm: 24rem;
            --container-md: 28rem;
            --container-lg: 32rem;
            --container-xl: 36rem;
            --container-2xl: 42rem;
            --container-3xl: 48rem;
            --container-4xl: 56rem;
            --container-5xl: 64rem;
            --font-weight-extralight: 200;
            --font-weight-normal: 400;
            --font-weight-medium: 500;
            --font-weight-semibold: 600;
            --font-weight-bold: 700;
            --ease-in: cubic-bezier(.4, 0, 1, 1);
            --ease-out: cubic-bezier(0, 0, .2, 1);
            --ease-in-out: cubic-bezier(.4, 0, .2, 1);
            --animate-spin: spin 1s linear infinite;
            --blur-sm: 8px;
            --blur-md: 12px;
            --blur-lg: 16px;
            --blur-xl: 24px;
            --default-transition-duration: .15s;
            --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            --default-mono-font-family: var(--font-mono);
        }
    }

    @layer base {

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

        html,
        :host {
            line-height: 1.5;
            text-size-adjust: 100%;
            tab-size: 4;
            font-family: PlusJakartaSans, ui-sans-serif, system-ui, sans-serif;
            font-feature-settings: normal;
            font-variation-settings: normal;
            -webkit-tap-highlight-color: transparent;
        }

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

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

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

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

        b,
        strong {
            font-weight: bolder;
        }

        code,
        kbd,
        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 {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
        }

        sub {
            bottom: -0.25em;
        }

        sup {
            top: -0.5em;
        }

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

        progress {
            vertical-align: baseline;
        }

        summary {
            display: list-item;
        }

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

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

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

        button,
        input,
        select,
        optgroup,
        textarea,
        ::file-selector-button {
            font: inherit;
            letter-spacing: inherit;
            color: inherit;
            border-radius: 0px;
            background-color: transparent;
            opacity: 1;
        }

        :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(currentcolor, transparent);
                }
            }
        }

        textarea {
            resize: vertical;
        }

        ::-webkit-search-decoration {
            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: 0px;
        }

        ::-webkit-datetime-edit,
        ::-webkit-datetime-edit-year-field,
        ::-webkit-datetime-edit-month-field,
        ::-webkit-datetime-edit-day-field,
        ::-webkit-datetime-edit-hour-field,
        ::-webkit-datetime-edit-minute-field,
        ::-webkit-datetime-edit-second-field,
        ::-webkit-datetime-edit-millisecond-field,
        ::-webkit-datetime-edit-meridiem-field {
            padding-block: 0px;
        }

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

        button,
        input:where([type="button"], [type="reset"], [type="submit"]),
        ::file-selector-button {
            appearance: button;
        }

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

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

    @layer utilities {
        .pointer-events-auto {
            pointer-events: auto;
        }

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

        .invisible {
            visibility: hidden;
        }

        .visible {
            visibility: visible;
        }

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0px;
            margin: -1px;
            overflow: hidden;
            clip-path: inset(50%);
            white-space: nowrap;
            border-width: 0px;
        }

        .absolute {
            position: absolute;
        }

        .fixed {
            position: fixed;
        }

        .relative {
            position: relative;
        }

        .static {
            position: static;
        }

        .sticky {
            position: sticky;
        }

        .inset-0 {
            inset: 0px;
        }

        .inset-x-0 {
            inset-inline: 0px;
        }

        .inset-y-0 {
            inset-block: 0px;
        }

        .start-0 {
            inset-inline-start: 0px;
        }

        .start-1\.5 {
            inset-inline-start: 6px;
        }

        .start-2 {
            inset-inline-start: 8px;
        }

        .start-3 {
            inset-inline-start: 12px;
        }

        .start-auto {
            inset-inline-start: auto;
        }

        .end-1 {
            inset-inline-end: 4px;
        }

        .end-1\.5 {
            inset-inline-end: 6px;
        }

        .end-3 {
            inset-inline-end: 12px;
        }

        .end-18 {
            inset-inline-end: calc(var(--spacing) * 18);
        }

        .end-auto {
            inset-inline-end: auto;
        }

        .-top-2 {
            top: -8px;
        }

        .-top-3 {
            top: -12px;
        }

        .-top-px {
            top: -1px;
        }

        .top-0 {
            top: 0px;
        }

        .top-1 {
            top: 4px;
        }

        .top-1\/2 {
            top: 50%;
        }

        .top-2 {
            top: 8px;
        }

        .top-\[-15\%\] {
            top: -15%;
        }

        .top-\[5\%\] {
            top: 5%;
        }

        .top-\[10\%\] {
            top: 10%;
        }

        .top-\[calc\(46\%\)\] {
            top: 46%;
        }

        .top-\[calc\(100\%_\+_2px\)\] {
            top: calc(100% + 2px);
        }

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

        .-right-2 {
            right: -8px;
        }

        .-right-full {
            right: -100%;
        }

        .-right-px {
            right: -1px;
        }

        .right-0 {
            right: 0px;
        }

        .right-0\.5 {
            right: 2px;
        }

        .right-2 {
            right: 8px;
        }

        .right-4 {
            right: 16px;
        }

        .right-\[-15\%\] {
            right: -15%;
        }

        .right-\[5\%\] {
            right: 5%;
        }

        .right-\[10\%\] {
            right: 10%;
        }

        .bottom-0 {
            bottom: 0px;
        }

        .bottom-\[5\%\] {
            bottom: 5%;
        }

        .bottom-\[10\%\] {
            bottom: 10%;
        }

        .-left-12 {
            left: -48px;
        }

        .left-0 {
            left: 0px;
        }

        .left-0\.5 {
            left: 2px;
        }

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

        .left-\[5\%\] {
            left: 5%;
        }

        .left-\[10\%\] {
            left: 10%;
        }

        .left-\[calc\(37\.5\%\)\] {
            left: 37.5%;
        }

        .-z-30 {
            z-index: -30;
        }

        .z-0 {
            z-index: 0;
        }

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

        .z-20 {
            z-index: 20;
        }

        .z-30 {
            z-index: 30;
        }

        .z-40 {
            z-index: 40;
        }

        .z-50 {
            z-index: 50;
        }

        .z-100 {
            z-index: 100;
        }

        .z-1000 {
            z-index: 1000;
        }

        .z-10000 {
            z-index: 10000;
        }

        .z-100000 {
            z-index: 100000;
        }

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

        .z-\[100\] {
            z-index: 100;
        }

        .order-1 {
            order: 1;
        }

        .order-2 {
            order: 2;
        }

        .order-3 {
            order: 3;
        }

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

        .-m-2 {
            margin: -8px;
        }

        .-m-2\.5 {
            margin: -10px;
        }

        .m-0 {
            margin: 0px;
        }

        .-mx-1 {
            margin-inline: -4px;
        }

        .-mx-2 {
            margin-inline: -8px;
        }

        .mx-0 {
            margin-inline: 0px;
        }

        .mx-1 {
            margin-inline: 4px;
        }

        .mx-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\] {
            margin-inline: 8px;
        }

        .mx-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\] {
            margin-inline: 6px;
        }

        .mx-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\] {
            margin-inline: 4px;
        }

        .mx-auto {
            margin-inline: auto;
        }

        .my-0 {
            margin-block: 0px;
        }

        .my-1 {
            margin-block: 4px;
        }

        .my-16 {
            margin-block: 64px;
        }

        .my-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\] {
            margin-block: 8px;
        }

        .my-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\] {
            margin-block: 6px;
        }

        .my-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\] {
            margin-block: 4px;
        }

        .my-auto {
            margin-block: auto;
        }

        .-ms-2 {
            margin-inline-start: -8px;
        }

        .ms-2 {
            margin-inline-start: 8px;
        }

        .ms-3 {
            margin-inline-start: 12px;
        }

        .me-2 {
            margin-inline-end: 8px;
        }

        .me-4 {
            margin-inline-end: 16px;
        }

        .mt-0\.5 {
            margin-top: 2px;
        }

        .mt-1 {
            margin-top: 4px;
        }

        .mt-1\.5 {
            margin-top: 6px;
        }

        .mt-2 {
            margin-top: 8px;
        }

        .mt-4 {
            margin-top: 16px;
        }

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

        .-mr-2 {
            margin-right: -8px;
        }

        .mr-0 {
            margin-right: 0px;
        }

        .mr-2 {
            margin-right: 8px;
        }

        .mr-3 {
            margin-right: 12px;
        }

        .mb-0 {
            margin-bottom: 0px;
        }

        .mb-1 {
            margin-bottom: 4px;
        }

        .mb-1\.5 {
            margin-bottom: 6px;
        }

        .mb-2 {
            margin-bottom: 8px;
        }

        .mb-4 {
            margin-bottom: 16px;
        }

        .mb-5 {
            margin-bottom: 20px;
        }

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

        .mb-px {
            margin-bottom: 1px;
        }

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

        .ml-auto {
            margin-left: auto;
        }

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

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

        .scrollbar-default {
            scrollbar-width: auto;
        }

        .scrollbar-default::-webkit-scrollbar {
            display: block;
        }

        .scrollbar-hide {
            scrollbar-width: none;
        }

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

        .block {
            display: block;
        }

        .contents {
            display: contents;
        }

        .flex {
            display: flex;
        }

        .grid {
            display: grid;
        }

        .hidden {
            display: none;
        }

        .inline-block {
            display: inline-block;
        }

        .inline-flex {
            display: inline-flex;
        }

        .inline-grid {
            display: inline-grid;
        }

        .table {
            display: table;
        }

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

        .size-1\.5 {
            width: 6px;
            height: 6px;
        }

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

        .\!h-auto {
            height: auto !important;
        }

        .h-\(--visual-viewport-height\) {
            height: var(--visual-viewport-height);
        }

        .h-1 {
            height: 4px;
        }

        .h-1\.5 {
            height: 6px;
        }

        .h-2 {
            height: 8px;
        }

        .h-2\.5 {
            height: 10px;
        }

        .h-3 {
            height: 12px;
        }

        .h-3\.5 {
            height: 14px;
        }

        .h-4 {
            height: 16px;
        }

        .h-4\.5 {
            height: 18px;
        }

        .h-5 {
            height: 20px;
        }

        .h-6 {
            height: 24px;
        }

        .h-6\! {
            height: 24px !important;
        }

        .h-7 {
            height: 28px;
        }

        .h-8 {
            height: 32px;
        }

        .h-9 {
            height: 36px;
        }

        .h-10 {
            height: 40px;
        }

        .h-12 {
            height: 48px;
        }

        .h-14 {
            height: 56px;
        }

        .h-16 {
            height: 64px;
        }

        .h-40 {
            height: 160px;
        }

        .h-\[2px\] {
            height: 2px;
        }

        .h-\[8\%\] {
            height: 8%;
        }

        .h-\[45px\] {
            height: 45px;
        }

        .h-\[50\%\] {
            height: 50%;
        }

        .h-\[60\%\] {
            height: 60%;
        }

        .h-\[100dvh\] {
            height: 100dvh;
        }

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

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

        .h-\[calc\(100dvh_-_var\(--navbar-height\)\)\] {
            height: calc(100dvh - var(--navbar-height));
        }

        .h-\[var\(--navbar-height\)\] {
            height: var(--navbar-height);
        }

        .h-\[var\(--picker-height\)\] {
            height: var(--picker-height);
        }

        .h-auto {
            height: auto;
        }

        .h-divider {
            height: var(--heroui-divider-weight);
        }

        .h-fit {
            height: fit-content;
        }

        .h-full {
            height: 100%;
        }

        .h-max {
            height: max-content;
        }

        .h-px {
            height: 1px;
        }

        .h-screen {
            height: 100vh;
        }

        .max-h-\[20rem\] {
            max-height: 20rem;
        }

        .max-h-\[24rem\] {
            max-height: 24rem;
        }

        .max-h-\[28rem\] {
            max-height: 28rem;
        }

        .max-h-\[32rem\] {
            max-height: 32rem;
        }

        .max-h-\[36rem\] {
            max-height: 36rem;
        }

        .max-h-\[42rem\] {
            max-height: 42rem;
        }

        .max-h-\[48rem\] {
            max-height: 48rem;
        }

        .max-h-\[56rem\] {
            max-height: 56rem;
        }

        .max-h-\[64rem\] {
            max-height: 64rem;
        }

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

        .max-h-\[calc\(100\%_-_8rem\)\] {
            max-height: calc(100% - 8rem);
        }

        .max-h-\[none\] {
            max-height: none;
        }

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

        .min-h-3 {
            min-height: 12px;
        }

        .min-h-3\.5 {
            min-height: 14px;
        }

        .min-h-4 {
            min-height: 16px;
        }

        .min-h-5 {
            min-height: 20px;
        }

        .min-h-6 {
            min-height: 24px;
        }

        .min-h-7 {
            min-height: 28px;
        }

        .min-h-8 {
            min-height: 32px;
        }

        .min-h-10 {
            min-height: 40px;
        }

        .min-h-12 {
            min-height: 48px;
        }

        .min-h-14 {
            min-height: 56px;
        }

        .min-h-16 {
            min-height: 64px;
        }

        .min-h-17 {
            min-height: 68px;
        }

        .min-h-40 {
            min-height: 160px;
        }

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

        .min-h-\[100dvh\] {
            min-height: 100dvh;
        }

        .w-0 {
            width: 0px;
        }

        .w-1 {
            width: 4px;
        }

        .w-1\.5 {
            width: 6px;
        }

        .w-2 {
            width: 8px;
        }

        .w-2\.5 {
            width: 10px;
        }

        .w-3 {
            width: 12px;
        }

        .w-3\.5 {
            width: 14px;
        }

        .w-4 {
            width: 16px;
        }

        .w-4\.5 {
            width: 18px;
        }

        .w-5 {
            width: 20px;
        }

        .w-5\.5 {
            width: calc(var(--spacing) * 5.5);
        }

        .w-5\.25 {
            width: 21px;
        }

        .w-6 {
            width: 24px;
        }

        .w-6\! {
            width: 24px !important;
        }

        .w-7 {
            width: 28px;
        }

        .w-8 {
            width: 32px;
        }

        .w-9 {
            width: 36px;
        }

        .w-10 {
            width: 40px;
        }

        .w-12 {
            width: 48px;
        }

        .w-14 {
            width: 56px;
        }

        .w-16 {
            width: 64px;
        }

        .w-40 {
            width: 160px;
        }

        .w-\[25\%\] {
            width: 25%;
        }

        .w-\[45px\] {
            width: 45px;
        }

        .w-\[60\%\] {
            width: 60%;
        }

        .w-\[80\%\] {
            width: 80%;
        }

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

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

        .w-\[calc\(100\%_-_16px\)\] {
            width: calc(100% - 16px);
        }

        .w-\[calc\(100\%_-theme\(spacing\.6\)\)\] {
            width: calc(100% - 24px);
        }

        .w-\[calc\(var\(--visible-months\)_\*_var\(--calendar-width\)\)\] {
            width: calc(var(--visible-months) * var(--calendar-width));
        }

        .w-auto {
            width: auto;
        }

        .w-divider {
            width: var(--heroui-divider-weight);
        }

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

        .w-full {
            width: 100%;
        }

        .w-max {
            width: max-content;
        }

        .w-px {
            width: 1px;
        }

        .w-screen {
            width: 100vw;
        }

        .max-w-2xl {
            max-width: var(--container-2xl);
        }

        .max-w-3xl {
            max-width: var(--container-3xl);
        }

        .max-w-4xl {
            max-width: var(--container-4xl);
        }

        .max-w-5xl {
            max-width: var(--container-5xl);
        }

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

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

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

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

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

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

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

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

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

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

        .max-w-lg {
            max-width: var(--container-lg);
        }

        .max-w-md {
            max-width: var(--container-md);
        }

        .max-w-sm {
            max-width: var(--container-sm);
        }

        .max-w-xl {
            max-width: var(--container-xl);
        }

        .max-w-xs {
            max-width: var(--container-xs);
        }

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

        .min-w-3 {
            min-width: 12px;
        }

        .min-w-3\.5 {
            min-width: 14px;
        }

        .min-w-4 {
            min-width: 16px;
        }

        .min-w-5 {
            min-width: 20px;
        }

        .min-w-6 {
            min-width: 24px;
        }

        .min-w-7 {
            min-width: 28px;
        }

        .min-w-8 {
            min-width: 32px;
        }

        .min-w-9 {
            min-width: 36px;
        }

        .min-w-10 {
            min-width: 40px;
        }

        .min-w-12 {
            min-width: 48px;
        }

        .min-w-16 {
            min-width: 64px;
        }

        .min-w-20 {
            min-width: 80px;
        }

        .min-w-24 {
            min-width: 96px;
        }

        .min-w-35 {
            min-width: 140px;
        }

        .min-w-40 {
            min-width: 160px;
        }

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

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

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

        .min-w-\[unset\] {
            min-width: unset;
        }

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

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

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

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

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

        .flex-auto {
            flex: 1 1 auto;
        }

        .flex-initial {
            flex: 0 1 auto;
        }

        .flex-none {
            flex: 0 0 auto;
        }

        .flex-shrink-0,
        .shrink-0 {
            flex-shrink: 0;
        }

        .flex-grow,
        .grow {
            flex-grow: 1;
        }

        .basis-0 {
            flex-basis: 0px;
        }

        .basis-\[75\%\] {
            flex-basis: 75%;
        }

        .table-auto {
            table-layout: auto;
        }

        .table-fixed {
            table-layout: fixed;
        }

        .border-collapse {
            border-collapse: collapse;
        }

        .\[transform-origin\:var\(--trigger-anchor-point\)\] {
            transform-origin: var(--trigger-anchor-point);
        }

        .origin-center {
            transform-origin: center center;
        }

        .origin-left {
            transform-origin: 0px center;
        }

        .origin-right {
            transform-origin: 100% center;
        }

        .origin-top {
            transform-origin: center top;
        }

        .origin-top-left {
            transform-origin: 0px 0px;
        }

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

        .-translate-x-full {
            --tw-translate-x: -100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .translate-x-0 {
            --tw-translate-x: 0px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .translate-x-1 {
            --tw-translate-x: 4px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

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

        .-translate-y-1 {
            --tw-translate-y: -4px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

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

        .translate-y-1 {
            --tw-translate-y: 4px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

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

        .translate-y-3\/4 {
            --tw-translate-y: 75%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .scale-0 {
            --tw-scale-x: 0%;
            --tw-scale-y: 0%;
            --tw-scale-z: 0%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .scale-50 {
            --tw-scale-x: 50%;
            --tw-scale-y: 50%;
            --tw-scale-z: 50%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .scale-90 {
            --tw-scale-x: 90%;
            --tw-scale-y: 90%;
            --tw-scale-z: 90%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .scale-100 {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .scale-105 {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .-rotate-45 {
            rotate: -45deg;
        }

        .rotate-0 {
            rotate: 0deg;
        }

        .rotate-180 {
            rotate: 180deg;
        }

        .spinner-bar-animation {
            animation-delay: calc(-1.2s + (.1s * var(--bar-index)));
            transform: rotate(calc(30deg * var(--bar-index)))translate(140%);
        }

        .transform {
            transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
        }

        .transform-gpu {
            transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
        }

        .animate-\[appearance-in_1s_infinite\] {
            animation: 1s ease 0s infinite normal none running appearance-in;
        }

        .animate-blink {
            animation: 1.4s ease 0s infinite normal both running blink;
        }

        .animate-drip-expand {
            animation: 0.42s linear 0s 1 normal none running drip-expand;
        }

        .animate-fade-out {
            animation: 1.2s linear 0s infinite normal none running fade-out;
        }

        .animate-grid-appear {
            animation: 0.25s ease-in-out 0s 1 normal none running grid-appear;
        }

        .animate-grow-full {
            animation: auto linear 0s 1 normal forwards running width;
        }

        .animate-indeterminate-bar {
            animation: 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) 0s infinite normal none running indeterminate-bar;
        }

        .animate-none {
            animation: auto ease 0s 1 normal none running none;
        }

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

        .animate-spinner-ease-spin {
            animation: 0.8s ease 0s infinite normal none running spinner-spin;
        }

        .animate-spinner-linear-spin {
            animation: 0.8s linear 0s infinite normal none running spinner-spin;
        }

        .animate-sway {
            animation: 0.75s ease 0s infinite normal none running sway;
        }

        .animate-toggle-opacity {
            animation: auto linear 0s infinite alternate none running toggle-opacity;
        }

        .cursor-default {
            cursor: default;
        }

        .cursor-grab {
            cursor: grab;
        }

        .cursor-not-allowed {
            cursor: not-allowed;
        }

        .cursor-pointer {
            cursor: pointer;
        }

        .cursor-text {
            cursor: text;
        }

        .touch-none {
            touch-action: none;
        }

        .resize-none {
            resize: none;
        }

        .snap-y {
            scroll-snap-type: y var(--tw-scroll-snap-strictness);
        }

        .snap-mandatory {
            --tw-scroll-snap-strictness: mandatory;
        }

        .snap-center {
            scroll-snap-align: center;
        }

        .scroll-py-6 {
            scroll-padding-block: 24px;
        }

        .list-none {
            list-style-type: none;
        }

        .appearance-none {
            appearance: none;
        }

        .auto-rows-max {
            grid-auto-rows: max-content;
        }

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

        .grid-cols-subgrid {
            grid-template-columns: subgrid;
        }

        .grid-rows-1 {
            grid-template-rows: repeat(1, minmax(0px, 1fr));
        }

        .flex-col {
            flex-direction: column;
        }

        .flex-col-reverse {
            flex-direction: column-reverse;
        }

        .flex-row {
            flex-direction: row;
        }

        .flex-row-reverse {
            flex-direction: row-reverse;
        }

        .flex-nowrap {
            flex-wrap: nowrap;
        }

        .flex-wrap {
            flex-wrap: wrap;
        }

        .place-content-center {
            place-content: center;
        }

        .place-items-center {
            place-items: center;
        }

        .items-center {
            align-items: center;
        }

        .items-end {
            align-items: flex-end;
        }

        .items-start {
            align-items: flex-start;
        }

        .justify-around {
            justify-content: space-around;
        }

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

        .justify-center {
            justify-content: center;
        }

        .justify-end {
            justify-content: flex-end;
        }

        .justify-start {
            justify-content: flex-start;
        }

        .\!gap-0 {
            gap: 0px !important;
        }

        .gap-0 {
            gap: 0px;
        }

        .gap-0\.5 {
            gap: 2px;
        }

        .gap-1 {
            gap: 4px;
        }

        .gap-1\.5 {
            gap: 6px;
        }

        .gap-2 {
            gap: 8px;
        }

        .gap-3 {
            gap: 12px;
        }

        .gap-4 {
            gap: 16px;
        }

        .gap-6 {
            gap: 24px;
        }

        .gap-10 {
            gap: 40px;
        }

        .gap-x-0 {
            column-gap: 0px;
        }

        .gap-x-0\.5 {
            column-gap: 2px;
        }

        .gap-x-1 {
            column-gap: 4px;
        }

        .gap-x-2 {
            column-gap: 8px;
        }

        .gap-x-4 {
            column-gap: 16px;
        }

        .gap-x-6 {
            column-gap: 24px;
        }

        :where(.space-x-0\.5 > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(2px * var(--tw-space-x-reverse));
            margin-inline-end: calc(2px * calc(1 - var(--tw-space-x-reverse)));
        }

        .gap-y-0 {
            row-gap: 0px;
        }

        .gap-y-1\.5 {
            row-gap: 6px;
        }

        .gap-y-2 {
            row-gap: 8px;
        }

        .self-center {
            align-self: center;
        }

        .self-start {
            align-self: flex-start;
        }

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

        .overflow-auto {
            overflow: auto;
        }

        .overflow-clip {
            overflow: clip;
        }

        .overflow-hidden {
            overflow: hidden;
        }

        .overflow-visible {
            overflow: visible;
        }

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

        .overflow-x-scroll {
            overflow-x: scroll;
        }

        .overflow-y-auto {
            overflow-y: auto;
        }

        .overflow-y-hidden {
            overflow-y: hidden;
        }

        .overflow-y-scroll {
            overflow-y: scroll;
        }

        .\!rounded-none {
            border-radius: 0px !important;
        }

        .rounded {
            border-radius: 2.5px;
        }

        .rounded-2xl {
            border-radius: 10px;
        }

        .rounded-3xl {
            border-radius: 15px;
        }

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

        .rounded-\[calc\(var\(--heroui-radius-large\)\/1\.5\)\] {
            border-radius: calc(var(--heroui-radius-large) / 1.5);
        }

        .rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\] {
            border-radius: calc(var(--heroui-radius-medium) * .5);
        }

        .rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\] {
            border-radius: calc(var(--heroui-radius-medium) * .6);
        }

        .rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\] {
            border-radius: calc(var(--heroui-radius-medium) * .7);
        }

        .rounded-\[calc\(var\(--heroui-radius-medium\)\/2\)\] {
            border-radius: calc(var(--heroui-radius-medium) / 2);
        }

        .rounded-\[calc\(var\(--heroui-radius-small\)\/2\)\] {
            border-radius: calc(var(--heroui-radius-small) / 2);
        }

        .rounded-full {
            border-radius: calc(infinity * 1px);
        }

        .rounded-large {
            border-radius: var(--heroui-radius-large);
        }

        .rounded-lg {
            border-radius: 5px;
        }

        .rounded-md {
            border-radius: 3.75px;
        }

        .rounded-medium {
            border-radius: var(--heroui-radius-medium);
        }

        .rounded-none {
            border-radius: 0px !important;
        }

        .rounded-sm {
            border-radius: 1.25px;
        }

        .rounded-small {
            border-radius: var(--heroui-radius-small);
        }

        .rounded-xl {
            border-radius: 7.5px;
        }

        .\!rounded-s-none {
            border-start-start-radius: 0px !important;
            border-end-start-radius: 0px !important;
        }

        .\!rounded-e-none {
            border-start-end-radius: 0px !important;
            border-end-end-radius: 0px !important;
        }

        .rounded-t-large {
            border-top-left-radius: var(--heroui-radius-large);
            border-top-right-radius: var(--heroui-radius-large);
        }

        .rounded-t-medium {
            border-top-left-radius: var(--heroui-radius-medium);
            border-top-right-radius: var(--heroui-radius-medium);
        }

        .rounded-t-none {
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }

        .rounded-t-small {
            border-top-left-radius: var(--heroui-radius-small);
            border-top-right-radius: var(--heroui-radius-small);
        }

        .rounded-l-none {
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
        }

        .rounded-l-xl {
            border-top-left-radius: 7.5px;
            border-bottom-left-radius: 7.5px;
        }

        .rounded-tl-xl {
            border-top-left-radius: 7.5px;
        }

        .rounded-r-none {
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
        }

        .rounded-r-xl {
            border-top-right-radius: 7.5px;
            border-bottom-right-radius: 7.5px;
        }

        .rounded-tr-xl {
            border-top-right-radius: 7.5px;
        }

        .rounded-b-large {
            border-bottom-right-radius: var(--heroui-radius-large);
            border-bottom-left-radius: var(--heroui-radius-large);
        }

        .rounded-b-medium {
            border-bottom-right-radius: var(--heroui-radius-medium);
            border-bottom-left-radius: var(--heroui-radius-medium);
        }

        .rounded-b-none {
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
        }

        .rounded-b-small {
            border-bottom-right-radius: var(--heroui-radius-small);
            border-bottom-left-radius: var(--heroui-radius-small);
        }

        .rounded-br-xl {
            border-bottom-right-radius: 7.5px;
        }

        .rounded-bl-xl {
            border-bottom-left-radius: 7.5px;
        }

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

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

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

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

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

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

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

        .border-\[3px\] {
            border-style: var(--tw-border-style);
            border-width: 3px;
        }

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

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

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

        .border-x-\[calc\(theme\(spacing\.5\)\/2\)\] {
            border-inline-style: var(--tw-border-style);
            border-inline-width: 10px;
        }

        .border-x-\[calc\(theme\(spacing\.6\)\/2\)\] {
            border-inline-style: var(--tw-border-style);
            border-inline-width: 12px;
        }

        .border-x-\[calc\(theme\(spacing\.7\)\/2\)\] {
            border-inline-style: var(--tw-border-style);
            border-inline-width: 14px;
        }

        .border-y-\[calc\(theme\(spacing\.5\)\/2\)\] {
            border-block-style: var(--tw-border-style);
            border-block-width: 10px;
        }

        .border-y-\[calc\(theme\(spacing\.6\)\/2\)\] {
            border-block-style: var(--tw-border-style);
            border-block-width: 12px;
        }

        .border-y-\[calc\(theme\(spacing\.7\)\/2\)\] {
            border-block-style: var(--tw-border-style);
            border-block-width: 14px;
        }

        .border-t-5 {
            border-top-style: var(--tw-border-style);
            border-top-width: 20px;
        }

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

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

        .border-b-5 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 20px;
        }

        .border-b-medium {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: var(--heroui-border-width-medium);
        }

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

        .\!border-none {
            --tw-border-style: none !important;
            border-style: none !important;
        }

        .border-dotted {
            --tw-border-style: dotted;
            border-style: dotted;
        }

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

        .border-solid {
            --tw-border-style: solid;
            border-style: solid;
        }

        .\!border-danger {
            border-color: red !important;
        }

        .border-background {
            border-color: hsl(var(--heroui-background) / 1);
        }

        .border-danger {
            border-color: red;
        }

        .border-danger-100 {
            border-color: hsl(var(--heroui-danger-100) / 1);
        }

        .border-danger-200 {
            border-color: hsl(var(--heroui-danger-200) / 1);
        }

        .border-danger-400 {
            border-color: hsl(var(--heroui-danger-400) / 1);
        }

        .border-default {
            border-color: hsl(var(--heroui-default) / 1);
        }

        .border-default-100 {
            border-color: hsl(var(--heroui-default-100) / 1);
        }

        .border-default-200 {
            border-color: hsl(var(--heroui-default-200) / 1);
        }

        .border-default-300 {
            border-color: hsl(var(--heroui-default-300) / 1);
        }

        .border-default-400 {
            border-color: hsl(var(--heroui-default-400) / 1);
        }

        .border-divider {
            border-color: hsl(var(--heroui-divider) / .15);
        }

        .border-error {
            border-color: red;
        }

        .border-foreground {
            border-color: hsl(var(--heroui-foreground) / 1);
        }

        .border-foreground-400 {
            border-color: hsl(var(--heroui-foreground-400) / 1);
        }

        .border-foreground-secondary {
            border-color: hsl(var(--heroui-foreground-secondary) / 1);
        }

        .border-input-border {
            border-color: hsl(var(--heroui-input-border) / .25);
        }

        .border-input-password-border {
            border-color: hsl(var(--heroui-input-password-border) / .25);
        }

        .border-input-search-border {
            border-color: hsl(var(--heroui-input-search-border) / 1);
        }

        .border-panel-shadow {
            border-color: hsl(var(--heroui-panel-shadow) / 1);
        }

        .border-primary {
            border-color: hsl(var(--heroui-primary) / 1);
        }

        .border-primary-100 {
            border-color: hsl(var(--heroui-primary-100) / 1);
        }

        .border-primary-200 {
            border-color: hsl(var(--heroui-primary-200) / 1);
        }

        .border-primary-400 {
            border-color: hsl(var(--heroui-primary-400) / 1);
        }

        .border-secondary {
            border-color: hsl(var(--heroui-secondary) / 1);
        }

        .border-secondary-100 {
            border-color: hsl(var(--heroui-secondary-100) / 1);
        }

        .border-secondary-200 {
            border-color: hsl(var(--heroui-secondary-200) / 1);
        }

        .border-secondary-400 {
            border-color: hsl(var(--heroui-secondary-400) / 1);
        }

        .border-success {
            border-color: rgb(15, 219, 151);
        }

        .border-success-100 {
            border-color: hsl(var(--heroui-success-100) / 1);
        }

        .border-success-200 {
            border-color: hsl(var(--heroui-success-200) / 1);
        }

        .border-success-300 {
            border-color: hsl(var(--heroui-success-300) / 1);
        }

        .border-success-400 {
            border-color: hsl(var(--heroui-success-400) / 1);
        }

        .border-transparent {
            border-color: transparent;
        }

        .border-warning {
            border-color: rgb(219, 138, 15);
        }

        .border-warning-100 {
            border-color: hsl(var(--heroui-warning-100) / 1);
        }

        .border-warning-200 {
            border-color: hsl(var(--heroui-warning-200) / 1);
        }

        .border-warning-300 {
            border-color: hsl(var(--heroui-warning-300) / 1);
        }

        .border-warning-400 {
            border-color: hsl(var(--heroui-warning-400) / 1);
        }

        .border-white {
            border-color: var(--color-white);
        }

        .border-x-transparent {
            border-inline-color: transparent;
        }

        .border-y-transparent {
            border-block-color: transparent;
        }

        .border-t-panel-header {
            border-top-color: hsl(var(--heroui-panel-header) / 1);
        }

        .border-t-transparent {
            border-top-color: transparent;
        }

        .border-r-transparent {
            border-right-color: transparent;
        }

        .border-b-current {
            border-bottom-color: currentcolor;
        }

        .border-b-danger {
            border-bottom-color: red;
        }

        .border-b-default {
            border-bottom-color: hsl(var(--heroui-default) / 1);
        }

        .border-b-primary {
            border-bottom-color: hsl(var(--heroui-primary) / 1);
        }

        .border-b-secondary {
            border-bottom-color: hsl(var(--heroui-secondary) / 1);
        }

        .border-b-success {
            border-bottom-color: rgb(15, 219, 151);
        }

        .border-b-transparent {
            border-bottom-color: transparent;
        }

        .border-b-warning {
            border-bottom-color: rgb(219, 138, 15);
        }

        .border-b-white {
            border-bottom-color: var(--color-white);
        }

        .border-l-transparent {
            border-left-color: transparent;
        }

        .\!bg-danger-50 {
            background-color: hsl(var(--heroui-danger-50) / 1) !important;
        }

        .\!bg-transparent {
            background-color: transparent !important;
        }

        .bg-alert-background {
            background-color: hsl(var(--heroui-alert-background) / 1);
        }

        .bg-alert-mask {
            background-color: hsl(var(--heroui-alert-mask) / .15);
        }

        .bg-background {
            background-color: hsl(var(--heroui-background) / 1);
        }

        .bg-background\/5 {
            background-color: hsl(var(--heroui-background) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-background\/5 {
                background-color: color-mix(in oklab, hsl(var(--heroui-background) / 1) 5%, transparent);
            }
        }

        .bg-background\/10 {
            background-color: hsl(var(--heroui-background) / 1);
        }

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

        .bg-background\/70 {
            background-color: hsl(var(--heroui-background) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-background\/70 {
                background-color: color-mix(in oklab, hsl(var(--heroui-background) / 1) 70%, transparent);
            }
        }

        .bg-background\/80 {
            background-color: hsl(var(--heroui-background) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-background\/80 {
                background-color: color-mix(in oklab, hsl(var(--heroui-background) / 1) 80%, transparent);
            }
        }

        .bg-card {
            background-color: hsl(var(--heroui-card) / .05);
        }

        .bg-content1 {
            background-color: hsl(var(--heroui-content1) / 1);
        }

        .bg-content3 {
            background-color: hsl(var(--heroui-content3) / 1);
        }

        .bg-current {
            background-color: currentcolor;
        }

        .bg-danger {
            background-color: red;
        }

        .bg-danger-50 {
            background-color: hsl(var(--heroui-danger-50) / 1);
        }

        .bg-danger-100 {
            background-color: hsl(var(--heroui-danger-100) / 1);
        }

        .bg-danger-400 {
            background-color: hsl(var(--heroui-danger-400) / 1);
        }

        .bg-danger\/20 {
            background-color: color-mix(rgb(255, 0, 0) 20%, transparent);
        }

        .bg-default {
            background-color: hsl(var(--heroui-default) / 1);
        }

        .bg-default-50 {
            background-color: hsl(var(--heroui-default-50) / 1);
        }

        .bg-default-100 {
            background-color: hsl(var(--heroui-default-100) / 1);
        }

        .bg-default-200 {
            background-color: hsl(var(--heroui-default-200) / 1);
        }

        .bg-default-300\/50 {
            background-color: hsl(var(--heroui-default-300) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-default-300\/50 {
                background-color: color-mix(in oklab, hsl(var(--heroui-default-300) / 1) 50%, transparent);
            }
        }

        .bg-default-400 {
            background-color: hsl(var(--heroui-default-400) / 1);
        }

        .bg-default-500 {
            background-color: hsl(var(--heroui-default-500) / 1);
        }

        .bg-default-800 {
            background-color: hsl(var(--heroui-default-800) / 1);
        }

        .bg-default\/40 {
            background-color: hsl(var(--heroui-default) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-default\/40 {
                background-color: color-mix(in oklab, hsl(var(--heroui-default) / 1) 40%, transparent);
            }
        }

        .bg-divider {
            background-color: hsl(var(--heroui-divider) / .15);
        }

        .bg-dropdown-background {
            background-color: hsl(var(--heroui-dropdown-background) / 1);
        }

        .bg-error\/5 {
            background-color: color-mix(rgb(255, 0, 0) 5%, transparent);
        }

        .bg-foreground {
            background-color: hsl(var(--heroui-foreground) / 1);
        }

        .bg-foreground-100 {
            background-color: hsl(var(--heroui-foreground-100) / 1);
        }

        .bg-foreground-400 {
            background-color: hsl(var(--heroui-foreground-400) / 1);
        }

        .bg-foreground-secondary\/15 {
            background-color: hsl(var(--heroui-foreground-secondary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-foreground-secondary\/15 {
                background-color: color-mix(in oklab, hsl(var(--heroui-foreground-secondary) / 1) 15%, transparent);
            }
        }

        .bg-foreground\/10 {
            background-color: hsl(var(--heroui-foreground) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-foreground\/10 {
                background-color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 10%, transparent);
            }
        }

        .bg-input-background {
            background-color: hsl(var(--heroui-input-background) / .05);
        }

        .bg-input-border {
            background-color: hsl(var(--heroui-input-border) / .25);
        }

        .bg-input-password-background {
            background-color: hsl(var(--heroui-input-password-background) / .05);
        }

        .bg-input-search-background {
            background-color: hsl(var(--heroui-input-search-background) / 0);
        }

        .bg-modal-background {
            background-color: hsl(var(--heroui-modal-background) / 1);
        }

        .bg-overlay\/30 {
            background-color: hsl(var(--heroui-overlay) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-overlay\/30 {
                background-color: color-mix(in oklab, hsl(var(--heroui-overlay) / 1) 30%, transparent);
            }
        }

        .bg-overlay\/50 {
            background-color: hsl(var(--heroui-overlay) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-overlay\/50 {
                background-color: color-mix(in oklab, hsl(var(--heroui-overlay) / 1) 50%, transparent);
            }
        }

        .bg-panel {
            background-color: hsl(var(--heroui-panel) / 1);
        }

        .bg-panel-header {
            background-color: hsl(var(--heroui-panel-header) / 1);
        }

        .bg-primary {
            background-color: hsl(var(--heroui-primary) / 1);
        }

        .bg-primary-50 {
            background-color: hsl(var(--heroui-primary-50) / 1);
        }

        .bg-primary-100 {
            background-color: hsl(var(--heroui-primary-100) / 1);
        }

        .bg-primary-400 {
            background-color: hsl(var(--heroui-primary-400) / 1);
        }

        .bg-primary\/20 {
            background-color: hsl(var(--heroui-primary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-primary\/20 {
                background-color: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 20%, transparent);
            }
        }

        .bg-secondary {
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        .bg-secondary-50 {
            background-color: hsl(var(--heroui-secondary-50) / 1);
        }

        .bg-secondary-100 {
            background-color: hsl(var(--heroui-secondary-100) / 1);
        }

        .bg-secondary-400 {
            background-color: hsl(var(--heroui-secondary-400) / 1);
        }

        .bg-secondary\/20 {
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-secondary\/20 {
                background-color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 20%, transparent);
            }
        }

        .bg-select {
            background-color: hsl(var(--heroui-select) / .05);
        }

        .bg-select-background {
            background-color: hsl(var(--heroui-select-background) / 1);
        }

        .bg-skeleton {
            background-color: hsl(var(--heroui-skeleton) / 1);
        }

        .bg-staging-banner-background {
            background-color: hsl(var(--heroui-staging-banner-background) / .7);
        }

        .bg-success {
            background-color: rgb(15, 219, 151);
        }

        .bg-success-50 {
            background-color: hsl(var(--heroui-success-50) / 1);
        }

        .bg-success-100 {
            background-color: hsl(var(--heroui-success-100) / 1);
        }

        .bg-success-400 {
            background-color: hsl(var(--heroui-success-400) / 1);
        }

        .bg-success\/15 {
            background-color: color-mix(rgb(15, 219, 151) 15%, transparent);
        }

        .bg-success\/20 {
            background-color: color-mix(rgb(15, 219, 151) 20%, transparent);
        }

        .bg-switch-background {
            background-color: hsl(var(--heroui-switch-background) / 1);
        }

        .bg-switch-neutral {
            background-color: hsl(var(--heroui-switch-neutral) / 1);
        }

        .bg-tooltip {
            background-color: hsl(var(--heroui-tooltip) / 1);
        }

        .bg-transparent {
            background-color: transparent;
        }

        .bg-warning {
            background-color: rgb(219, 138, 15);
        }

        .bg-warning-50 {
            background-color: hsl(var(--heroui-warning-50) / 1);
        }

        .bg-warning-100 {
            background-color: hsl(var(--heroui-warning-100) / 1);
        }

        .bg-warning-400 {
            background-color: hsl(var(--heroui-warning-400) / 1);
        }

        .bg-warning\/15 {
            background-color: color-mix(rgb(219, 138, 15) 15%, transparent);
        }

        .bg-warning\/20 {
            background-color: color-mix(rgb(219, 138, 15) 20%, transparent);
        }

        .bg-white {
            background-color: var(--color-white);
        }

        .bg-gradient-to-b {
            --tw-gradient-position: to bottom in oklab;
            background-image: linear-gradient(var(--tw-gradient-stops));
        }

        .bg-img-inherit {
            background-image: inherit;
        }

        .bg-stripe-gradient-danger {
            background-image: linear-gradient(45deg, hsl(var(--heroui-danger-200)) 25%, hsl(var(--heroui-danger)) 25% 50%, hsl(var(--heroui-danger-200)) 50% 75%, hsl(var(--heroui-danger)) 75%, hsl(var(--heroui-danger)));
        }

        .bg-stripe-gradient-default {
            background-image: linear-gradient(45deg, hsl(var(--heroui-default-200)) 25%, hsl(var(--heroui-default-400)) 25% 50%, hsl(var(--heroui-default-200)) 50% 75%, hsl(var(--heroui-default-400)) 75%, hsl(var(--heroui-default-400)));
        }

        .bg-stripe-gradient-primary {
            background-image: linear-gradient(45deg, hsl(var(--heroui-primary-200)) 25%, hsl(var(--heroui-primary)) 25% 50%, hsl(var(--heroui-primary-200)) 50% 75%, hsl(var(--heroui-primary)) 75%, hsl(var(--heroui-primary)));
        }

        .bg-stripe-gradient-secondary {
            background-image: linear-gradient(45deg, hsl(var(--heroui-secondary-200)) 25%, hsl(var(--heroui-secondary)) 25% 50%, hsl(var(--heroui-secondary-200)) 50% 75%, hsl(var(--heroui-secondary)) 75%, hsl(var(--heroui-secondary)));
        }

        .bg-stripe-gradient-success {
            background-image: linear-gradient(45deg, hsl(var(--heroui-success-200)) 25%, hsl(var(--heroui-success)) 25% 50%, hsl(var(--heroui-success-200)) 50% 75%, hsl(var(--heroui-success)) 75%, hsl(var(--heroui-success)));
        }

        .bg-stripe-gradient-warning {
            background-image: linear-gradient(45deg, hsl(var(--heroui-warning-200)) 25%, hsl(var(--heroui-warning)) 25% 50%, hsl(var(--heroui-warning-200)) 50% 75%, hsl(var(--heroui-warning)) 75%, hsl(var(--heroui-warning)));
        }

        .from-transparent {
            --tw-gradient-from: transparent;
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }

        .via-transparent {
            --tw-gradient-via: transparent;
            --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-via-stops);
        }

        .to-current {
            --tw-gradient-to: currentcolor;
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }

        .to-danger {
            --tw-gradient-to: hsl(0, 100%, 50%);
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }

        .to-default {
            --tw-gradient-to: hsl(var(--heroui-default) / 1);
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }

        .to-primary {
            --tw-gradient-to: hsl(var(--heroui-primary) / 1);
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }

        .to-secondary {
            --tw-gradient-to: hsl(var(--heroui-secondary) / 1);
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }

        .to-success {
            --tw-gradient-to: hsl(160, 87%, 46%);
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }

        .to-warning {
            --tw-gradient-to: hsl(36, 87%, 46%);
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }

        .to-white {
            --tw-gradient-to: var(--color-white);
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }

        .\[mask-image\:linear-gradient\(\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] {
            mask-image: linear-gradient(#000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
        }

        .bg-clip-inherit {
            background-clip: inherit;
        }

        .bg-clip-text {
            background-clip: text;
        }

        .fill-brand-background-black {
            fill: rgb(14, 17, 32);
        }

        .fill-brand-background-cefidark,
        .fill-brand-background-cefilight {
            fill: rgb(255, 91, 46);
        }

        .fill-brand-background-defidark {
            fill: rgb(145, 77, 255);
        }

        .fill-brand-background-white {
            fill: rgb(255, 255, 255);
        }

        .fill-brand-text-black {
            fill: rgb(14, 17, 32);
        }

        .fill-brand-text-cefidark {
            fill: rgb(255, 255, 255);
        }

        .fill-brand-text-cefilight {
            fill: rgb(14, 17, 32);
        }

        .fill-brand-text-defidark,
        .fill-brand-text-white {
            fill: rgb(255, 255, 255);
        }

        .fill-current {
            fill: currentcolor;
        }

        .fill-fallback-background {
            fill: rgb(222, 222, 222);
        }

        .fill-fallback-text {
            fill: rgb(153, 153, 153);
        }

        .stroke-current {
            stroke: currentcolor;
        }

        .stroke-default-300\/50 {
            stroke: hsl(var(--heroui-default-300) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .stroke-default-300\/50 {
                stroke: color-mix(in oklab, hsl(var(--heroui-default-300) / 1) 50%, transparent);
            }
        }

        .stroke-\[3px\] {
            stroke-width: 3px;
        }

        .object-cover {
            object-fit: cover;
        }

        .p-0 {
            padding: 0px;
        }

        .p-0\.5 {
            padding: 2px;
        }

        .p-1 {
            padding: 4px;
        }

        .p-2 {
            padding: 8px;
        }

        .p-2\.5 {
            padding: 10px;
        }

        .p-3 {
            padding: 12px;
        }

        .p-4 {
            padding: 16px;
        }

        .p-6 {
            padding: 24px;
        }

        .p-40 {
            padding: 160px;
        }

        .p-\[16px\] {
            padding: 16px;
        }

        .p-\[20px\] {
            padding: 20px;
        }

        .\!px-1 {
            padding-inline: 4px !important;
        }

        .px-0 {
            padding-inline: 0px;
        }

        .px-0\.5 {
            padding-inline: 2px;
        }

        .px-1 {
            padding-inline: 4px;
        }

        .px-1\.5 {
            padding-inline: 6px;
        }

        .px-2 {
            padding-inline: 8px;
        }

        .px-2\.5 {
            padding-inline: 10px;
        }

        .px-3 {
            padding-inline: 12px;
        }

        .px-4 {
            padding-inline: 16px;
        }

        .px-5 {
            padding-inline: 20px;
        }

        .px-6 {
            padding-inline: 24px;
        }

        .py-0 {
            padding-block: 0px;
        }

        .py-0\.5 {
            padding-block: 2px;
        }

        .py-1 {
            padding-block: 4px;
        }

        .py-1\.5 {
            padding-block: 6px;
        }

        .py-2 {
            padding-block: 8px;
        }

        .py-2\.5 {
            padding-block: 10px;
        }

        .py-3 {
            padding-block: 12px;
        }

        .py-4 {
            padding-block: 16px;
        }

        .ps-1 {
            padding-inline-start: 4px;
        }

        .ps-2 {
            padding-inline-start: 8px;
        }

        .pe-2 {
            padding-inline-end: 8px;
        }

        .pe-6 {
            padding-inline-end: 24px;
        }

        .pt-0 {
            padding-top: 0px;
        }

        .pt-2 {
            padding-top: 8px;
        }

        .pt-6 {
            padding-top: 24px;
        }

        .pr-0\.5 {
            padding-right: 2px;
        }

        .pr-1 {
            padding-right: 4px;
        }

        .pr-4 {
            padding-right: 16px;
        }

        .pr-6 {
            padding-right: 24px;
        }

        .\!pb-0 {
            padding-bottom: 0px !important;
        }

        .pb-0 {
            padding-bottom: 0px;
        }

        .pb-0\.5 {
            padding-bottom: 2px;
        }

        .pb-1 {
            padding-bottom: 4px;
        }

        .pb-1\.5 {
            padding-bottom: 6px;
        }

        .pb-2 {
            padding-bottom: 8px;
        }

        .pb-4 {
            padding-bottom: 16px;
        }

        .pb-6 {
            padding-bottom: 24px;
        }

        .pl-0\.5 {
            padding-left: 2px;
        }

        .pl-1 {
            padding-left: 4px;
        }

        .pl-4 {
            padding-left: 16px;
        }

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

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

        .text-center {
            text-align: center;
        }

        .text-end {
            text-align: end;
        }

        .text-left {
            text-align: left;
        }

        .text-start {
            text-align: start;
        }

        .align-middle {
            vertical-align: middle;
        }

        .font-matter {
            font-family: Matter, ui-sans-serif, system-ui, sans-serif;
        }

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

        .font-sans {
            font-family: PlusJakartaSans, ui-sans-serif, system-ui, sans-serif;
        }

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

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

        .text-large {
            font-size: var(--heroui-font-size-large);
            line-height: var(--heroui-line-height-large);
        }

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

        .text-medium {
            font-size: var(--heroui-font-size-medium);
            line-height: var(--heroui-line-height-medium);
        }

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

        .text-small {
            font-size: var(--heroui-font-size-small);
            line-height: var(--heroui-line-height-small);
        }

        .text-tiny {
            font-size: var(--heroui-font-size-tiny);
            line-height: var(--heroui-line-height-tiny);
        }

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

        .text-xs {
            font-size: 12px;
            line-height: var(--tw-leading, 16px);
        }

        .text-\[0\.5rem\] {
            font-size: 0.5rem;
        }

        .text-\[0\.6rem\] {
            font-size: 0.6rem;
        }

        .text-\[0\.55rem\] {
            font-size: 0.55rem;
        }

        .text-\[100\%\] {
            font-size: 100%;
        }

        .leading-5 {
            --tw-leading: 20px;
            line-height: 20px;
        }

        .leading-\[1\.15\] {
            --tw-leading: 1.15;
            line-height: 1.15;
        }

        .leading-\[32px\] {
            --tw-leading: 32px;
            line-height: 32px;
        }

        .leading-inherit {
            line-height: inherit;
        }

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

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

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

        .break-words {
            overflow-wrap: break-word;
        }

        .\[word-break\:break-word\] {
            word-break: break-word;
        }

        .text-ellipsis {
            text-overflow: ellipsis;
        }

        .whitespace-normal {
            white-space: normal;
        }

        .whitespace-nowrap {
            white-space: nowrap;
        }

        .\!text-danger {
            color: red !important;
        }

        .text-alert-button {
            color: hsl(var(--heroui-alert-button) / 1);
        }

        .text-background {
            color: hsl(var(--heroui-background) / 1);
        }

        .text-black {
            color: var(--color-black);
        }

        .text-current {
            color: currentcolor;
        }

        .text-danger {
            color: red;
        }

        .text-danger-300 {
            color: hsl(var(--heroui-danger-300) / 1);
        }

        .text-danger-400 {
            color: hsl(var(--heroui-danger-400) / 1);
        }

        .text-danger-500 {
            color: hsl(var(--heroui-danger-500) / 1);
        }

        .text-danger-600 {
            color: hsl(var(--heroui-danger-600) / 1);
        }

        .text-danger-foreground {
            color: hsl(var(--heroui-danger-foreground) / 1);
        }

        .text-danger\/80 {
            color: color-mix(rgb(255, 0, 0) 80%, transparent);
        }

        .text-default {
            color: hsl(var(--heroui-default) / 1);
        }

        .text-default-400 {
            color: hsl(var(--heroui-default-400) / 1);
        }

        .text-default-500 {
            color: hsl(var(--heroui-default-500) / 1);
        }

        .text-default-600 {
            color: hsl(var(--heroui-default-600) / 1);
        }

        .text-default-700 {
            color: hsl(var(--heroui-default-700) / 1);
        }

        .text-default-foreground {
            color: hsl(var(--heroui-default-foreground) / 1);
        }

        .text-error {
            color: red;
        }

        .text-fallback-text {
            color: rgb(153, 153, 153);
        }

        .text-foreground {
            color: hsl(var(--heroui-foreground) / 1);
        }

        .text-foreground\! {
            color: hsl(var(--heroui-foreground) / 1) !important;
        }

        .text-foreground-400 {
            color: hsl(var(--heroui-foreground-400) / 1);
        }

        .text-foreground-500 {
            color: hsl(var(--heroui-foreground-500) / 1);
        }

        .text-foreground-600 {
            color: hsl(var(--heroui-foreground-600) / 1);
        }

        .text-foreground-secondary {
            color: hsl(var(--heroui-foreground-secondary) / 1);
        }

        .text-foreground\/50 {
            color: hsl(var(--heroui-foreground) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-foreground\/50 {
                color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 50%, transparent);
            }
        }

        .text-foreground\/70 {
            color: hsl(var(--heroui-foreground) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-foreground\/70 {
                color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 70%, transparent);
            }
        }

        .text-foreground\/80 {
            color: hsl(var(--heroui-foreground) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-foreground\/80 {
                color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 80%, transparent);
            }
        }

        .text-gray-600 {
            color: var(--color-gray-600);
        }

        .text-inherit {
            color: inherit;
        }

        .text-input-border {
            color: hsl(var(--heroui-input-border) / .25);
        }

        .text-input-password-text {
            color: hsl(var(--heroui-input-password-text) / .75);
        }

        .text-input-search-text {
            color: hsl(var(--heroui-input-search-text) / 1);
        }

        .text-modal-text {
            color: hsl(var(--heroui-modal-text) / 1);
        }

        .text-number-variation-negative {
            color: red;
        }

        .text-number-variation-positive {
            color: rgb(15, 219, 151);
        }

        .text-panel-title {
            color: hsl(var(--heroui-panel-title) / 1);
        }

        .text-primary {
            color: hsl(var(--heroui-primary) / 1);
        }

        .text-primary-300 {
            color: hsl(var(--heroui-primary-300) / 1);
        }

        .text-primary-400 {
            color: hsl(var(--heroui-primary-400) / 1);
        }

        .text-primary-500 {
            color: hsl(var(--heroui-primary-500) / 1);
        }

        .text-primary-600 {
            color: hsl(var(--heroui-primary-600) / 1);
        }

        .text-primary-foreground {
            color: hsl(var(--heroui-primary-foreground) / 1);
        }

        .text-primary\/80 {
            color: hsl(var(--heroui-primary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-primary\/80 {
                color: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 80%, transparent);
            }
        }

        .text-secondary {
            color: hsl(var(--heroui-secondary) / 1);
        }

        .text-secondary-300 {
            color: hsl(var(--heroui-secondary-300) / 1);
        }

        .text-secondary-400 {
            color: hsl(var(--heroui-secondary-400) / 1);
        }

        .text-secondary-500 {
            color: hsl(var(--heroui-secondary-500) / 1);
        }

        .text-secondary-600 {
            color: hsl(var(--heroui-secondary-600) / 1);
        }

        .text-secondary-foreground {
            color: hsl(var(--heroui-secondary-foreground) / 1);
        }

        .text-secondary\/80 {
            color: hsl(var(--heroui-secondary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-secondary\/80 {
                color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 80%, transparent);
            }
        }

        .text-skeleton {
            color: hsl(var(--heroui-skeleton) / 1);
        }

        .text-staging-banner-text {
            color: hsl(var(--heroui-staging-banner-text) / 1);
        }

        .text-success {
            color: rgb(15, 219, 151);
        }

        .text-success-400 {
            color: hsl(var(--heroui-success-400) / 1);
        }

        .text-success-500 {
            color: hsl(var(--heroui-success-500) / 1);
        }

        .text-success-600 {
            color: hsl(var(--heroui-success-600) / 1);
        }

        .text-success-700 {
            color: hsl(var(--heroui-success-700) / 1);
        }

        .text-success-foreground {
            color: hsl(var(--heroui-success-foreground) / 1);
        }

        .text-success\/80 {
            color: color-mix(rgb(15, 219, 151) 80%, transparent);
        }

        .text-switch-neutral {
            color: hsl(var(--heroui-switch-neutral) / 1);
        }

        .text-transparent {
            color: transparent;
        }

        .text-warning {
            color: rgb(219, 138, 15);
        }

        .text-warning-400 {
            color: hsl(var(--heroui-warning-400) / 1);
        }

        .text-warning-500 {
            color: hsl(var(--heroui-warning-500) / 1);
        }

        .text-warning-600 {
            color: hsl(var(--heroui-warning-600) / 1);
        }

        .text-warning-700 {
            color: hsl(var(--heroui-warning-700) / 1);
        }

        .text-warning-foreground {
            color: hsl(var(--heroui-warning-foreground) / 1);
        }

        .text-warning\/80 {
            color: color-mix(rgb(219, 138, 15) 80%, transparent);
        }

        .text-white {
            color: var(--color-white);
        }

        .capitalize {
            text-transform: capitalize;
        }

        .lowercase {
            text-transform: lowercase;
        }

        .uppercase {
            text-transform: uppercase;
        }

        .italic {
            font-style: italic;
        }

        .tabular-nums {
            --tw-numeric-spacing: tabular-nums;
            font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
        }

        .no-underline {
            text-decoration-line: none;
        }

        .underline {
            text-decoration-line: underline;
        }

        .underline-offset-4 {
            text-underline-offset: 4px;
        }

        .antialiased {
            -webkit-font-smoothing: antialiased;
        }

        .subpixel-antialiased {
            -webkit-font-smoothing: auto;
        }

        .dark {
            color-scheme: dark;
            --heroui-background: 0 0% 0%;
            --heroui-foreground-50: 240 5.88% 10%;
            --heroui-foreground-100: 240 3.7% 15.88%;
            --heroui-foreground-200: 240 5.26% 26.08%;
            --heroui-foreground-300: 240 5.2% 33.92%;
            --heroui-foreground-400: 240 3.83% 46.08%;
            --heroui-foreground-500: 240 5.03% 64.9%;
            --heroui-foreground-600: 240 4.88% 83.92%;
            --heroui-foreground-700: 240 5.88% 90%;
            --heroui-foreground-800: 240 4.76% 95.88%;
            --heroui-foreground-900: 0 0% 98.04%;
            --heroui-foreground: 210 5.56% 92.94%;
            --heroui-focus: 212.01999999999998 100% 46.67%;
            --heroui-overlay: 0 0% 0%;
            --heroui-divider: 0 0% 100%;
            --heroui-content1: 240 5.88% 10%;
            --heroui-content1-foreground: 0 0% 98.04%;
            --heroui-content2: 240 3.7% 15.88%;
            --heroui-content2-foreground: 240 4.76% 95.88%;
            --heroui-content3: 240 5.26% 26.08%;
            --heroui-content3-foreground: 240 5.88% 90%;
            --heroui-content4: 240 5.2% 33.92%;
            --heroui-content4-foreground: 240 4.88% 83.92%;
            --heroui-default-50: 240 5.88% 10%;
            --heroui-default-100: 240 3.7% 15.88%;
            --heroui-default-200: 240 5.26% 26.08%;
            --heroui-default-300: 240 5.2% 33.92%;
            --heroui-default-400: 240 3.83% 46.08%;
            --heroui-default-500: 240 5.03% 64.9%;
            --heroui-default-600: 240 4.88% 83.92%;
            --heroui-default-700: 240 5.88% 90%;
            --heroui-default-800: 240 4.76% 95.88%;
            --heroui-default-900: 0 0% 98.04%;
            --heroui-default-foreground: 0 0% 100%;
            --heroui-default: 240 5.26% 26.08%;
            --heroui-primary-50: 211.84000000000003 100% 9.61%;
            --heroui-primary-100: 211.84000000000003 100% 19.22%;
            --heroui-primary-200: 212.24 100% 28.82%;
            --heroui-primary-300: 212.14 100% 38.43%;
            --heroui-primary-400: 212.01999999999998 100% 46.67%;
            --heroui-primary-500: 212.14 92.45% 58.43%;
            --heroui-primary-600: 212.24 92.45% 68.82%;
            --heroui-primary-700: 211.84000000000003 92.45% 79.22%;
            --heroui-primary-800: 211.84000000000003 92.45% 89.61%;
            --heroui-primary-900: 212.5 92.31% 94.9%;
            --heroui-primary-foreground: 0 0% 100%;
            --heroui-primary: 212.01999999999998 100% 46.67%;
            --heroui-secondary-50: 270 66.67% 9.41%;
            --heroui-secondary-100: 270 66.67% 18.82%;
            --heroui-secondary-200: 270 66.67% 28.24%;
            --heroui-secondary-300: 270 66.67% 37.65%;
            --heroui-secondary-400: 270 66.67% 47.06%;
            --heroui-secondary-500: 270 59.26% 57.65%;
            --heroui-secondary-600: 270 59.26% 68.24%;
            --heroui-secondary-700: 270 59.26% 78.82%;
            --heroui-secondary-800: 270 59.26% 89.41%;
            --heroui-secondary-900: 270 61.54% 94.9%;
            --heroui-secondary-foreground: 0 0% 100%;
            --heroui-secondary: 270 59.26% 57.65%;
            --heroui-success-50: 145.71000000000004 77.78% 8.82%;
            --heroui-success-100: 146.2 79.78% 17.45%;
            --heroui-success-200: 145.78999999999996 79.26% 26.47%;
            --heroui-success-300: 146.01 79.89% 35.1%;
            --heroui-success-400: 145.96000000000004 79.46% 43.92%;
            --heroui-success-500: 146.01 62.45% 55.1%;
            --heroui-success-600: 145.78999999999996 62.57% 66.47%;
            --heroui-success-700: 146.2 61.74% 77.45%;
            --heroui-success-800: 145.71000000000004 61.4% 88.82%;
            --heroui-success-900: 146.66999999999996 64.29% 94.51%;
            --heroui-success-foreground: 0 0% 0%;
            --heroui-success: 145.96000000000004 79.46% 43.92%;
            --heroui-warning-50: 37.139999999999986 75% 10.98%;
            --heroui-warning-100: 37.139999999999986 75% 21.96%;
            --heroui-warning-200: 36.95999999999998 73.96% 33.14%;
            --heroui-warning-300: 37.00999999999999 74.22% 44.12%;
            --heroui-warning-400: 37.02999999999997 91.27% 55.1%;
            --heroui-warning-500: 37.00999999999999 91.26% 64.12%;
            --heroui-warning-600: 36.95999999999998 91.24% 73.14%;
            --heroui-warning-700: 37.139999999999986 91.3% 81.96%;
            --heroui-warning-800: 37.139999999999986 91.3% 90.98%;
            --heroui-warning-900: 54.55000000000001 91.67% 95.29%;
            --heroui-warning-foreground: 0 0% 0%;
            --heroui-warning: 37.02999999999997 91.27% 55.1%;
            --heroui-danger-50: 340 84.91% 10.39%;
            --heroui-danger-100: 339.3299999999999 86.54% 20.39%;
            --heroui-danger-200: 339.11 85.99% 30.78%;
            --heroui-danger-300: 339 86.54% 40.78%;
            --heroui-danger-400: 339.20000000000005 90.36% 51.18%;
            --heroui-danger-500: 339 90% 60.78%;
            --heroui-danger-600: 339.11 90.6% 70.78%;
            --heroui-danger-700: 339.3299999999999 90% 80.39%;
            --heroui-danger-800: 340 91.84% 90.39%;
            --heroui-danger-900: 339.13 92% 95.1%;
            --heroui-danger-foreground: 0 0% 100%;
            --heroui-danger: 339.20000000000005 90.36% 51.18%;
            --heroui-divider-weight: 1px;
            --heroui-disabled-opacity: .5;
            --heroui-font-size-tiny: .75rem;
            --heroui-font-size-small: .875rem;
            --heroui-font-size-medium: 1rem;
            --heroui-font-size-large: 1.125rem;
            --heroui-line-height-tiny: 1rem;
            --heroui-line-height-small: 1.25rem;
            --heroui-line-height-medium: 1.5rem;
            --heroui-line-height-large: 1.75rem;
            --heroui-radius-small: 8px;
            --heroui-radius-medium: 12px;
            --heroui-radius-large: 14px;
            --heroui-border-width-small: 1px;
            --heroui-border-width-medium: 2px;
            --heroui-border-width-large: 3px;
            --heroui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / .05), 0px 2px 10px 0px rgb(0 0 0 / .2), inset 0px 0px 1px 0px rgb(255 255 255 / .15);
            --heroui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / .06), 0px 2px 30px 0px rgb(0 0 0 / .22), inset 0px 0px 1px 0px rgb(255 255 255 / .15);
            --heroui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / .07), 0px 30px 60px 0px rgb(0 0 0 / .26), inset 0px 0px 1px 0px rgb(255 255 255 / .15);
            --heroui-hover-opacity: .9;
        }

        .light {
            color-scheme: light;
            --heroui-background: 0 0% 100%;
            --heroui-foreground-50: 0 0% 98.04%;
            --heroui-foreground-100: 240 4.76% 95.88%;
            --heroui-foreground-200: 240 5.88% 90%;
            --heroui-foreground-300: 240 4.88% 83.92%;
            --heroui-foreground-400: 240 5.03% 64.9%;
            --heroui-foreground-500: 240 3.83% 46.08%;
            --heroui-foreground-600: 240 5.2% 33.92%;
            --heroui-foreground-700: 240 5.26% 26.08%;
            --heroui-foreground-800: 240 3.7% 15.88%;
            --heroui-foreground-900: 240 5.88% 10%;
            --heroui-foreground: 201.81999999999994 24.44% 8.82%;
            --heroui-divider: 0 0% 6.67%;
            --heroui-focus: 212.01999999999998 100% 46.67%;
            --heroui-overlay: 0 0% 0%;
            --heroui-content1: 0 0% 100%;
            --heroui-content1-foreground: 201.81999999999994 24.44% 8.82%;
            --heroui-content2: 240 4.76% 95.88%;
            --heroui-content2-foreground: 240 3.7% 15.88%;
            --heroui-content3: 240 5.88% 90%;
            --heroui-content3-foreground: 240 5.26% 26.08%;
            --heroui-content4: 240 4.88% 83.92%;
            --heroui-content4-foreground: 240 5.2% 33.92%;
            --heroui-default-50: 0 0% 98.04%;
            --heroui-default-100: 240 4.76% 95.88%;
            --heroui-default-200: 240 5.88% 90%;
            --heroui-default-300: 240 4.88% 83.92%;
            --heroui-default-400: 240 5.03% 64.9%;
            --heroui-default-500: 240 3.83% 46.08%;
            --heroui-default-600: 240 5.2% 33.92%;
            --heroui-default-700: 240 5.26% 26.08%;
            --heroui-default-800: 240 3.7% 15.88%;
            --heroui-default-900: 240 5.88% 10%;
            --heroui-default-foreground: 0 0% 0%;
            --heroui-default: 240 4.88% 83.92%;
            --heroui-primary-50: 212.5 92.31% 94.9%;
            --heroui-primary-100: 211.84000000000003 92.45% 89.61%;
            --heroui-primary-200: 211.84000000000003 92.45% 79.22%;
            --heroui-primary-300: 212.24 92.45% 68.82%;
            --heroui-primary-400: 212.14 92.45% 58.43%;
            --heroui-primary-500: 212.01999999999998 100% 46.67%;
            --heroui-primary-600: 212.14 100% 38.43%;
            --heroui-primary-700: 212.24 100% 28.82%;
            --heroui-primary-800: 211.84000000000003 100% 19.22%;
            --heroui-primary-900: 211.84000000000003 100% 9.61%;
            --heroui-primary-foreground: 0 0% 100%;
            --heroui-primary: 212.01999999999998 100% 46.67%;
            --heroui-secondary-50: 270 61.54% 94.9%;
            --heroui-secondary-100: 270 59.26% 89.41%;
            --heroui-secondary-200: 270 59.26% 78.82%;
            --heroui-secondary-300: 270 59.26% 68.24%;
            --heroui-secondary-400: 270 59.26% 57.65%;
            --heroui-secondary-500: 270 66.67% 47.06%;
            --heroui-secondary-600: 270 66.67% 37.65%;
            --heroui-secondary-700: 270 66.67% 28.24%;
            --heroui-secondary-800: 270 66.67% 18.82%;
            --heroui-secondary-900: 270 66.67% 9.41%;
            --heroui-secondary-foreground: 0 0% 100%;
            --heroui-secondary: 270 66.67% 47.06%;
            --heroui-success-50: 146.66999999999996 64.29% 94.51%;
            --heroui-success-100: 145.71000000000004 61.4% 88.82%;
            --heroui-success-200: 146.2 61.74% 77.45%;
            --heroui-success-300: 145.78999999999996 62.57% 66.47%;
            --heroui-success-400: 146.01 62.45% 55.1%;
            --heroui-success-500: 145.96000000000004 79.46% 43.92%;
            --heroui-success-600: 146.01 79.89% 35.1%;
            --heroui-success-700: 145.78999999999996 79.26% 26.47%;
            --heroui-success-800: 146.2 79.78% 17.45%;
            --heroui-success-900: 145.71000000000004 77.78% 8.82%;
            --heroui-success-foreground: 0 0% 0%;
            --heroui-success: 145.96000000000004 79.46% 43.92%;
            --heroui-warning-50: 54.55000000000001 91.67% 95.29%;
            --heroui-warning-100: 37.139999999999986 91.3% 90.98%;
            --heroui-warning-200: 37.139999999999986 91.3% 81.96%;
            --heroui-warning-300: 36.95999999999998 91.24% 73.14%;
            --heroui-warning-400: 37.00999999999999 91.26% 64.12%;
            --heroui-warning-500: 37.02999999999997 91.27% 55.1%;
            --heroui-warning-600: 37.00999999999999 74.22% 44.12%;
            --heroui-warning-700: 36.95999999999998 73.96% 33.14%;
            --heroui-warning-800: 37.139999999999986 75% 21.96%;
            --heroui-warning-900: 37.139999999999986 75% 10.98%;
            --heroui-warning-foreground: 0 0% 0%;
            --heroui-warning: 37.02999999999997 91.27% 55.1%;
            --heroui-danger-50: 339.13 92% 95.1%;
            --heroui-danger-100: 340 91.84% 90.39%;
            --heroui-danger-200: 339.3299999999999 90% 80.39%;
            --heroui-danger-300: 339.11 90.6% 70.78%;
            --heroui-danger-400: 339 90% 60.78%;
            --heroui-danger-500: 339.20000000000005 90.36% 51.18%;
            --heroui-danger-600: 339 86.54% 40.78%;
            --heroui-danger-700: 339.11 85.99% 30.78%;
            --heroui-danger-800: 339.3299999999999 86.54% 20.39%;
            --heroui-danger-900: 340 84.91% 10.39%;
            --heroui-danger-foreground: 0 0% 100%;
            --heroui-danger: 339.20000000000005 90.36% 51.18%;
            --heroui-divider-weight: 1px;
            --heroui-disabled-opacity: .5;
            --heroui-font-size-tiny: .75rem;
            --heroui-font-size-small: .875rem;
            --heroui-font-size-medium: 1rem;
            --heroui-font-size-large: 1.125rem;
            --heroui-line-height-tiny: 1rem;
            --heroui-line-height-small: 1.25rem;
            --heroui-line-height-medium: 1.5rem;
            --heroui-line-height-large: 1.75rem;
            --heroui-radius-small: 8px;
            --heroui-radius-medium: 12px;
            --heroui-radius-large: 14px;
            --heroui-border-width-small: 1px;
            --heroui-border-width-medium: 2px;
            --heroui-border-width-large: 3px;
            --heroui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / .02), 0px 2px 10px 0px rgb(0 0 0 / .06), 0px 0px 1px 0px rgb(0 0 0 / .3);
            --heroui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / .03), 0px 2px 30px 0px rgb(0 0 0 / .08), 0px 0px 1px 0px rgb(0 0 0 / .3);
            --heroui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / .04), 0px 30px 60px 0px rgb(0 0 0 / .12), 0px 0px 1px 0px rgb(0 0 0 / .3);
            --heroui-hover-opacity: .8;
        }

        .opacity-0 {
            opacity: 0;
        }

        .opacity-1 {
            opacity: 0.01;
        }

        .opacity-20 {
            opacity: 0.2;
        }

        .opacity-25 {
            opacity: 0.25;
        }

        .opacity-30 {
            opacity: 0.3;
        }

        .opacity-50 {
            opacity: 0.5;
        }

        .opacity-70 {
            opacity: 0.7;
        }

        .opacity-75 {
            opacity: 0.75;
        }

        .opacity-100 {
            opacity: 1;
        }

        .opacity-\[0\.0001\] {
            opacity: 0.0001;
        }

        .opacity-\[value\] {}

        .opacity-disabled {
            opacity: var(--heroui-disabled-opacity);
        }

        .\!shadow-none {
            --tw-shadow: 0 0 #0000 !important;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
        }

        .shadow {
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .shadow-\[0_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\] {
            --tw-shadow: 0 1px 0px 0 var(--tw-shadow-color, rgba(0, 0, 0, .05));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .shadow-\[0px_20px_20px_0px_rgb\(0_0_0\/0\.05\)\] {
            --tw-shadow: 0px 20px 20px 0px var(--tw-shadow-color, rgb(0 0 0/.05));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .shadow-large {
            --tw-shadow: var(--heroui-box-shadow-large);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .shadow-lg {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .shadow-md {
            --tw-shadow: 0px 4px 30px 0px var(--tw-shadow-color, hsl(0, 0%, 0%, 0));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .shadow-medium {
            --tw-shadow: var(--heroui-box-shadow-medium);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .shadow-none {
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .shadow-sm {
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .shadow-small {
            --tw-shadow: var(--heroui-box-shadow-small);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .shadow-xs {
            --tw-shadow: 0px 1px 0px 0px var(--tw-shadow-color, hsl(0, 0%, 0%, 0));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .ring,
        .ring-1 {
            --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + 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);
        }

        .ring-2 {
            --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);
        }

        .shadow-background {
            --tw-shadow-color: hsl(var(--heroui-background) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .shadow-background {
                --tw-shadow-color: color-mix(in oklab, hsl(var(--heroui-background) / 1) var(--tw-shadow-alpha), transparent);
            }
        }

        .shadow-black\/5 {
            --tw-shadow-color: color-mix(in srgb, #000 5%, transparent);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .shadow-black\/5 {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .shadow-danger\/40 {
            --tw-shadow-color: color-mix(in srgb, hsl(0, 100%, 50%) 40%, transparent);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .shadow-danger\/40 {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(0, 100%, 50%) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .shadow-default\/50 {
            --tw-shadow-color: hsl(var(--heroui-default) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .shadow-default\/50 {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-default) / 1) 50%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .shadow-foreground\/40 {
            --tw-shadow-color: hsl(var(--heroui-foreground) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .shadow-foreground\/40 {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .shadow-panel-wrapper-shadow {
            --tw-shadow-color: hsl(var(--heroui-panel-wrapper-shadow) / .1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .shadow-panel-wrapper-shadow {
                --tw-shadow-color: color-mix(in oklab, hsl(var(--heroui-panel-wrapper-shadow) / .1) var(--tw-shadow-alpha), transparent);
            }
        }

        .shadow-primary\/40 {
            --tw-shadow-color: hsl(var(--heroui-primary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .shadow-primary\/40 {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-primary) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .shadow-secondary\/40 {
            --tw-shadow-color: hsl(var(--heroui-secondary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .shadow-secondary\/40 {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .shadow-success\/40 {
            --tw-shadow-color: color-mix(in srgb, hsl(160, 87%, 46%) 40%, transparent);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .shadow-success\/40 {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(160, 87%, 46%) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .shadow-warning\/40 {
            --tw-shadow-color: color-mix(in srgb, hsl(36, 87%, 46%) 40%, transparent);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .shadow-warning\/40 {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(36, 87%, 46%) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .ring-background {
            --tw-ring-color: hsl(var(--heroui-background) / 1);
        }

        .ring-danger {
            --tw-ring-color: hsl(0, 100%, 50%);
        }

        .ring-default {
            --tw-ring-color: hsl(var(--heroui-default) / 1);
        }

        .ring-focus {
            --tw-ring-color: hsl(var(--heroui-focus) / 1);
        }

        .ring-primary {
            --tw-ring-color: hsl(var(--heroui-primary) / 1);
        }

        .ring-secondary {
            --tw-ring-color: hsl(var(--heroui-secondary) / 1);
        }

        .ring-success {
            --tw-ring-color: hsl(160, 87%, 46%);
        }

        .ring-transparent {
            --tw-ring-color: transparent;
        }

        .ring-warning {
            --tw-ring-color: hsl(36, 87%, 46%);
        }

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

        .ring-offset-background {
            --tw-ring-offset-color: hsl(var(--heroui-background) / 1);
        }

        .outline-transparent {
            outline-color: transparent;
        }

        .blur {
            --tw-blur: blur(8px);
            filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
        }

        .blur-lg {
            --tw-blur: blur(var(--blur-lg));
            filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
        }

        .saturate-150 {
            --tw-saturate: saturate(150%);
            filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
        }

        .filter {
            filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
        }

        .backdrop-blur {
            --tw-backdrop-blur: blur(8px);
            backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        }

        .backdrop-blur-\[2px\] {
            --tw-backdrop-blur: blur(2px);
            backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        }

        .backdrop-blur-lg {
            --tw-backdrop-blur: blur(var(--blur-lg));
            backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        }

        .backdrop-blur-md {
            --tw-backdrop-blur: blur(var(--blur-md));
            backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        }

        .backdrop-blur-sm {
            --tw-backdrop-blur: blur(var(--blur-sm));
            backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        }

        .backdrop-blur-xl {
            --tw-backdrop-blur: blur(var(--blur-xl));
            backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        }

        .backdrop-opacity-disabled {
            --tw-backdrop-opacity: opacity(var(--heroui-disabled-opacity));
            backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        }

        .backdrop-saturate-150 {
            --tw-backdrop-saturate: saturate(150%);
            backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        }

        .transition {
            transition-property: color, background-color, border-color, 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-\[color\,opacity\] {
            transition-property: color, opacity;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
        }

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

        .transition-\[left\,top\,width\,height\] {
            transition-property: left, top, width, height;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
        }

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

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

        .transition-\[transform\,color\,left\,opacity\,translate\,scale\] {
            transition-property: transform, color, left, opacity, translate, scale;
            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-background {
            transition-property: background;
            transition-timing-function: ease;
            transition-duration: 0.25s;
        }

        .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-colors-opacity {
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity;
            transition-timing-function: ease;
            transition-duration: 0.25s;
        }

        .transition-height {
            transition-property: height;
            transition-timing-function: ease;
            transition-duration: 0.25s;
        }

        .transition-left {
            transition-property: left;
            transition-timing-function: ease;
            transition-duration: 0.25s;
        }

        .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-size {
            transition-property: width, height;
            transition-timing-function: ease;
            transition-duration: 0.25s;
        }

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

        .transition-transform-background {
            transition-property: transform, scale, background;
            transition-timing-function: ease;
            transition-duration: 0.25s;
        }

        .transition-transform-colors {
            transition-property: transform, scale, color, background, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: ease;
            transition-duration: 0.25s;
        }

        .transition-transform-colors-opacity {
            transition-property: transform, scale, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity;
            transition-timing-function: ease;
            transition-duration: 0.25s;
        }

        .transition-transform-opacity {
            transition-timing-function: ease;
            transition-duration: 0.25s;
        }

        .transition-width {
            transition-property: width;
            transition-timing-function: ease;
            transition-duration: 0.25s;
        }

        .\!transition-none,
        .transition-none {
            transition-property: none !important;
        }

        .delay-\(--accordion-delay\) {
            transition-delay: var(--accordion-delay);
        }

        .\!duration-100 {
            --tw-duration: .1s !important;
            transition-duration: 0.1s !important;
        }

        .\!duration-150 {
            --tw-duration: .15s !important;
            transition-duration: 0.15s !important;
        }

        .\!duration-200 {
            --tw-duration: .2s !important;
            transition-duration: 0.2s !important;
        }

        .\!duration-250 {
            --tw-duration: .25s !important;
            transition-duration: 0.25s !important;
        }

        .\!duration-300 {
            --tw-duration: .3s !important;
            transition-duration: 0.3s !important;
        }

        .\!duration-500 {
            --tw-duration: .5s !important;
            transition-duration: 0.5s !important;
        }

        .duration-\(--accordion-duration\) {
            --tw-duration: var(--accordion-duration);
            transition-duration: var(--accordion-duration);
        }

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

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

        .duration-250 {
            --tw-duration: .25s;
            transition-duration: 0.25s;
        }

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

        .duration-400 {
            --tw-duration: .4s;
            transition-duration: 0.4s;
        }

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

        .\!ease-soft-spring {
            --tw-ease: cubic-bezier(.155, 1.105, .295, 1.12) !important;
            transition-timing-function: cubic-bezier(0.155, 1.105, 0.295, 1.12) !important;
        }

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

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

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

        .will-change-\[transform\,width\,height\] {
            will-change: transform, width, height;
        }

        .will-change-auto {
            will-change: auto;
        }

        .will-change-transform {
            will-change: transform;
        }

        .cefidark {
            --heroui-background: 0 0% 0%;
            --heroui-foreground-50: 0 0% 98.04%;
            --heroui-foreground-100: 240 4.76% 95.88%;
            --heroui-foreground-200: 240 5.88% 90%;
            --heroui-foreground-300: 240 4.88% 83.92%;
            --heroui-foreground-400: 240 5.03% 64.9%;
            --heroui-foreground-500: 240 3.83% 46.08%;
            --heroui-foreground-600: 240 5.2% 33.92%;
            --heroui-foreground-700: 240 5.26% 26.08%;
            --heroui-foreground-800: 240 3.7% 15.88%;
            --heroui-foreground-900: 240 5.88% 10%;
            --heroui-foreground: 0 0% 100%;
            --heroui-foreground-secondary: 13 96% 73%;
            --heroui-divider: 0 0% 6.67%;
            --heroui-focus: 212.01999999999998 100% 46.67%;
            --heroui-overlay: 0 0% 0%;
            --heroui-content1: 0 0% 100%;
            --heroui-content1-foreground: 201.81999999999994 24.44% 8.82%;
            --heroui-content2: 240 4.76% 95.88%;
            --heroui-content2-foreground: 240 3.7% 15.88%;
            --heroui-content3: 240 5.88% 90%;
            --heroui-content3-foreground: 240 5.26% 26.08%;
            --heroui-content4: 240 4.88% 83.92%;
            --heroui-content4-foreground: 240 5.2% 33.92%;
            --heroui-default-50: 0 0% 98.04%;
            --heroui-default-100: 240 4.76% 95.88%;
            --heroui-default-200: 240 5.88% 90%;
            --heroui-default-300: 240 4.88% 83.92%;
            --heroui-default-400: 240 5.03% 64.9%;
            --heroui-default-500: 240 3.83% 46.08%;
            --heroui-default-600: 240 5.2% 33.92%;
            --heroui-default-700: 240 5.26% 26.08%;
            --heroui-default-800: 240 3.7% 15.88%;
            --heroui-default-900: 240 5.88% 10%;
            --heroui-default-foreground: 0 0% 0%;
            --heroui-default: 240 4.88% 83.92%;
            --heroui-primary: 13 100% 59%;
            --heroui-secondary-50: 270 61.54% 94.9%;
            --heroui-secondary-100: 270 59.26% 89.41%;
            --heroui-secondary-200: 270 59.26% 78.82%;
            --heroui-secondary-300: 270 59.26% 68.24%;
            --heroui-secondary-400: 270 59.26% 57.65%;
            --heroui-secondary-500: 270 66.67% 47.06%;
            --heroui-secondary-600: 270 66.67% 37.65%;
            --heroui-secondary-700: 270 66.67% 28.24%;
            --heroui-secondary-800: 270 66.67% 18.82%;
            --heroui-secondary-900: 270 66.67% 9.41%;
            --heroui-secondary-foreground: 0 0% 100%;
            --heroui-secondary: 270 66.67% 47.06%;
            --heroui-success-50: 146.66999999999996 64.29% 94.51%;
            --heroui-success-100: 145.71000000000004 61.4% 88.82%;
            --heroui-success-200: 146.2 61.74% 77.45%;
            --heroui-success-300: 145.78999999999996 62.57% 66.47%;
            --heroui-success-400: 146.01 62.45% 55.1%;
            --heroui-success-500: 145.96000000000004 79.46% 43.92%;
            --heroui-success-600: 146.01 79.89% 35.1%;
            --heroui-success-700: 145.78999999999996 79.26% 26.47%;
            --heroui-success-800: 146.2 79.78% 17.45%;
            --heroui-success-900: 145.71000000000004 77.78% 8.82%;
            --heroui-success-foreground: 0 0% 0%;
            --heroui-success: 145.96000000000004 79.46% 43.92%;
            --heroui-warning-50: 54.55000000000001 91.67% 95.29%;
            --heroui-warning-100: 37.139999999999986 91.3% 90.98%;
            --heroui-warning-200: 37.139999999999986 91.3% 81.96%;
            --heroui-warning-300: 36.95999999999998 91.24% 73.14%;
            --heroui-warning-400: 37.00999999999999 91.26% 64.12%;
            --heroui-warning-500: 37.02999999999997 91.27% 55.1%;
            --heroui-warning-600: 37.00999999999999 74.22% 44.12%;
            --heroui-warning-700: 36.95999999999998 73.96% 33.14%;
            --heroui-warning-800: 37.139999999999986 75% 21.96%;
            --heroui-warning-900: 37.139999999999986 75% 10.98%;
            --heroui-warning-foreground: 0 0% 0%;
            --heroui-warning: 37.02999999999997 91.27% 55.1%;
            --heroui-danger-50: 339.13 92% 95.1%;
            --heroui-danger-100: 340 91.84% 90.39%;
            --heroui-danger-200: 339.3299999999999 90% 80.39%;
            --heroui-danger-300: 339.11 90.6% 70.78%;
            --heroui-danger-400: 339 90% 60.78%;
            --heroui-danger-500: 339.20000000000005 90.36% 51.18%;
            --heroui-danger-600: 339 86.54% 40.78%;
            --heroui-danger-700: 339.11 85.99% 30.78%;
            --heroui-danger-800: 339.3299999999999 86.54% 20.39%;
            --heroui-danger-900: 340 84.91% 10.39%;
            --heroui-danger-foreground: 0 0% 100%;
            --heroui-danger: 339.20000000000005 90.36% 51.18%;
            --heroui-skeleton: 240 4% 16%;
            --heroui-skeleton-glint: 240 6% 90%;
            --heroui-panel: 227 33% 16%;
            --heroui-panel-header: 227 33% 16%;
            --heroui-panel-shadow: 227 16% 29%;
            --heroui-panel-title: 0 0% 100%;
            --heroui-panel-row: 0 0% 0%;
            --heroui-panel-wrapper-shadow: 0 0% 0%;
            --heroui-panel-selected-row: 0 0% 100%;
            --heroui-panel-hovered-row: 0 0% 100%;
            --heroui-card: 220 61% 11%;
            --heroui-card-shadow: 197 27% 27%;
            --heroui-tooltip: 240 4% 16%;
            --heroui-switch: 13 100% 59%;
            --heroui-switch-hover: 13 100% 74%;
            --heroui-switch-background: 233 29% 94%;
            --heroui-switch-neutral: 199 10% 69%;
            --heroui-switch-toggle-theme-background: 220 61% 11%;
            --heroui-select: 0 0% 100%;
            --heroui-select-hover: 0 0% 100%;
            --heroui-select-background: 225 31% 18%;
            --heroui-select-text: 230 35% 13%;
            --heroui-input-background: 0 0% 100%;
            --heroui-input-border: 199 10% 69%;
            --heroui-input-border-primary: 199 10% 69%;
            --heroui-input-hover: 0 0% 100%;
            --heroui-input-search-background: 0 0% 0%;
            --heroui-input-search-border: 199 10% 69%;
            --heroui-input-search-placeholder: 199 10% 69%;
            --heroui-input-search-text: 199 10% 69%;
            --heroui-input-password-background: 0 0% 0%;
            --heroui-input-password-border: 199 10% 69%;
            --heroui-input-password-border-primary: 199 10% 69%;
            --heroui-input-password-hover: 0 0% 0%;
            --heroui-input-password-text: 0 0% 87.1%;
            --heroui-input-password-placeholder: 0 0% 100%;
            --heroui-alert-background: 220 61% 11%;
            --heroui-alert-mask: 223 10% 86%;
            --heroui-alert-button: 199 10% 69%;
            --heroui-alert-2FA-background: 0 0% 100%;
            --heroui-dropdown-background: 220 61% 11%;
            --heroui-dropdown-border: 233 29% 94%;
            --heroui-dropdown-hover: 0 0% 100%;
            --heroui-dropdown-foreground: 0 0% 100%;
            --heroui-modal-text: 0 0% 100%;
            --heroui-modal-background: 230 39% 9%;
            --heroui-staging-banner-background: 124 61% 24%;
            --heroui-staging-banner-text: 0 0% 100%;
            --heroui-divider-weight: 1px;
            --heroui-disabled-opacity: .5;
            --heroui-font-size-tiny: .75rem;
            --heroui-font-size-small: .875rem;
            --heroui-font-size-medium: 1rem;
            --heroui-font-size-large: 1.125rem;
            --heroui-line-height-tiny: 1rem;
            --heroui-line-height-small: 1.25rem;
            --heroui-line-height-medium: 1.5rem;
            --heroui-line-height-large: 1.75rem;
            --heroui-radius-small: 8px;
            --heroui-radius-medium: 12px;
            --heroui-radius-large: 14px;
            --heroui-border-width-small: 1px;
            --heroui-border-width-medium: 2px;
            --heroui-border-width-large: 3px;
            --heroui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / .02), 0px 2px 10px 0px rgb(0 0 0 / .06), 0px 0px 1px 0px rgb(0 0 0 / .3);
            --heroui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / .03), 0px 2px 30px 0px rgb(0 0 0 / .08), 0px 0px 1px 0px rgb(0 0 0 / .3);
            --heroui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / .04), 0px 30px 60px 0px rgb(0 0 0 / .12), 0px 0px 1px 0px rgb(0 0 0 / .3);
        }

        .cefilight {
            --heroui-background: 0 0% 100%;
            --heroui-foreground-50: 0 0% 98.04%;
            --heroui-foreground-100: 240 4.76% 95.88%;
            --heroui-foreground-200: 240 5.88% 90%;
            --heroui-foreground-300: 240 4.88% 83.92%;
            --heroui-foreground-400: 240 5.03% 64.9%;
            --heroui-foreground-500: 240 3.83% 46.08%;
            --heroui-foreground-600: 240 5.2% 33.92%;
            --heroui-foreground-700: 240 5.26% 26.08%;
            --heroui-foreground-800: 240 3.7% 15.88%;
            --heroui-foreground-900: 240 5.88% 10%;
            --heroui-foreground: 230 39% 9%;
            --heroui-foreground-secondary: 13 96% 73%;
            --heroui-divider: 0 0% 6.67%;
            --heroui-focus: 212.01999999999998 100% 46.67%;
            --heroui-overlay: 0 0% 0%;
            --heroui-content1: 0 0% 100%;
            --heroui-content1-foreground: 201.81999999999994 24.44% 8.82%;
            --heroui-content2: 240 4.76% 95.88%;
            --heroui-content2-foreground: 240 3.7% 15.88%;
            --heroui-content3: 240 5.88% 90%;
            --heroui-content3-foreground: 240 5.26% 26.08%;
            --heroui-content4: 240 4.88% 83.92%;
            --heroui-content4-foreground: 240 5.2% 33.92%;
            --heroui-default-50: 0 0% 98.04%;
            --heroui-default-100: 240 4.76% 95.88%;
            --heroui-default-200: 240 5.88% 90%;
            --heroui-default-300: 240 4.88% 83.92%;
            --heroui-default-400: 240 5.03% 64.9%;
            --heroui-default-500: 240 3.83% 46.08%;
            --heroui-default-600: 240 5.2% 33.92%;
            --heroui-default-700: 240 5.26% 26.08%;
            --heroui-default-800: 240 3.7% 15.88%;
            --heroui-default-900: 240 5.88% 10%;
            --heroui-default-foreground: 0 0% 0%;
            --heroui-default: 240 4.88% 83.92%;
            --heroui-primary: 13 100% 59%;
            --heroui-secondary-50: 270 61.54% 94.9%;
            --heroui-secondary-100: 270 59.26% 89.41%;
            --heroui-secondary-200: 270 59.26% 78.82%;
            --heroui-secondary-300: 270 59.26% 68.24%;
            --heroui-secondary-400: 270 59.26% 57.65%;
            --heroui-secondary-500: 270 66.67% 47.06%;
            --heroui-secondary-600: 270 66.67% 37.65%;
            --heroui-secondary-700: 270 66.67% 28.24%;
            --heroui-secondary-800: 270 66.67% 18.82%;
            --heroui-secondary-900: 270 66.67% 9.41%;
            --heroui-secondary-foreground: 0 0% 100%;
            --heroui-secondary: 270 66.67% 47.06%;
            --heroui-success-50: 146.66999999999996 64.29% 94.51%;
            --heroui-success-100: 145.71000000000004 61.4% 88.82%;
            --heroui-success-200: 146.2 61.74% 77.45%;
            --heroui-success-300: 145.78999999999996 62.57% 66.47%;
            --heroui-success-400: 146.01 62.45% 55.1%;
            --heroui-success-500: 145.96000000000004 79.46% 43.92%;
            --heroui-success-600: 146.01 79.89% 35.1%;
            --heroui-success-700: 145.78999999999996 79.26% 26.47%;
            --heroui-success-800: 146.2 79.78% 17.45%;
            --heroui-success-900: 145.71000000000004 77.78% 8.82%;
            --heroui-success-foreground: 0 0% 0%;
            --heroui-success: 145.96000000000004 79.46% 43.92%;
            --heroui-warning-50: 54.55000000000001 91.67% 95.29%;
            --heroui-warning-100: 37.139999999999986 91.3% 90.98%;
            --heroui-warning-200: 37.139999999999986 91.3% 81.96%;
            --heroui-warning-300: 36.95999999999998 91.24% 73.14%;
            --heroui-warning-400: 37.00999999999999 91.26% 64.12%;
            --heroui-warning-500: 37.02999999999997 91.27% 55.1%;
            --heroui-warning-600: 37.00999999999999 74.22% 44.12%;
            --heroui-warning-700: 36.95999999999998 73.96% 33.14%;
            --heroui-warning-800: 37.139999999999986 75% 21.96%;
            --heroui-warning-900: 37.139999999999986 75% 10.98%;
            --heroui-warning-foreground: 0 0% 0%;
            --heroui-warning: 37.02999999999997 91.27% 55.1%;
            --heroui-danger-50: 339.13 92% 95.1%;
            --heroui-danger-100: 340 91.84% 90.39%;
            --heroui-danger-200: 339.3299999999999 90% 80.39%;
            --heroui-danger-300: 339.11 90.6% 70.78%;
            --heroui-danger-400: 339 90% 60.78%;
            --heroui-danger-500: 339.20000000000005 90.36% 51.18%;
            --heroui-danger-600: 339 86.54% 40.78%;
            --heroui-danger-700: 339.11 85.99% 30.78%;
            --heroui-danger-800: 339.3299999999999 86.54% 20.39%;
            --heroui-danger-900: 340 84.91% 10.39%;
            --heroui-danger-foreground: 0 0% 100%;
            --heroui-danger: 339.20000000000005 90.36% 51.18%;
            --heroui-skeleton: 0 0% 90%;
            --heroui-skeleton-glint: 0 0% 100%;
            --heroui-panel: 0 0% 100%;
            --heroui-panel-header: 0 0% 100%;
            --heroui-panel-title: 13 100% 59%;
            --heroui-panel-row: 0 0% 0%;
            --heroui-panel-shadow: 220 4% 87%;
            --heroui-panel-wrapper-shadow: 197 27% 27%;
            --heroui-panel-selected-row: 0 0% 0%;
            --heroui-panel-hovered-row: 233 29% 94%;
            --heroui-card: 0 0% 100%;
            --heroui-card-shadow: 197 27% 27%;
            --heroui-tooltip: 0 0% 100%;
            --heroui-switch: 13 100% 59%;
            --heroui-switch-hover: 13 100% 74%;
            --heroui-switch-background: 233 29% 94%;
            --heroui-switch-neutral: 199 10% 69%;
            --heroui-switch-toggle-theme-background: 220 61% 11%;
            --heroui-select: 0 0% 0%;
            --heroui-select-hover: 233 29% 94%;
            --heroui-select-background: 0 0% 100%;
            --heroui-select-text: 0 0% 0%;
            --heroui-input-background: 0 0% 100%;
            --heroui-input-border: 199 10% 69%;
            --heroui-input-border-primary: 199 10% 69%;
            --heroui-input-hover: 0 0% 100%;
            --heroui-input-search-background: 0 0% 0%;
            --heroui-input-search-border: 233 29% 94%;
            --heroui-input-search-placeholder: 233 29% 94%;
            --heroui-input-search-text: 203 61% 11%;
            --heroui-input-password-background: 0 0% 100%;
            --heroui-input-password-border: 199 10% 69%;
            --heroui-input-password-border-primary: 199 10% 69%;
            --heroui-input-password-hover: 0 0% 100%;
            --heroui-input-password-text: 0 0% 0%;
            --heroui-input-password-placeholder: 0 0% 0%;
            --heroui-alert-background: 197 27% 27%;
            --heroui-alert-mask: 223 10% 86%;
            --heroui-alert-button: 199 10% 69%;
            --heroui-alert-2FA-background: 0 0% 100%;
            --heroui-dropdown-background: 0 0% 100%;
            --heroui-dropdown-border: 233 29% 94%;
            --heroui-dropdown-hover: 0 0% 0%;
            --heroui-dropdown-foreground: 196 27% 27%;
            --heroui-modal-text: 230 39% 9%;
            --heroui-modal-background: 0 0% 100%;
            --heroui-staging-banner-background: 124 61% 24%;
            --heroui-staging-banner-text: 0 0% 100%;
            --heroui-divider-weight: 1px;
            --heroui-disabled-opacity: .5;
            --heroui-font-size-tiny: .75rem;
            --heroui-font-size-small: .875rem;
            --heroui-font-size-medium: 1rem;
            --heroui-font-size-large: 1.125rem;
            --heroui-line-height-tiny: 1rem;
            --heroui-line-height-small: 1.25rem;
            --heroui-line-height-medium: 1.5rem;
            --heroui-line-height-large: 1.75rem;
            --heroui-radius-small: 8px;
            --heroui-radius-medium: 12px;
            --heroui-radius-large: 14px;
            --heroui-border-width-small: 1px;
            --heroui-border-width-medium: 2px;
            --heroui-border-width-large: 3px;
            --heroui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / .02), 0px 2px 10px 0px rgb(0 0 0 / .06), 0px 0px 1px 0px rgb(0 0 0 / .3);
            --heroui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / .03), 0px 2px 30px 0px rgb(0 0 0 / .08), 0px 0px 1px 0px rgb(0 0 0 / .3);
            --heroui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / .04), 0px 30px 60px 0px rgb(0 0 0 / .12), 0px 0px 1px 0px rgb(0 0 0 / .3);
        }

        .defidark {
            --heroui-background: 230 35% 13%;
            --heroui-foreground-50: 0 0% 98.04%;
            --heroui-foreground-100: 240 4.76% 95.88%;
            --heroui-foreground-200: 240 5.88% 90%;
            --heroui-foreground-300: 240 4.88% 83.92%;
            --heroui-foreground-400: 240 5.03% 64.9%;
            --heroui-foreground-500: 240 3.83% 46.08%;
            --heroui-foreground-600: 240 5.2% 33.92%;
            --heroui-foreground-700: 240 5.26% 26.08%;
            --heroui-foreground-800: 240 3.7% 15.88%;
            --heroui-foreground-900: 240 5.88% 10%;
            --heroui-foreground: 0 0% 100%;
            --heroui-foreground-secondary: 263 100% 84%;
            --heroui-divider: 0 0% 6.67%;
            --heroui-focus: 212.01999999999998 100% 46.67%;
            --heroui-overlay: 0 0% 0%;
            --heroui-content1: 0 0% 100%;
            --heroui-content1-foreground: 201.81999999999994 24.44% 8.82%;
            --heroui-content2: 240 4.76% 95.88%;
            --heroui-content2-foreground: 240 3.7% 15.88%;
            --heroui-content3: 240 5.88% 90%;
            --heroui-content3-foreground: 240 5.26% 26.08%;
            --heroui-content4: 240 4.88% 83.92%;
            --heroui-content4-foreground: 240 5.2% 33.92%;
            --heroui-default-50: 0 0% 98.04%;
            --heroui-default-100: 240 4.76% 95.88%;
            --heroui-default-200: 240 5.88% 90%;
            --heroui-default-300: 240 4.88% 83.92%;
            --heroui-default-400: 240 5.03% 64.9%;
            --heroui-default-500: 240 3.83% 46.08%;
            --heroui-default-600: 240 5.2% 33.92%;
            --heroui-default-700: 240 5.26% 26.08%;
            --heroui-default-800: 240 3.7% 15.88%;
            --heroui-default-900: 240 5.88% 10%;
            --heroui-default-foreground: 0 0% 0%;
            --heroui-default: 240 4.88% 83.92%;
            --heroui-primary: 263 100% 65%;
            --heroui-secondary-50: 270 61.54% 94.9%;
            --heroui-secondary-100: 270 59.26% 89.41%;
            --heroui-secondary-200: 270 59.26% 78.82%;
            --heroui-secondary-300: 270 59.26% 68.24%;
            --heroui-secondary-400: 270 59.26% 57.65%;
            --heroui-secondary-500: 270 66.67% 47.06%;
            --heroui-secondary-600: 270 66.67% 37.65%;
            --heroui-secondary-700: 270 66.67% 28.24%;
            --heroui-secondary-800: 270 66.67% 18.82%;
            --heroui-secondary-900: 270 66.67% 9.41%;
            --heroui-secondary-foreground: 0 0% 100%;
            --heroui-secondary: 270 66.67% 47.06%;
            --heroui-success-50: 146.66999999999996 64.29% 94.51%;
            --heroui-success-100: 145.71000000000004 61.4% 88.82%;
            --heroui-success-200: 146.2 61.74% 77.45%;
            --heroui-success-300: 145.78999999999996 62.57% 66.47%;
            --heroui-success-400: 146.01 62.45% 55.1%;
            --heroui-success-500: 145.96000000000004 79.46% 43.92%;
            --heroui-success-600: 146.01 79.89% 35.1%;
            --heroui-success-700: 145.78999999999996 79.26% 26.47%;
            --heroui-success-800: 146.2 79.78% 17.45%;
            --heroui-success-900: 145.71000000000004 77.78% 8.82%;
            --heroui-success-foreground: 0 0% 0%;
            --heroui-success: 145.96000000000004 79.46% 43.92%;
            --heroui-warning-50: 54.55000000000001 91.67% 95.29%;
            --heroui-warning-100: 37.139999999999986 91.3% 90.98%;
            --heroui-warning-200: 37.139999999999986 91.3% 81.96%;
            --heroui-warning-300: 36.95999999999998 91.24% 73.14%;
            --heroui-warning-400: 37.00999999999999 91.26% 64.12%;
            --heroui-warning-500: 37.02999999999997 91.27% 55.1%;
            --heroui-warning-600: 37.00999999999999 74.22% 44.12%;
            --heroui-warning-700: 36.95999999999998 73.96% 33.14%;
            --heroui-warning-800: 37.139999999999986 75% 21.96%;
            --heroui-warning-900: 37.139999999999986 75% 10.98%;
            --heroui-warning-foreground: 0 0% 0%;
            --heroui-warning: 37.02999999999997 91.27% 55.1%;
            --heroui-danger-50: 339.13 92% 95.1%;
            --heroui-danger-100: 340 91.84% 90.39%;
            --heroui-danger-200: 339.3299999999999 90% 80.39%;
            --heroui-danger-300: 339.11 90.6% 70.78%;
            --heroui-danger-400: 339 90% 60.78%;
            --heroui-danger-500: 339.20000000000005 90.36% 51.18%;
            --heroui-danger-600: 339 86.54% 40.78%;
            --heroui-danger-700: 339.11 85.99% 30.78%;
            --heroui-danger-800: 339.3299999999999 86.54% 20.39%;
            --heroui-danger-900: 340 84.91% 10.39%;
            --heroui-danger-foreground: 0 0% 100%;
            --heroui-danger: 339.20000000000005 90.36% 51.18%;
            --heroui-skeleton: 240 4% 16%;
            --heroui-skeleton-glint: 240 6% 90%;
            --heroui-panel: 252 67% 13%;
            --heroui-panel-header: 252 67% 13%;
            --heroui-panel-title: 0 0% 50%;
            --heroui-panel-row: 0 0% 100%;
            --heroui-panel-shadow: 227 16% 29%;
            --heroui-panel-wrapper-shadow: 0 0% 0%;
            --heroui-panel-selected-row: 0 0% 100%;
            --heroui-panel-hovered-row: 0 0% 100%;
            --heroui-card: 0 0% 100%;
            --heroui-card-shadow: 197 27% 27%;
            --heroui-tooltip: 240 4% 16%;
            --heroui-switch: 263 100% 65%;
            --heroui-switch-hover: 263 100% 82%;
            --heroui-switch-background: 233 29% 94%;
            --heroui-switch-neutral: 199 10% 69%;
            --heroui-switch-toggle-theme-background: 220 61% 11%;
            --heroui-select: 0 0% 100%;
            --heroui-select-hover: 0 0% 100%;
            --heroui-select-background: 252 67% 13%;
            --heroui-select-text: 230 35% 13%;
            --heroui-input-background: 0 0% 100%;
            --heroui-input-border: 0 0% 100%;
            --heroui-input-border-primary: 263 100% 65%;
            --heroui-input-hover: 263 100% 65%;
            --heroui-input-search-background: 0 0% 0%;
            --heroui-input-search-border: 199 10% 69%;
            --heroui-input-search-placeholder: 199 10% 69%;
            --heroui-input-search-text: 199 10% 69%;
            --heroui-input-password-background: 0 0% 100%;
            --heroui-input-password-border: 0 0% 100%;
            --heroui-input-password-border-primary: 263 100% 65%;
            --heroui-input-password-hover: 263 100% 65%;
            --heroui-input-password-text: 0 0% 100%;
            --heroui-input-password-placeholder: 0 0% 100%;
            --heroui-alert-background: 220 61% 11%;
            --heroui-alert-mask: 223 10% 86%;
            --heroui-alert-button: 199 10% 69%;
            --heroui-alert-2FA-background: 0 0% 100%;
            --heroui-dropdown-background: 220 61% 11%;
            --heroui-dropdown-border: 233 29% 94%;
            --heroui-dropdown-hover: 0 0% 100%;
            --heroui-dropdown-foreground: 196 0% 100%;
            --heroui-modal-text: 0 0% 100%;
            --heroui-modal-background: 230 39% 9%;
            --heroui-staging-banner-background: 124 61% 24%;
            --heroui-staging-banner-text: 0 0% 100%;
            --heroui-divider-weight: 1px;
            --heroui-disabled-opacity: .5;
            --heroui-font-size-tiny: .75rem;
            --heroui-font-size-small: .875rem;
            --heroui-font-size-medium: 1rem;
            --heroui-font-size-large: 1.125rem;
            --heroui-line-height-tiny: 1rem;
            --heroui-line-height-small: 1.25rem;
            --heroui-line-height-medium: 1.5rem;
            --heroui-line-height-large: 1.75rem;
            --heroui-radius-small: 8px;
            --heroui-radius-medium: 12px;
            --heroui-radius-large: 14px;
            --heroui-border-width-small: 1px;
            --heroui-border-width-medium: 2px;
            --heroui-border-width-large: 3px;
            --heroui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / .02), 0px 2px 10px 0px rgb(0 0 0 / .06), 0px 0px 1px 0px rgb(0 0 0 / .3);
            --heroui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / .03), 0px 2px 30px 0px rgb(0 0 0 / .08), 0px 0px 1px 0px rgb(0 0 0 / .3);
            --heroui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / .04), 0px 30px 60px 0px rgb(0 0 0 / .12), 0px 0px 1px 0px rgb(0 0 0 / .3);
        }

        .\!outline-solid {
            --tw-outline-style: solid !important;
            outline-style: solid !important;
        }

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

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

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

        .\[--picker-height\:224px\] {
            --picker-height: 224px;
        }

        .\[--scale-enter\:100\%\] {
            --scale-enter: 100%;
        }

        .\[--scale-exit\:100\%\] {
            --scale-exit: 100%;
        }

        .\[--scroll-shadow-size\:100px\] {
            --scroll-shadow-size: 100px;
        }

        .\[--slide-enter\:0px\] {
            --slide-enter: 0px;
        }

        .\[--slide-exit\:80px\] {
            --slide-exit: 80px;
        }

        .\[-webkit-mask\:radial-gradient\(closest-side\,rgba\(0\,0\,0\,0\.0\)calc\(100\%-3px\)\,rgba\(0\,0\,0\,1\)calc\(100\%-3px\)\)\] {
            mask: radial-gradient(closest-side, rgba(0, 0, 0, 0) calc(100% - 3px), rgb(0, 0, 0) calc(100% - 3px));
        }

        .\[animation-duration\:1s\],
        .\[animation-duration\:1000ms\] {
            animation-duration: 1s;
        }

        .cefi-linear-gradient {
            background: linear-gradient(35deg, rgb(19, 23, 42), rgb(32, 37, 55) 50%, rgb(43, 50, 69) 74%, rgb(50, 57, 78) 88%, rgb(56, 64, 86) 96%, rgb(63, 72, 95) 100%, rgb(67, 77, 101) 101%, rgb(72, 82, 106));
        }

        .defi-linear-gradient {
            background: radial-gradient(105.87% 105.87% at 4.16% 5.34%, rgba(38, 6, 69, 0.65), rgba(100, 100, 100, 0)), radial-gradient(137.18% 137.18% at 133.89% 60.37%, rgba(3, 6, 16, 0.65), rgba(34, 52, 210, 0.118)), linear-gradient(0deg, rgb(0, 0, 0), rgb(0, 0, 0));
        }

        .input-search-cancel-button-none::-webkit-search-cancel-button {
            appearance: none;
        }

        .spinner-dot-animation {
            animation-delay: calc(.25s * var(--dot-index));
        }

        .spinner-dot-blink-animation {
            animation-delay: calc(.2s * var(--dot-index));
        }

        .tap-highlight-transparent {
            -webkit-tap-highlight-color: transparent;
        }

        .text-fill-inherit {
            -webkit-text-fill-color: inherit;
        }

        :is(.\*\:grow > *) {
            flex-grow: 1;
        }

        @media (hover: hover) {
            .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
                pointer-events: auto;
            }
        }

        @media (hover: hover) {
            .group-hover\:block:is(:where(.group):hover *) {
                display: block;
            }
        }

        @media (hover: hover) {
            .group-hover\:hidden:is(:where(.group):hover *) {
                display: none;
            }
        }

        @media (hover: hover) {
            .group-hover\:border-current:is(:where(.group):hover *) {
                border-color: currentcolor;
            }
        }

        @media (hover: hover) {
            .group-hover\:bg-switch-hover:is(:where(.group):hover *) {
                background-color: hsl(var(--heroui-switch-hover) / 1);
            }
        }

        @media (hover: hover) {
            .group-hover\:text-current:is(:where(.group):hover *) {
                color: currentcolor;
            }
        }

        @media (hover: hover) {
            .group-hover\:opacity-100:is(:where(.group):hover *) {
                opacity: 1;
            }
        }

        @media (hover: hover) {
            .group-hover\/row\:bg-panel-hovered-row:is(:where(.group\/row):hover *) {
                background-color: hsl(var(--heroui-panel-hovered-row) / .05);
            }
        }

        .group-data-focus\:border-input-border-primary:is(:where(.group)[data-focus] *) {
            border-color: hsl(var(--heroui-input-border-primary) / 1);
        }

        .group-data-focus\:border-input-password-border-primary:is(:where(.group)[data-focus] *) {
            border-color: hsl(var(--heroui-input-password-border-primary) / 1);
        }

        .group-data-focus\:bg-input-hover:is(:where(.group)[data-focus] *) {
            background-color: hsl(var(--heroui-input-hover) / .15);
        }

        .group-data-focus\:bg-input-password-hover:is(:where(.group)[data-focus] *) {
            background-color: hsl(var(--heroui-input-password-hover) / .15);
        }

        .group-data-invalid\:border-error\!:is(:where(.group)[data-invalid] *) {
            border-color: red !important;
        }

        .group-data-invalid\:border-warning\!:is(:where(.group)[data-invalid] *) {
            border-color: rgb(219, 138, 15) !important;
        }

        .group-data-pressed\:ms-\[9px\]\!:is(:where(.group)[data-pressed] *) {
            margin-inline-start: 9px !important;
        }

        .group-data-pressed\:w-3\.5:is(:where(.group)[data-pressed] *) {
            width: 14px;
        }

        .group-data-selected\:ms-\[9px\]\!:is(:where(.group)[data-selected] *) {
            margin-inline-start: 9px !important;
        }

        .group-data-selected\:ml-\[9px\]:is(:where(.group)[data-selected] *) {
            margin-left: 9px;
        }

        .group-data-selected\:bg-switch:is(:where(.group)[data-selected] *) {
            background-color: hsl(var(--heroui-switch) / 1);
        }

        .group-data-selected\:bg-switch-hover:is(:where(.group)[data-selected] *) {
            background-color: hsl(var(--heroui-switch-hover) / 1);
        }

        .group-data-selected\:bg-switch-toggle-theme-background:is(:where(.group)[data-selected] *) {
            background-color: hsl(var(--heroui-switch-toggle-theme-background) / 1);
        }

        .group-data-selected\:group-data-pressed\:ml-1\.75:is(:where(.group)[data-selected] *):is(:where(.group)[data-pressed] *) {
            margin-left: 7px;
        }

        .group-data-\[copied\=true\]\:scale-50:is(:where(.group)[data-copied="true"] *) {
            --tw-scale-x: 50%;
            --tw-scale-y: 50%;
            --tw-scale-z: 50%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-data-\[copied\=true\]\:scale-100:is(:where(.group)[data-copied="true"] *) {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-data-\[copied\=true\]\:opacity-0:is(:where(.group)[data-copied="true"] *) {
            opacity: 0;
        }

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

        .group-data-\[disabled\=true\]\/tr\:cursor-not-allowed:is(:where(.group\/tr)[data-disabled="true"] *) {
            cursor: not-allowed;
        }

        .group-data-\[disabled\=true\]\/tr\:text-foreground-300:is(:where(.group\/tr)[data-disabled="true"] *) {
            color: hsl(var(--heroui-foreground-300) / 1);
        }

        .group-data-\[filled-within\=true\]\:pointer-events-auto:is(:where(.group)[data-filled-within="true"] *) {
            pointer-events: auto;
        }

        .group-data-\[filled-within\=true\]\:start-0:is(:where(.group)[data-filled-within="true"] *) {
            inset-inline-start: 0px;
        }

        .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_3\.5px\)\]:is(:where(.group)[data-filled-within="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 3.5px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_4px\)\]:is(:where(.group)[data-filled-within="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 4px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px\)\]:is(:where(.group)[data-filled-within="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 6px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px_-_var\(--heroui-border-width-medium\)\)\]:is(:where(.group)[data-filled-within="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 6px - var(--heroui-border-width-medium)) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px\)\]:is(:where(.group)[data-filled-within="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 8px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\]:is(:where(.group)[data-filled-within="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 8px - var(--heroui-border-width-medium)) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_5px\)\]:is(:where(.group)[data-filled-within="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 5px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px\)\]:is(:where(.group)[data-filled-within="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 8px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\]:is(:where(.group)[data-filled-within="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 8px - var(--heroui-border-width-medium)) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_20px\)\]:is(:where(.group)[data-filled-within="true"] *) {
            --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 20px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_24px\)\]:is(:where(.group)[data-filled-within="true"] *) {
            --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 24px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-tiny\)\/2_\+_16px\)\]:is(:where(.group)[data-filled-within="true"] *) {
            --tw-translate-y: calc(calc(100% + var(--heroui-font-size-tiny) / 2 + 16px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled-within\=true\]\:scale-85:is(:where(.group)[data-filled-within="true"] *) {
            --tw-scale-x: .85;
            --tw-scale-y: .85;
            --tw-scale-z: .85;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-data-\[filled-within\=true\]\:text-default-600:is(:where(.group)[data-filled-within="true"] *) {
            color: hsl(var(--heroui-default-600) / 1);
        }

        .group-data-\[filled-within\=true\]\:text-foreground:is(:where(.group)[data-filled-within="true"] *) {
            color: hsl(var(--heroui-foreground) / 1);
        }

        .group-data-\[filled\=true\]\:start-0:is(:where(.group)[data-filled="true"] *) {
            inset-inline-start: 0px;
        }

        .group-data-\[filled\=true\]\:-translate-y-5:is(:where(.group)[data-filled="true"] *) {
            --tw-translate-y: -20px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_3\.5px\)\]:is(:where(.group)[data-filled="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 3.5px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_4px\)\]:is(:where(.group)[data-filled="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 4px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px\)\]:is(:where(.group)[data-filled="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 6px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px_-_var\(--heroui-border-width-medium\)\)\]:is(:where(.group)[data-filled="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 6px - var(--heroui-border-width-medium)) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px\)\]:is(:where(.group)[data-filled="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 8px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\]:is(:where(.group)[data-filled="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 8px - var(--heroui-border-width-medium)) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_5px\)\]:is(:where(.group)[data-filled="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 5px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px\)\]:is(:where(.group)[data-filled="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 8px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\]:is(:where(.group)[data-filled="true"] *) {
            --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 8px - var(--heroui-border-width-medium)) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_20px\)\]:is(:where(.group)[data-filled="true"] *) {
            --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 20px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_24px\)\]:is(:where(.group)[data-filled="true"] *) {
            --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 24px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+var\(--heroui-font-size-tiny\)\/2_\+_16px\)\]:is(:where(.group)[data-filled="true"] *) {
            --tw-translate-y: calc(calc(100% + var(--heroui-font-size-tiny) / 2 + 16px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[filled\=true\]\:scale-85:is(:where(.group)[data-filled="true"] *) {
            --tw-scale-x: .85;
            --tw-scale-y: .85;
            --tw-scale-z: .85;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-data-\[filled\=true\]\:text-default-600:is(:where(.group)[data-filled="true"] *) {
            color: hsl(var(--heroui-default-600) / 1);
        }

        .group-data-\[filled\=true\]\:text-foreground:is(:where(.group)[data-filled="true"] *) {
            color: hsl(var(--heroui-foreground) / 1);
        }

        .group-data-\[focus-visible\=true\]\:z-10:is(:where(.group)[data-focus-visible="true"] *) {
            z-index: 10;
        }

        .group-data-\[focus-visible\=true\]\:block:is(:where(.group)[data-focus-visible="true"] *) {
            display: block;
        }

        .group-data-\[focus-visible\=true\]\:hidden:is(:where(.group)[data-focus-visible="true"] *) {
            display: none;
        }

        .group-data-\[focus-visible\=true\]\:ring-2:is(:where(.group)[data-focus-visible="true"] *) {
            --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);
        }

        .group-data-\[focus-visible\=true\]\:ring-focus:is(:where(.group)[data-focus-visible="true"] *) {
            --tw-ring-color: hsl(var(--heroui-focus) / 1);
        }

        .group-data-\[focus-visible\=true\]\:ring-offset-2:is(:where(.group)[data-focus-visible="true"] *) {
            --tw-ring-offset-width: 2px;
            --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }

        .group-data-\[focus-visible\=true\]\:ring-offset-background:is(:where(.group)[data-focus-visible="true"] *) {
            --tw-ring-offset-color: hsl(var(--heroui-background) / 1);
        }

        .group-data-\[focus\=true\]\:border-0\.5:is(:where(.group)[data-focus="true"] *) {
            border-style: var(--tw-border-style);
            border-width: 2px;
        }

        .group-data-\[focus\=true\]\:\!border-danger:is(:where(.group)[data-focus="true"] *) {
            border-color: red !important;
        }

        .group-data-\[focus\=true\]\:border-danger:is(:where(.group)[data-focus="true"] *) {
            border-color: red;
        }

        .group-data-\[focus\=true\]\:border-default-foreground:is(:where(.group)[data-focus="true"] *) {
            border-color: hsl(var(--heroui-default-foreground) / 1);
        }

        .group-data-\[focus\=true\]\:border-input-search-border:is(:where(.group)[data-focus="true"] *) {
            border-color: hsl(var(--heroui-input-search-border) / 1);
        }

        .group-data-\[focus\=true\]\:border-primary:is(:where(.group)[data-focus="true"] *) {
            border-color: hsl(var(--heroui-primary) / 1);
        }

        .group-data-\[focus\=true\]\:border-secondary:is(:where(.group)[data-focus="true"] *) {
            border-color: hsl(var(--heroui-secondary) / 1);
        }

        .group-data-\[focus\=true\]\:border-success:is(:where(.group)[data-focus="true"] *) {
            border-color: rgb(15, 219, 151);
        }

        .group-data-\[focus\=true\]\:border-warning:is(:where(.group)[data-focus="true"] *) {
            border-color: rgb(219, 138, 15);
        }

        .group-data-\[focus\=true\]\:\!bg-danger-50:is(:where(.group)[data-focus="true"] *) {
            background-color: hsl(var(--heroui-danger-50) / 1) !important;
        }

        .group-data-\[focus\=true\]\:bg-danger-50:is(:where(.group)[data-focus="true"] *) {
            background-color: hsl(var(--heroui-danger-50) / 1);
        }

        .group-data-\[focus\=true\]\:bg-default-100:is(:where(.group)[data-focus="true"] *) {
            background-color: hsl(var(--heroui-default-100) / 1);
        }

        .group-data-\[focus\=true\]\:bg-default-200:is(:where(.group)[data-focus="true"] *) {
            background-color: hsl(var(--heroui-default-200) / 1);
        }

        .group-data-\[focus\=true\]\:bg-input-search-background:is(:where(.group)[data-focus="true"] *) {
            background-color: hsl(var(--heroui-input-search-background) / 0);
        }

        .group-data-\[focus\=true\]\:bg-primary-50:is(:where(.group)[data-focus="true"] *) {
            background-color: hsl(var(--heroui-primary-50) / 1);
        }

        .group-data-\[focus\=true\]\:bg-secondary-50:is(:where(.group)[data-focus="true"] *) {
            background-color: hsl(var(--heroui-secondary-50) / 1);
        }

        .group-data-\[focus\=true\]\:bg-success-50:is(:where(.group)[data-focus="true"] *) {
            background-color: hsl(var(--heroui-success-50) / 1);
        }

        .group-data-\[focus\=true\]\:bg-warning-50:is(:where(.group)[data-focus="true"] *) {
            background-color: hsl(var(--heroui-warning-50) / 1);
        }

        .group-data-\[has-end-content\=true\]\:left-2:is(:where(.group)[data-has-end-content="true"] *) {
            left: 8px;
        }

        .group-data-\[has-end-content\=true\]\:mt-4:is(:where(.group)[data-has-end-content="true"] *) {
            margin-top: 16px;
        }

        .group-data-\[has-helper\=true\]\:flex:is(:where(.group)[data-has-helper="true"] *) {
            display: flex;
        }

        .group-data-\[has-helper\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_26px\)\]:is(:where(.group)[data-has-helper="true"] *) {
            --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 26px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[has-helper\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_30px\)\]:is(:where(.group)[data-has-helper="true"] *) {
            --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 30px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[has-helper\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_34px\)\]:is(:where(.group)[data-has-helper="true"] *) {
            --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 34px) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[has-helper\=true\]\:pt-2:is(:where(.group)[data-has-helper="true"] *) {
            padding-top: 8px;
        }

        .group-data-\[has-helper\=true\]\:pt-3:is(:where(.group)[data-has-helper="true"] *) {
            padding-top: 12px;
        }

        .group-data-\[has-helper\=true\]\:pt-4:is(:where(.group)[data-has-helper="true"] *) {
            padding-top: 16px;
        }

        .group-data-\[has-label-outside\=true\]\:pointer-events-auto:is(:where(.group)[data-has-label-outside="true"] *) {
            pointer-events: auto;
        }

        .group-data-\[has-label\=true\]\:items-end:is(:where(.group)[data-has-label="true"] *) {
            align-items: flex-end;
        }

        .group-data-\[has-label\=true\]\:items-start:is(:where(.group)[data-has-label="true"] *) {
            align-items: flex-start;
        }

        .group-data-\[has-label\=true\]\:pt-4:is(:where(.group)[data-has-label="true"] *) {
            padding-top: 16px;
        }

        .group-data-\[has-label\=true\]\:pt-5:is(:where(.group)[data-has-label="true"] *) {
            padding-top: 20px;
        }

        .group-data-\[has-multiple-months\=true\]\:flex-row:is(:where(.group)[data-has-multiple-months="true"] *) {
            flex-direction: row;
        }

        .group-data-\[has-value\=true\]\:pointer-events-auto:is(:where(.group)[data-has-value="true"] *) {
            pointer-events: auto;
        }

        .group-data-\[has-value\=true\]\:block:is(:where(.group)[data-has-value="true"] *) {
            display: block;
        }

        .group-data-\[has-value\=true\]\:scale-100:is(:where(.group)[data-has-value="true"] *) {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-data-\[has-value\=true\]\:text-default-foreground:is(:where(.group)[data-has-value="true"] *) {
            color: hsl(var(--heroui-default-foreground) / 1);
        }

        .group-data-\[has-value\=true\]\:text-foreground:is(:where(.group)[data-has-value="true"] *) {
            color: hsl(var(--heroui-foreground) / 1);
        }

        .group-data-\[has-value\=true\]\:opacity-70:is(:where(.group)[data-has-value="true"] *) {
            opacity: 0.7;
        }

        .group-data-\[hover-unselected\=true\]\:bg-default-100:is(:where(.group)[data-hover-unselected="true"] *) {
            background-color: hsl(var(--heroui-default-100) / 1);
        }

        .group-data-\[hover\=true\]\/th\:opacity-100:is(:where(.group\/th)[data-hover="true"] *) {
            opacity: 1;
        }

        .group-data-\[invalid\=true\]\:\!border-error:is(:where(.group)[data-invalid="true"] *) {
            border-color: red !important;
        }

        .group-data-\[invalid\=true\]\:border-danger:is(:where(.group)[data-invalid="true"] *) {
            border-color: red;
        }

        .group-data-\[invalid\=true\]\:border-error\!:is(:where(.group)[data-invalid="true"] *) {
            border-color: red !important;
        }

        .group-data-\[invalid\=true\]\:bg-danger-50:is(:where(.group)[data-invalid="true"] *) {
            background-color: hsl(var(--heroui-danger-50) / 1);
        }

        .group-data-\[invalid\=true\]\:text-danger:is(:where(.group)[data-invalid="true"] *) {
            color: red;
        }

        .group-data-\[invalid\=true\]\:text-error\!:is(:where(.group)[data-invalid="true"] *) {
            color: red !important;
        }

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

        .group-data-\[pressed\=true\]\:w-5:is(:where(.group)[data-pressed="true"] *) {
            width: 20px;
        }

        .group-data-\[pressed\=true\]\:w-6:is(:where(.group)[data-pressed="true"] *) {
            width: 24px;
        }

        .group-data-\[pressed\=true\]\:w-7:is(:where(.group)[data-pressed="true"] *) {
            width: 28px;
        }

        .group-data-\[pressed\=true\]\:scale-95:is(:where(.group)[data-pressed="true"] *) {
            --tw-scale-x: 95%;
            --tw-scale-y: 95%;
            --tw-scale-z: 95%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-data-\[pressed\=true\]\:opacity-70:is(:where(.group)[data-pressed="true"] *) {
            opacity: 0.7;
        }

        .group-data-\[selected\]\:group-data-\[pressed\]\:ml-3:is(:where(.group)[data-selected] *):is(:where(.group)[data-pressed] *) {
            margin-left: 12px;
        }

        .group-data-\[selected\]\:group-data-\[pressed\]\:ml-4:is(:where(.group)[data-selected] *):is(:where(.group)[data-pressed] *) {
            margin-left: 16px;
        }

        .group-data-\[selected\]\:group-data-\[pressed\]\:ml-5:is(:where(.group)[data-selected] *):is(:where(.group)[data-pressed] *) {
            margin-left: 20px;
        }

        .group-data-\[selected\=true\]\:ms-4:is(:where(.group)[data-selected="true"] *) {
            margin-inline-start: 16px;
        }

        .group-data-\[selected\=true\]\:ms-5:is(:where(.group)[data-selected="true"] *) {
            margin-inline-start: 20px;
        }

        .group-data-\[selected\=true\]\:ms-6:is(:where(.group)[data-selected="true"] *) {
            margin-inline-start: 24px;
        }

        .group-data-\[selected\=true\]\:translate-x-3:is(:where(.group)[data-selected="true"] *) {
            --tw-translate-x: 12px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[selected\=true\]\:scale-100:is(:where(.group)[data-selected="true"] *) {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-data-\[selected\=true\]\:border-danger:is(:where(.group)[data-selected="true"] *) {
            border-color: red;
        }

        .group-data-\[selected\=true\]\:border-default-500:is(:where(.group)[data-selected="true"] *) {
            border-color: hsl(var(--heroui-default-500) / 1);
        }

        .group-data-\[selected\=true\]\:border-primary:is(:where(.group)[data-selected="true"] *) {
            border-color: hsl(var(--heroui-primary) / 1);
        }

        .group-data-\[selected\=true\]\:border-secondary:is(:where(.group)[data-selected="true"] *) {
            border-color: hsl(var(--heroui-secondary) / 1);
        }

        .group-data-\[selected\=true\]\:border-success:is(:where(.group)[data-selected="true"] *) {
            border-color: rgb(15, 219, 151);
        }

        .group-data-\[selected\=true\]\:border-warning:is(:where(.group)[data-selected="true"] *) {
            border-color: rgb(219, 138, 15);
        }

        .group-data-\[selected\=true\]\:bg-danger:is(:where(.group)[data-selected="true"] *) {
            background-color: red;
        }

        .group-data-\[selected\=true\]\:bg-default-400:is(:where(.group)[data-selected="true"] *) {
            background-color: hsl(var(--heroui-default-400) / 1);
        }

        .group-data-\[selected\=true\]\:bg-primary:is(:where(.group)[data-selected="true"] *) {
            background-color: hsl(var(--heroui-primary) / 1);
        }

        .group-data-\[selected\=true\]\:bg-secondary:is(:where(.group)[data-selected="true"] *) {
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        .group-data-\[selected\=true\]\:bg-success:is(:where(.group)[data-selected="true"] *) {
            background-color: rgb(15, 219, 151);
        }

        .group-data-\[selected\=true\]\:bg-warning:is(:where(.group)[data-selected="true"] *) {
            background-color: rgb(219, 138, 15);
        }

        .group-data-\[selected\=true\]\:text-danger:is(:where(.group)[data-selected="true"] *) {
            color: red;
        }

        .group-data-\[selected\=true\]\:text-danger-foreground:is(:where(.group)[data-selected="true"] *) {
            color: hsl(var(--heroui-danger-foreground) / 1);
        }

        .group-data-\[selected\=true\]\:text-default-foreground:is(:where(.group)[data-selected="true"] *) {
            color: hsl(var(--heroui-default-foreground) / 1);
        }

        .group-data-\[selected\=true\]\:text-foreground:is(:where(.group)[data-selected="true"] *) {
            color: hsl(var(--heroui-foreground) / 1);
        }

        .group-data-\[selected\=true\]\:text-primary:is(:where(.group)[data-selected="true"] *) {
            color: hsl(var(--heroui-primary) / 1);
        }

        .group-data-\[selected\=true\]\:text-primary-foreground:is(:where(.group)[data-selected="true"] *) {
            color: hsl(var(--heroui-primary-foreground) / 1);
        }

        .group-data-\[selected\=true\]\:text-secondary:is(:where(.group)[data-selected="true"] *) {
            color: hsl(var(--heroui-secondary) / 1);
        }

        .group-data-\[selected\=true\]\:text-secondary-foreground:is(:where(.group)[data-selected="true"] *) {
            color: hsl(var(--heroui-secondary-foreground) / 1);
        }

        .group-data-\[selected\=true\]\:text-success:is(:where(.group)[data-selected="true"] *) {
            color: rgb(15, 219, 151);
        }

        .group-data-\[selected\=true\]\:text-success-foreground:is(:where(.group)[data-selected="true"] *) {
            color: hsl(var(--heroui-success-foreground) / 1);
        }

        .group-data-\[selected\=true\]\:text-warning:is(:where(.group)[data-selected="true"] *) {
            color: rgb(219, 138, 15);
        }

        .group-data-\[selected\=true\]\:text-warning-foreground:is(:where(.group)[data-selected="true"] *) {
            color: hsl(var(--heroui-warning-foreground) / 1);
        }

        .group-data-\[selected\=true\]\:opacity-0:is(:where(.group)[data-selected="true"] *) {
            opacity: 0;
        }

        .group-data-\[selected\=true\]\:opacity-60:is(:where(.group)[data-selected="true"] *) {
            opacity: 0.6;
        }

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

        .peer-data-\[filled\=true\]\:pointer-events-auto:is(:where(.peer)[data-filled="true"] ~ *) {
            pointer-events: auto;
        }

        .peer-data-\[filled\=true\]\:pointer-events-none:is(:where(.peer)[data-filled="true"] ~ *) {
            pointer-events: none;
        }

        .peer-data-\[filled\=true\]\:block:is(:where(.peer)[data-filled="true"] ~ *) {
            display: block;
        }

        .peer-data-\[filled\=true\]\:scale-100:is(:where(.peer)[data-filled="true"] ~ *) {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .peer-data-\[filled\=true\]\:opacity-70:is(:where(.peer)[data-filled="true"] ~ *) {
            opacity: 0.7;
        }

        .peer-data-\[filled\=true\]\:opacity-100:is(:where(.peer)[data-filled="true"] ~ *) {
            opacity: 1;
        }

        .file\:cursor-pointer::file-selector-button {
            cursor: pointer;
        }

        .file\:border-0::file-selector-button {
            border-style: var(--tw-border-style);
            border-width: 0px;
        }

        .file\:bg-transparent::file-selector-button {
            background-color: transparent;
        }

        .placeholder\:text-danger::placeholder {
            color: red;
        }

        .placeholder\:text-foreground\!::placeholder {
            color: hsl(var(--heroui-foreground) / 1) !important;
        }

        .placeholder\:text-foreground-500::placeholder {
            color: hsl(var(--heroui-foreground-500) / 1);
        }

        .placeholder\:text-input-password-placeholder::placeholder {
            color: hsl(var(--heroui-input-password-placeholder) / .25);
        }

        .placeholder\:text-primary::placeholder {
            color: hsl(var(--heroui-primary) / 1);
        }

        .placeholder\:text-secondary::placeholder {
            color: hsl(var(--heroui-secondary) / 1);
        }

        .placeholder\:text-success-600::placeholder {
            color: hsl(var(--heroui-success-600) / 1);
        }

        .placeholder\:text-warning-600::placeholder {
            color: hsl(var(--heroui-warning-600) / 1);
        }

        .placeholder\:opacity-50::placeholder {
            opacity: 0.5;
        }

        .before\:pointer-events-auto::before {
            content: var(--tw-content);
            pointer-events: auto;
        }

        .before\:pointer-events-none::before {
            content: var(--tw-content);
            pointer-events: none;
        }

        .before\:absolute::before {
            content: var(--tw-content);
            position: absolute;
        }

        .before\:inset-0::before {
            content: var(--tw-content);
            inset: 0px;
        }

        .before\:right-0::before {
            content: var(--tw-content);
            right: 0px;
        }

        .before\:bottom-0::before {
            content: var(--tw-content);
            bottom: 0px;
        }

        .before\:left-0::before {
            content: var(--tw-content);
            left: 0px;
        }

        .before\:z-0::before {
            content: var(--tw-content);
            z-index: 0;
        }

        .before\:z-\[-1\]::before {
            content: var(--tw-content);
            z-index: -1;
        }

        .before\:box-border::before {
            content: var(--tw-content);
            box-sizing: border-box;
        }

        .before\:block::before {
            content: var(--tw-content);
            display: block;
        }

        .before\:hidden::before {
            content: var(--tw-content);
            display: none;
        }

        .before\:h-0\.5::before {
            content: var(--tw-content);
            height: 2px;
        }

        .before\:h-2\.5::before {
            content: var(--tw-content);
            height: 10px;
        }

        .before\:h-4::before {
            content: var(--tw-content);
            height: 16px;
        }

        .before\:h-6::before {
            content: var(--tw-content);
            height: 24px;
        }

        .before\:h-8::before {
            content: var(--tw-content);
            height: 32px;
        }

        .before\:h-11::before {
            content: var(--tw-content);
            height: 44px;
        }

        .before\:h-px::before {
            content: var(--tw-content);
            height: 1px;
        }

        .before\:w-0::before {
            content: var(--tw-content);
            width: 0px;
        }

        .before\:w-2\.5::before {
            content: var(--tw-content);
            width: 10px;
        }

        .before\:w-6::before {
            content: var(--tw-content);
            width: 24px;
        }

        .before\:w-8::before {
            content: var(--tw-content);
            width: 32px;
        }

        .before\:w-11::before {
            content: var(--tw-content);
            width: 44px;
        }

        .before\:-translate-x-full::before {
            content: var(--tw-content);
            --tw-translate-x: -100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .before\:-translate-y-1::before {
            content: var(--tw-content);
            --tw-translate-y: -4px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .before\:rotate-0::before {
            content: var(--tw-content);
            rotate: 0deg;
        }

        .before\:rotate-45::before {
            content: var(--tw-content);
            rotate: 45deg;
        }

        .before\:animate-none::before {
            content: var(--tw-content);
            animation: auto ease 0s 1 normal none running none;
        }

        .before\:animate-shimmer::before {
            content: var(--tw-content);
            animation: 2s ease 0s infinite normal none running shimmer;
        }

        .before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\]::before {
            content: var(--tw-content);
            border-radius: calc(var(--heroui-radius-medium) * .5);
        }

        .before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\]::before {
            content: var(--tw-content);
            border-radius: calc(var(--heroui-radius-medium) * .6);
        }

        .before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\]::before {
            content: var(--tw-content);
            border-radius: calc(var(--heroui-radius-medium) * .7);
        }

        .before\:rounded-full::before {
            content: var(--tw-content);
            border-radius: calc(infinity * 1px);
        }

        .before\:rounded-md::before {
            content: var(--tw-content);
            border-radius: 3.75px;
        }

        .before\:rounded-none::before {
            content: var(--tw-content);
            border-radius: 0px !important;
        }

        .before\:rounded-sm::before {
            content: var(--tw-content);
            border-radius: 1.25px;
        }

        .before\:border-0\.5::before {
            content: var(--tw-content);
            border-style: var(--tw-border-style);
            border-width: 2px;
        }

        .before\:border-2::before {
            content: var(--tw-content);
            border-style: var(--tw-border-style);
            border-width: 8px;
        }

        .before\:border-t::before {
            content: var(--tw-content);
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
        }

        .before\:border-b-px::before {
            content: var(--tw-content);
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }

        .before\:border-none::before {
            content: var(--tw-content);
            --tw-border-style: none;
            border-style: none;
        }

        .before\:border-solid::before {
            content: var(--tw-content);
            --tw-border-style: solid;
            border-style: solid;
        }

        .before\:border-content4\/30::before {
            content: var(--tw-content);
            border-color: hsl(var(--heroui-content4) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .before\:border-content4\/30::before {
                border-color: color-mix(in oklab, hsl(var(--heroui-content4) / 1) 30%, transparent);
            }
        }

        .before\:border-danger::before {
            content: var(--tw-content);
            border-color: red;
        }

        .before\:border-default::before {
            content: var(--tw-content);
            border-color: hsl(var(--heroui-default) / 1);
        }

        .before\:border-foreground\/25::before {
            content: var(--tw-content);
            border-color: hsl(var(--heroui-foreground) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .before\:border-foreground\/25::before {
                border-color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 25%, transparent);
            }
        }

        .before\:border-panel-shadow::before {
            content: var(--tw-content);
            border-color: hsl(var(--heroui-panel-shadow) / 1);
        }

        .before\:bg-content1::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-content1) / 1);
        }

        .before\:bg-current::before {
            content: var(--tw-content);
            background-color: currentcolor;
        }

        .before\:bg-danger::before {
            content: var(--tw-content);
            background-color: red;
        }

        .before\:bg-danger\/20::before {
            content: var(--tw-content);
            background-color: color-mix(rgb(255, 0, 0) 20%, transparent);
        }

        .before\:bg-default\/60::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-default) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .before\:bg-default\/60::before {
                background-color: color-mix(in oklab, hsl(var(--heroui-default) / 1) 60%, transparent);
            }
        }

        .before\:bg-foreground::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-foreground) / 1);
        }

        .before\:bg-primary::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-primary) / 1);
        }

        .before\:bg-primary\/20::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-primary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .before\:bg-primary\/20::before {
                background-color: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 20%, transparent);
            }
        }

        .before\:bg-secondary::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        .before\:bg-secondary\/20::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .before\:bg-secondary\/20::before {
                background-color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 20%, transparent);
            }
        }

        .before\:bg-success::before {
            content: var(--tw-content);
            background-color: rgb(15, 219, 151);
        }

        .before\:bg-success\/20::before {
            content: var(--tw-content);
            background-color: color-mix(rgb(15, 219, 151) 20%, transparent);
        }

        .before\:bg-transparent::before {
            content: var(--tw-content);
            background-color: transparent;
        }

        .before\:bg-warning::before {
            content: var(--tw-content);
            background-color: rgb(219, 138, 15);
        }

        .before\:bg-warning\/20::before {
            content: var(--tw-content);
            background-color: color-mix(rgb(219, 138, 15) 20%, transparent);
        }

        .before\:bg-linear-to-r::before {
            content: var(--tw-content);
            --tw-gradient-position: to right;
            background-image: linear-gradient(var(--tw-gradient-stops));
        }

        @supports (background-image: linear-gradient(in lab, red, red)) {
            .before\:bg-linear-to-r::before {
                --tw-gradient-position: to right in oklab;
            }
        }

        .before\:bg-gradient-to-r::before {
            content: var(--tw-content);
            --tw-gradient-position: to right in oklab;
            background-image: linear-gradient(var(--tw-gradient-stops));
        }

        .before\:from-transparent::before {
            content: var(--tw-content);
            --tw-gradient-from: transparent;
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }

        .before\:via-content4::before {
            content: var(--tw-content);
            --tw-gradient-via: hsl(var(--heroui-content4) / 1);
            --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-via-stops);
        }

        .before\:via-skeleton-glint::before {
            content: var(--tw-content);
            --tw-gradient-via: hsl(var(--heroui-skeleton-glint) / .1);
            --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-via-stops);
        }

        .before\:to-transparent::before {
            content: var(--tw-content);
            --tw-gradient-to: transparent;
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }

        .before\:opacity-0::before {
            content: var(--tw-content);
            opacity: 0;
        }

        .before\:opacity-100::before {
            content: var(--tw-content);
            opacity: 1;
        }

        .before\:shadow-small::before {
            content: var(--tw-content);
            --tw-shadow: var(--heroui-box-shadow-small);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .before\:transition-colors::before {
            content: var(--tw-content);
            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));
        }

        .before\:transition-transform::before {
            content: var(--tw-content);
            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));
        }

        .before\:transition-width::before {
            content: var(--tw-content);
            transition-property: width;
            transition-timing-function: ease;
            transition-duration: 0.25s;
        }

        .before\:transition-none::before {
            content: var(--tw-content);
            transition-property: none !important;
        }

        .before\:duration-150::before {
            content: var(--tw-content);
            --tw-duration: .15s;
            transition-duration: 0.15s;
        }

        .before\:content-\[\'\'\]::before {
            --tw-content: "";
            content: var(--tw-content);
        }

        @media (hover: hover) {
            .group-data-hover\:group-hover\:before\:border-transparent:is(:where(.group)[data-hover] *):is(:where(.group):hover *)::before {
                content: var(--tw-content);
                border-color: transparent;
            }
        }

        @media (hover: hover) {
            .group-data-hover\:group-hover\:before\:bg-foreground\/25:is(:where(.group)[data-hover] *):is(:where(.group):hover *)::before {
                content: var(--tw-content);
                background-color: hsl(var(--heroui-foreground) / 1);
            }

            @supports (color: color-mix(in lab, red, red)) {
                .group-data-hover\:group-hover\:before\:bg-foreground\/25:is(:where(.group)[data-hover] *):is(:where(.group):hover *)::before {
                    background-color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 25%, transparent);
                }
            }
        }

        .group-data-\[hover\=true\]\:before\:bg-default-100:is(:where(.group)[data-hover="true"] *)::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-default-100) / 1);
        }

        .group-aria-\[selected\=false\]\/tr\:group-data-\[hover\=true\]\/tr\:before\:bg-default-100:is(:where(.group\/tr)[aria-selected="false"] *):is(:where(.group\/tr)[data-hover="true"] *)::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-default-100) / 1);
        }

        .group-aria-\[selected\=false\]\/tr\:group-data-\[hover\=true\]\/tr\:before\:opacity-70:is(:where(.group\/tr)[aria-selected="false"] *):is(:where(.group\/tr)[data-hover="true"] *)::before {
            content: var(--tw-content);
            opacity: 0.7;
        }

        .group-data-\[middle\=true\]\/tr\:before\:rounded-none:is(:where(.group\/tr)[data-middle="true"] *)::before {
            content: var(--tw-content);
            border-radius: 0px !important;
        }

        .group-data-\[odd\=true\]\/tr\:before\:-z-10:is(:where(.group\/tr)[data-odd="true"] *)::before {
            content: var(--tw-content);
            z-index: -10;
        }

        .group-data-\[odd\=true\]\/tr\:before\:bg-default-100:is(:where(.group\/tr)[data-odd="true"] *)::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-default-100) / 1);
        }

        .group-data-\[odd\=true\]\/tr\:before\:opacity-100:is(:where(.group\/tr)[data-odd="true"] *)::before {
            content: var(--tw-content);
            opacity: 1;
        }

        .group-data-\[open\=true\]\:before\:translate-y-px:is(:where(.group)[data-open="true"] *)::before {
            content: var(--tw-content);
            --tw-translate-y: 1px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[open\=true\]\:before\:rotate-45:is(:where(.group)[data-open="true"] *)::before {
            content: var(--tw-content);
            rotate: 45deg;
        }

        .group-data-\[selected\=true\]\:before\:w-full:is(:where(.group)[data-selected="true"] *)::before {
            content: var(--tw-content);
            width: 100%;
        }

        .after\:pointer-events-auto::after {
            content: var(--tw-content);
            pointer-events: auto;
        }

        .after\:absolute::after {
            content: var(--tw-content);
            position: absolute;
        }

        .after\:inset-0::after {
            content: var(--tw-content);
            inset: 0px;
        }

        .after\:top-0::after {
            content: var(--tw-content);
            top: 0px;
        }

        .after\:right-0::after {
            content: var(--tw-content);
            right: 0px;
        }

        .after\:right-6::after {
            content: var(--tw-content);
            right: 24px;
        }

        .after\:-bottom-1::after {
            content: var(--tw-content);
            bottom: -4px;
        }

        .after\:-bottom-\[2px\]::after {
            content: var(--tw-content);
            bottom: -2px;
        }

        .after\:bottom-0::after {
            content: var(--tw-content);
            bottom: 0px;
        }

        .after\:left-0::after {
            content: var(--tw-content);
            left: 0px;
        }

        .after\:left-1\/2::after {
            content: var(--tw-content);
            left: 50%;
        }

        .after\:left-6::after {
            content: var(--tw-content);
            left: 24px;
        }

        .after\:-z-10::after {
            content: var(--tw-content);
            z-index: -10;
        }

        .after\:z-0::after {
            content: var(--tw-content);
            z-index: 0;
        }

        .after\:z-\[-1\]::after {
            content: var(--tw-content);
            z-index: -1;
        }

        .after\:ms-0\.5::after {
            content: var(--tw-content);
            margin-inline-start: 2px;
        }

        .after\:ml-0\.5::after {
            content: var(--tw-content);
            margin-left: 2px;
        }

        .after\:block::after {
            content: var(--tw-content);
            display: block;
        }

        .after\:h-0::after {
            content: var(--tw-content);
            height: 0px;
        }

        .after\:h-4::after {
            content: var(--tw-content);
            height: 16px;
        }

        .after\:h-5::after {
            content: var(--tw-content);
            height: 20px;
        }

        .after\:h-\[2px\]::after {
            content: var(--tw-content);
            height: 2px;
        }

        .after\:h-divider::after {
            content: var(--tw-content);
            height: var(--heroui-divider-weight);
        }

        .after\:h-full::after {
            content: var(--tw-content);
            height: 100%;
        }

        .after\:h-px::after {
            content: var(--tw-content);
            height: 1px;
        }

        .after\:w-0::after {
            content: var(--tw-content);
            width: 0px;
        }

        .after\:w-4::after {
            content: var(--tw-content);
            width: 16px;
        }

        .after\:w-5::after {
            content: var(--tw-content);
            width: 20px;
        }

        .after\:w-6::after {
            content: var(--tw-content);
            width: 24px;
        }

        .after\:w-\[80\%\]::after {
            content: var(--tw-content);
            width: 80%;
        }

        .after\:w-full::after {
            content: var(--tw-content);
            width: 100%;
        }

        .after\:origin-center::after {
            content: var(--tw-content);
            transform-origin: center center;
        }

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

        .after\:translate-y-1::after {
            content: var(--tw-content);
            --tw-translate-y: 4px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .after\:scale-50::after {
            content: var(--tw-content);
            --tw-scale-x: 50%;
            --tw-scale-y: 50%;
            --tw-scale-z: 50%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .after\:rotate-0::after {
            content: var(--tw-content);
            rotate: 0deg;
        }

        .after\:rounded-\[calc\(var\(--heroui-radius-large\)\/2\)\]::after {
            content: var(--tw-content);
            border-radius: calc(var(--heroui-radius-large) / 2);
        }

        .after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\]::after {
            content: var(--tw-content);
            border-radius: calc(var(--heroui-radius-medium) * .5);
        }

        .after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\]::after {
            content: var(--tw-content);
            border-radius: calc(var(--heroui-radius-medium) * .6);
        }

        .after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\]::after {
            content: var(--tw-content);
            border-radius: calc(var(--heroui-radius-medium) * .7);
        }

        .after\:rounded-\[calc\(var\(--heroui-radius-medium\)\/3\)\]::after {
            content: var(--tw-content);
            border-radius: calc(var(--heroui-radius-medium) / 3);
        }

        .after\:rounded-\[calc\(var\(--heroui-radius-small\)\/3\)\]::after {
            content: var(--tw-content);
            border-radius: calc(var(--heroui-radius-small) / 3);
        }

        .after\:rounded-full::after {
            content: var(--tw-content);
            border-radius: calc(infinity * 1px);
        }

        .after\:rounded-md::after {
            content: var(--tw-content);
            border-radius: 3.75px;
        }

        .after\:rounded-none::after {
            content: var(--tw-content);
            border-radius: 0px !important;
        }

        .after\:rounded-xl::after {
            content: var(--tw-content);
            border-radius: 7.5px;
        }

        .after\:border-b-px::after {
            content: var(--tw-content);
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }

        .after\:border-panel-shadow::after {
            content: var(--tw-content);
            border-color: hsl(var(--heroui-panel-shadow) / 1);
        }

        .after\:\!bg-danger::after {
            content: var(--tw-content);
            background-color: red !important;
        }

        .after\:bg-background::after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-background) / 1);
        }

        .after\:bg-content1::after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-content1) / 1);
        }

        .after\:bg-content3::after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-content3) / 1);
        }

        .after\:bg-current::after {
            content: var(--tw-content);
            background-color: currentcolor;
        }

        .after\:bg-danger::after {
            content: var(--tw-content);
            background-color: red;
        }

        .after\:bg-default::after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-default) / 1);
        }

        .after\:bg-default-foreground::after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-default-foreground) / 1);
        }

        .after\:bg-divider::after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-divider) / .15);
        }

        .after\:bg-foreground::after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-foreground) / 1);
        }

        .after\:bg-primary::after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-primary) / 1);
        }

        .after\:bg-secondary::after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        .after\:bg-skeleton::after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-skeleton) / 1);
        }

        .after\:bg-success::after {
            content: var(--tw-content);
            background-color: rgb(15, 219, 151);
        }

        .after\:bg-transparent::after {
            content: var(--tw-content);
            background-color: transparent;
        }

        .after\:bg-warning::after {
            content: var(--tw-content);
            background-color: rgb(219, 138, 15);
        }

        .after\:text-danger::after {
            content: var(--tw-content);
            color: red;
        }

        .after\:text-danger-foreground::after {
            content: var(--tw-content);
            color: hsl(var(--heroui-danger-foreground) / 1);
        }

        .after\:text-default-foreground::after {
            content: var(--tw-content);
            color: hsl(var(--heroui-default-foreground) / 1);
        }

        .after\:text-primary-foreground::after {
            content: var(--tw-content);
            color: hsl(var(--heroui-primary-foreground) / 1);
        }

        .after\:text-secondary-foreground::after {
            content: var(--tw-content);
            color: hsl(var(--heroui-secondary-foreground) / 1);
        }

        .after\:text-success-foreground::after {
            content: var(--tw-content);
            color: hsl(var(--heroui-success-foreground) / 1);
        }

        .after\:text-warning-foreground::after {
            content: var(--tw-content);
            color: hsl(var(--heroui-warning-foreground) / 1);
        }

        .after\:opacity-0::after {
            content: var(--tw-content);
            opacity: 0;
        }

        .after\:opacity-100::after {
            content: var(--tw-content);
            opacity: 1;
        }

        .after\:shadow-\[0_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\]::after {
            content: var(--tw-content);
            --tw-shadow: 0 1px 0px 0 var(--tw-shadow-color, rgba(0, 0, 0, .05));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .after\:shadow-small::after {
            content: var(--tw-content);
            --tw-shadow: var(--heroui-box-shadow-small);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

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

        .after\:transition-background::after {
            content: var(--tw-content);
            transition-property: background;
            transition-timing-function: ease;
            transition-duration: 0.25s;
        }

        .after\:transition-height::after {
            content: var(--tw-content);
            transition-property: height;
            transition-timing-function: ease;
            transition-duration: 0.25s;
        }

        .after\:transition-transform::after {
            content: var(--tw-content);
            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));
        }

        .after\:transition-transform-opacity::after {
            content: var(--tw-content);
            transition-timing-function: ease;
            transition-duration: 0.25s;
        }

        .after\:transition-width::after {
            content: var(--tw-content);
            transition-property: width;
            transition-timing-function: ease;
            transition-duration: 0.25s;
        }

        .after\:transition-none::after {
            content: var(--tw-content);
            transition-property: none !important;
        }

        .after\:\!duration-200::after {
            content: var(--tw-content);
            --tw-duration: .2s !important;
            transition-duration: 0.2s !important;
        }

        .after\:duration-150::after {
            content: var(--tw-content);
            --tw-duration: .15s;
            transition-duration: 0.15s;
        }

        .after\:\!ease-linear::after {
            content: var(--tw-content);
            --tw-ease: linear !important;
            transition-timing-function: linear !important;
        }

        :is(.after\:content-\[\"\"\], .after\:content-\[\'\'\])::after {
            --tw-content: "";
            content: var(--tw-content);
        }

        .after\:content-\[\'\*\'\]::after {
            --tw-content: "*";
            content: var(--tw-content);
        }

        .group-data-\[focus\=true\]\:after\:w-full:is(:where(.group)[data-focus="true"] *)::after {
            content: var(--tw-content);
            width: 100%;
        }

        .group-data-\[invalid\=true\]\:after\:bg-danger:is(:where(.group)[data-invalid="true"] *)::after {
            content: var(--tw-content);
            background-color: red;
        }

        .group-data-\[open\=true\]\:after\:translate-y-0:is(:where(.group)[data-open="true"] *)::after {
            content: var(--tw-content);
            --tw-translate-y: 0px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-data-\[open\=true\]\:after\:-rotate-45:is(:where(.group)[data-open="true"] *)::after {
            content: var(--tw-content);
            rotate: -45deg;
        }

        .group-data-\[required\=true\]\:after\:ml-0\.5:is(:where(.group)[data-required="true"] *)::after {
            content: var(--tw-content);
            margin-left: 2px;
        }

        .group-data-\[required\=true\]\:after\:text-danger:is(:where(.group)[data-required="true"] *)::after {
            content: var(--tw-content);
            color: red;
        }

        .group-data-\[required\=true\]\:after\:content-\[\'\*\'\]:is(:where(.group)[data-required="true"] *)::after {
            --tw-content: "*";
            content: var(--tw-content);
        }

        .group-data-\[selected\=true\]\:after\:scale-100:is(:where(.group)[data-selected="true"] *)::after {
            content: var(--tw-content);
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-data-\[selected\=true\]\:after\:opacity-100:is(:where(.group)[data-selected="true"] *)::after {
            content: var(--tw-content);
            opacity: 1;
        }

        .first\:mt-2:first-child {
            margin-top: 8px;
        }

        .first\:-ml-0\.5:first-child {
            margin-left: -2px;
        }

        .first\:rounded-s-full:first-child {
            border-start-start-radius: calc(infinity * 1px);
            border-end-start-radius: calc(infinity * 1px);
        }

        .first\:rounded-s-large:first-child {
            border-start-start-radius: var(--heroui-radius-large);
            border-end-start-radius: var(--heroui-radius-large);
        }

        .first\:rounded-s-lg:first-child {
            border-start-start-radius: 5px;
            border-end-start-radius: 5px;
        }

        .first\:rounded-s-medium:first-child {
            border-start-start-radius: var(--heroui-radius-medium);
            border-end-start-radius: var(--heroui-radius-medium);
        }

        .first\:rounded-s-none:first-child {
            border-start-start-radius: 0px !important;
            border-end-start-radius: 0px !important;
        }

        .first\:rounded-s-small:first-child {
            border-start-start-radius: var(--heroui-radius-small);
            border-end-start-radius: var(--heroui-radius-small);
        }

        .first\:rounded-l-none:first-child {
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
        }

        .first\:before\:rounded-s-lg:first-child::before {
            content: var(--tw-content);
            border-start-start-radius: 5px;
            border-end-start-radius: 5px;
        }

        .first\:before\:rounded-s-none:first-child::before {
            content: var(--tw-content);
            border-start-start-radius: 0px !important;
            border-end-start-radius: 0px !important;
        }

        .group-data-\[first\=true\]\/tr\:first\:before\:rounded-ss-lg:is(:where(.group\/tr)[data-first="true"] *):first-child::before {
            content: var(--tw-content);
            border-start-start-radius: 5px;
        }

        .group-data-\[first\=true\]\/tr\:first\:before\:rounded-ss-none:is(:where(.group\/tr)[data-first="true"] *):first-child::before {
            content: var(--tw-content);
            border-start-start-radius: 0px;
        }

        .group-data-\[last\=true\]\/tr\:first\:before\:rounded-es-lg:is(:where(.group\/tr)[data-last="true"] *):first-child::before {
            content: var(--tw-content);
            border-end-start-radius: 5px;
        }

        .group-data-\[last\=true\]\/tr\:first\:before\:rounded-es-none:is(:where(.group\/tr)[data-last="true"] *):first-child::before {
            content: var(--tw-content);
            border-end-start-radius: 0px;
        }

        .last\:rounded-e-full:last-child {
            border-start-end-radius: calc(infinity * 1px);
            border-end-end-radius: calc(infinity * 1px);
        }

        .last\:rounded-e-large:last-child {
            border-start-end-radius: var(--heroui-radius-large);
            border-end-end-radius: var(--heroui-radius-large);
        }

        .last\:rounded-e-lg:last-child {
            border-start-end-radius: 5px;
            border-end-end-radius: 5px;
        }

        .last\:rounded-e-medium:last-child {
            border-start-end-radius: var(--heroui-radius-medium);
            border-end-end-radius: var(--heroui-radius-medium);
        }

        .last\:rounded-e-none:last-child {
            border-start-end-radius: 0px !important;
            border-end-end-radius: 0px !important;
        }

        .last\:rounded-e-small:last-child {
            border-start-end-radius: var(--heroui-radius-small);
            border-end-end-radius: var(--heroui-radius-small);
        }

        .last\:rounded-r-none:last-child {
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
        }

        .last\:before\:rounded-e-lg:last-child::before {
            content: var(--tw-content);
            border-start-end-radius: 5px;
            border-end-end-radius: 5px;
        }

        .last\:before\:rounded-e-none:last-child::before {
            content: var(--tw-content);
            border-start-end-radius: 0px !important;
            border-end-end-radius: 0px !important;
        }

        .group-data-\[first\=true\]\/tr\:last\:before\:rounded-se-lg:is(:where(.group\/tr)[data-first="true"] *):last-child::before {
            content: var(--tw-content);
            border-start-end-radius: 5px;
        }

        .group-data-\[first\=true\]\/tr\:last\:before\:rounded-se-none:is(:where(.group\/tr)[data-first="true"] *):last-child::before {
            content: var(--tw-content);
            border-start-end-radius: 0px;
        }

        .group-data-\[last\=true\]\/tr\:last\:before\:rounded-ee-lg:is(:where(.group\/tr)[data-last="true"] *):last-child::before {
            content: var(--tw-content);
            border-end-end-radius: 5px;
        }

        .group-data-\[last\=true\]\/tr\:last\:before\:rounded-ee-none:is(:where(.group\/tr)[data-last="true"] *):last-child::before {
            content: var(--tw-content);
            border-end-end-radius: 0px;
        }

        .last\:after\:border-none:last-child::after {
            content: var(--tw-content);
            --tw-border-style: none;
            border-style: none;
        }

        .first-of-type\:rounded-e-none:first-of-type {
            border-start-end-radius: 0px !important;
            border-end-end-radius: 0px !important;
        }

        .last-of-type\:rounded-s-none:last-of-type {
            border-start-start-radius: 0px !important;
            border-end-start-radius: 0px !important;
        }

        .autofill\:bg-transparent:autofill {
            background-color: transparent;
        }

        .focus-within\:border-danger:focus-within {
            border-color: red;
        }

        .focus-within\:border-default-400:focus-within {
            border-color: hsl(var(--heroui-default-400) / 1);
        }

        .focus-within\:border-default-foreground:focus-within {
            border-color: hsl(var(--heroui-default-foreground) / 1);
        }

        .focus-within\:border-primary:focus-within {
            border-color: hsl(var(--heroui-primary) / 1);
        }

        .focus-within\:border-secondary:focus-within {
            border-color: hsl(var(--heroui-secondary) / 1);
        }

        .focus-within\:border-success:focus-within {
            border-color: rgb(15, 219, 151);
        }

        .focus-within\:border-warning:focus-within {
            border-color: rgb(219, 138, 15);
        }

        .focus-within\:bg-danger-50:focus-within {
            background-color: hsl(var(--heroui-danger-50) / 1);
        }

        .focus-within\:bg-primary-50:focus-within {
            background-color: hsl(var(--heroui-primary-50) / 1);
        }

        .focus-within\:bg-secondary-50:focus-within {
            background-color: hsl(var(--heroui-secondary-50) / 1);
        }

        .focus-within\:bg-success-50:focus-within {
            background-color: hsl(var(--heroui-success-50) / 1);
        }

        .focus-within\:bg-warning-50:focus-within {
            background-color: hsl(var(--heroui-warning-50) / 1);
        }

        .focus-within\:after\:w-full:focus-within::after {
            content: var(--tw-content);
            width: 100%;
        }

        @media (hover: hover) {
            .hover\:-translate-x-0:hover {
                --tw-translate-x: -0px;
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }

        @media (hover: hover) {
            .hover\:scale-125:hover {
                --tw-scale-x: 125%;
                --tw-scale-y: 125%;
                --tw-scale-z: 125%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }

        @media (hover: hover) {
            .hover\:cursor-default:hover {
                cursor: default;
            }
        }

        @media (hover: hover) {
            .hover\:cursor-default\!:hover {
                cursor: default !important;
            }
        }

        @media (hover: hover) {
            .hover\:cursor-pointer:hover {
                cursor: pointer;
            }
        }

        @media (hover: hover) {
            .hover\:border-danger:hover {
                border-color: red;
            }
        }

        @media (hover: hover) {
            .hover\:border-default:hover {
                border-color: hsl(var(--heroui-default) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:border-default-300:hover {
                border-color: hsl(var(--heroui-default-300) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:border-default-400:hover {
                border-color: hsl(var(--heroui-default-400) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:border-input-border-primary:hover {
                border-color: hsl(var(--heroui-input-border-primary) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:border-input-password-border-primary:hover {
                border-color: hsl(var(--heroui-input-password-border-primary) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:border-input-search-border:hover {
                border-color: hsl(var(--heroui-input-search-border) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:border-primary:hover {
                border-color: hsl(var(--heroui-primary) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:border-secondary:hover {
                border-color: hsl(var(--heroui-secondary) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:border-success:hover {
                border-color: rgb(15, 219, 151);
            }
        }

        @media (hover: hover) {
            .hover\:border-warning:hover {
                border-color: rgb(219, 138, 15);
            }
        }

        @media (hover: hover) {
            .hover\:\!bg-foreground:hover {
                background-color: hsl(var(--heroui-foreground) / 1) !important;
            }
        }

        @media (hover: hover) {
            .hover\:bg-danger:hover {
                background-color: red;
            }
        }

        @media (hover: hover) {
            .hover\:bg-danger-50:hover {
                background-color: hsl(var(--heroui-danger-50) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:bg-default-100:hover {
                background-color: hsl(var(--heroui-default-100) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:bg-default-200:hover {
                background-color: hsl(var(--heroui-default-200) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:bg-input-hover:hover {
                background-color: hsl(var(--heroui-input-hover) / .15);
            }
        }

        @media (hover: hover) {
            .hover\:bg-input-password-hover:hover {
                background-color: hsl(var(--heroui-input-password-hover) / .15);
            }
        }

        @media (hover: hover) {
            .hover\:bg-input-search-background:hover {
                background-color: hsl(var(--heroui-input-search-background) / 0);
            }
        }

        @media (hover: hover) {
            .hover\:bg-primary-50:hover {
                background-color: hsl(var(--heroui-primary-50) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:bg-primary\/90:hover {
                background-color: hsl(var(--heroui-primary) / 1);
            }

            @supports (color: color-mix(in lab, red, red)) {
                .hover\:bg-primary\/90:hover {
                    background-color: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 90%, transparent);
                }
            }
        }

        @media (hover: hover) {
            .hover\:bg-secondary-50:hover {
                background-color: hsl(var(--heroui-secondary-50) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:bg-success-50:hover {
                background-color: hsl(var(--heroui-success-50) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:bg-transparent:hover {
                background-color: transparent;
            }
        }

        @media (hover: hover) {
            .hover\:bg-warning-50:hover {
                background-color: hsl(var(--heroui-warning-50) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:text-danger-600:hover {
                color: hsl(var(--heroui-danger-600) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:text-default-600:hover {
                color: hsl(var(--heroui-default-600) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:text-foreground-600:hover {
                color: hsl(var(--heroui-foreground-600) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:text-foreground-secondary:hover {
                color: hsl(var(--heroui-foreground-secondary) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:text-modal-text:hover {
                color: hsl(var(--heroui-modal-text) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:text-primary:hover {
                color: hsl(var(--heroui-primary) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:text-primary-600:hover {
                color: hsl(var(--heroui-primary-600) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:text-secondary-600:hover {
                color: hsl(var(--heroui-secondary-600) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:text-success-600:hover {
                color: hsl(var(--heroui-success-600) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:text-warning-600:hover {
                color: hsl(var(--heroui-warning-600) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:underline:hover {
                text-decoration-line: underline;
            }
        }

        @media (hover: hover) {
            .hover\:\!opacity-100:hover {
                opacity: 1 !important;
            }
        }

        @media (hover: hover) {
            .hover\:opacity-100:hover {
                opacity: 1;
            }
        }

        @media (hover: hover) {
            .hover\:opacity-hover:hover {
                opacity: var(--heroui-hover-opacity);
            }
        }

        @media (hover: hover) {
            .group-data-\[invalid\=true\]\:hover\:border-danger:is(:where(.group)[data-invalid="true"] *):hover {
                border-color: red;
            }
        }

        @media (hover: hover) {
            .group-data-\[invalid\=true\]\:hover\:bg-danger-100:is(:where(.group)[data-invalid="true"] *):hover {
                background-color: hsl(var(--heroui-danger-100) / 1);
            }
        }

        @media (hover: hover) {
            .hover\:after\:bg-danger\/20:hover::after {
                content: var(--tw-content);
                background-color: color-mix(rgb(255, 0, 0) 20%, transparent);
            }
        }

        @media (hover: hover) {
            .hover\:after\:bg-foreground\/10:hover::after {
                content: var(--tw-content);
                background-color: hsl(var(--heroui-foreground) / 1);
            }

            @supports (color: color-mix(in lab, red, red)) {
                .hover\:after\:bg-foreground\/10:hover::after {
                    background-color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 10%, transparent);
                }
            }
        }

        @media (hover: hover) {
            .hover\:after\:bg-primary\/20:hover::after {
                content: var(--tw-content);
                background-color: hsl(var(--heroui-primary) / 1);
            }

            @supports (color: color-mix(in lab, red, red)) {
                .hover\:after\:bg-primary\/20:hover::after {
                    background-color: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 20%, transparent);
                }
            }
        }

        @media (hover: hover) {
            .hover\:after\:bg-secondary\/20:hover::after {
                content: var(--tw-content);
                background-color: hsl(var(--heroui-secondary) / 1);
            }

            @supports (color: color-mix(in lab, red, red)) {
                .hover\:after\:bg-secondary\/20:hover::after {
                    background-color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 20%, transparent);
                }
            }
        }

        @media (hover: hover) {
            .hover\:after\:bg-success\/20:hover::after {
                content: var(--tw-content);
                background-color: color-mix(rgb(15, 219, 151) 20%, transparent);
            }
        }

        @media (hover: hover) {
            .hover\:after\:bg-warning\/20:hover::after {
                content: var(--tw-content);
                background-color: color-mix(rgb(219, 138, 15) 20%, transparent);
            }
        }

        @media (hover: hover) {
            .hover\:after\:opacity-100:hover::after {
                content: var(--tw-content);
                opacity: 1;
            }
        }

        @media (hover: hover) {
            .focus-within\:hover\:border-danger:focus-within:hover {
                border-color: red;
            }
        }

        @media (hover: hover) {
            .focus-within\:hover\:border-default-foreground:focus-within:hover {
                border-color: hsl(var(--heroui-default-foreground) / 1);
            }
        }

        @media (hover: hover) {
            .focus-within\:hover\:border-primary:focus-within:hover {
                border-color: hsl(var(--heroui-primary) / 1);
            }
        }

        @media (hover: hover) {
            .focus-within\:hover\:border-secondary:focus-within:hover {
                border-color: hsl(var(--heroui-secondary) / 1);
            }
        }

        @media (hover: hover) {
            .focus-within\:hover\:border-success:focus-within:hover {
                border-color: rgb(15, 219, 151);
            }
        }

        @media (hover: hover) {
            .focus-within\:hover\:border-warning:focus-within:hover {
                border-color: rgb(219, 138, 15);
            }
        }

        @media (hover: hover) {
            .focus-within\:hover\:bg-default-100:focus-within:hover {
                background-color: hsl(var(--heroui-default-100) / 1);
            }
        }

        @media (hover: hover) {
            .group-data-\[invalid\=true\]\:focus-within\:hover\:border-danger:is(:where(.group)[data-invalid="true"] *):focus-within:hover {
                border-color: red;
            }
        }

        @media (hover: hover) {
            .group-data-\[invalid\=true\]\:focus-within\:hover\:bg-danger-50:is(:where(.group)[data-invalid="true"] *):focus-within:hover {
                background-color: hsl(var(--heroui-danger-50) / 1);
            }
        }

        .focus\:border-input-border-primary:focus {
            border-color: hsl(var(--heroui-input-border-primary) / 1);
        }

        .focus\:border-input-password-border-primary:focus {
            border-color: hsl(var(--heroui-input-password-border-primary) / 1);
        }

        .focus\:border-input-search-border:focus {
            border-color: hsl(var(--heroui-input-search-border) / 1);
        }

        .focus\:bg-danger-400\/50:focus {
            background-color: hsl(var(--heroui-danger-400) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .focus\:bg-danger-400\/50:focus {
                background-color: color-mix(in oklab, hsl(var(--heroui-danger-400) / 1) 50%, transparent);
            }
        }

        .focus\:bg-default-400\/50:focus {
            background-color: hsl(var(--heroui-default-400) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .focus\:bg-default-400\/50:focus {
                background-color: color-mix(in oklab, hsl(var(--heroui-default-400) / 1) 50%, transparent);
            }
        }

        .focus\:bg-input-hover:focus {
            background-color: hsl(var(--heroui-input-hover) / .15);
        }

        .focus\:bg-input-password-hover:focus {
            background-color: hsl(var(--heroui-input-password-hover) / .15);
        }

        .focus\:bg-input-search-background:focus {
            background-color: hsl(var(--heroui-input-search-background) / 0);
        }

        .focus\:bg-primary-400\/50:focus {
            background-color: hsl(var(--heroui-primary-400) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .focus\:bg-primary-400\/50:focus {
                background-color: color-mix(in oklab, hsl(var(--heroui-primary-400) / 1) 50%, transparent);
            }
        }

        .focus\:bg-secondary-400\/50:focus {
            background-color: hsl(var(--heroui-secondary-400) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .focus\:bg-secondary-400\/50:focus {
                background-color: color-mix(in oklab, hsl(var(--heroui-secondary-400) / 1) 50%, transparent);
            }
        }

        .focus\:bg-success-400\/50:focus {
            background-color: hsl(var(--heroui-success-400) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .focus\:bg-success-400\/50:focus {
                background-color: color-mix(in oklab, hsl(var(--heroui-success-400) / 1) 50%, transparent);
            }
        }

        .focus\:bg-warning-400\/50:focus {
            background-color: hsl(var(--heroui-warning-400) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .focus\:bg-warning-400\/50:focus {
                background-color: color-mix(in oklab, hsl(var(--heroui-warning-400) / 1) 50%, transparent);
            }
        }

        .focus\:underline:focus {
            text-decoration-line: underline;
        }

        .focus\:shadow-xs:focus {
            --tw-shadow: 0px 1px 0px 0px var(--tw-shadow-color, hsl(0, 0%, 0%, 0));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .focus-visible\:z-10:focus-visible {
            z-index: 10;
        }

        .focus-visible\:outline-2:focus-visible {
            outline-style: var(--tw-outline-style);
            outline-width: 2px;
        }

        .focus-visible\:outline-offset-2:focus-visible {
            outline-offset: 2px;
        }

        .focus-visible\:outline-focus:focus-visible {
            outline-color: hsl(var(--heroui-focus) / 1);
        }

        .focus-visible\:outline-solid:focus-visible {
            --tw-outline-style: solid;
            outline-style: solid;
        }

        .active\:bg-default-200:active {
            background-color: hsl(var(--heroui-default-200) / 1);
        }

        .active\:bg-default-300:active {
            background-color: hsl(var(--heroui-default-300) / 1);
        }

        .active\:bg-transparent:active {
            background-color: transparent;
        }

        .active\:underline:active {
            text-decoration-line: underline;
        }

        .active\:\!opacity-70:active {
            opacity: 0.7 !important;
        }

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

        .active\:opacity-disabled:active {
            opacity: var(--heroui-disabled-opacity);
        }

        .disabled\:cursor-default:disabled {
            cursor: default;
        }

        :where(:is(.cefidark)) .in-\[\.cefidark\]\:w-\[calc\(100\%\+8px\)\] {
            width: calc(100% + 8px);
        }

        :where(:is(.cefidark)) .in-\[\.cefidark\]\:-translate-x-2 {
            --tw-translate-x: -8px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        :where(:is(.cefidark)) .in-\[\.cefidark\]\:border-b-px {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }

        :where(:is(.cefidark)) .in-\[\.cefidark\]\:border-none {
            --tw-border-style: none;
            border-style: none;
        }

        :where(:is(.cefidark)) .in-\[\.cefidark\]\:px-2 {
            padding-inline: 8px;
        }

        :where(:is(.cefidark)) .in-\[\.cefidark\]\:before\:right-\[-8px\]::before {
            content: var(--tw-content);
            right: -8px;
        }

        :where(:is(.cefidark)) .in-\[\.cefidark\]\:before\:left-\[-8px\]::before {
            content: var(--tw-content);
            left: -8px;
        }

        :where(:is(.cefidark)) .in-\[\.cefidark\]\:before\:w-\[calc\(100\%\+8px\)\]::before {
            content: var(--tw-content);
            width: calc(100% + 8px);
        }

        :where(:is(.cefilight)) .in-\[\.cefilight\]\:w-\[calc\(100\%\+8px\)\] {
            width: calc(100% + 8px);
        }

        :where(:is(.cefilight)) .in-\[\.cefilight\]\:-translate-x-2 {
            --tw-translate-x: -8px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        :where(:is(.cefilight)) .in-\[\.cefilight\]\:border-b-px {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }

        :where(:is(.cefilight)) .in-\[\.cefilight\]\:border-none {
            --tw-border-style: none;
            border-style: none;
        }

        :where(:is(.cefilight)) .in-\[\.cefilight\]\:px-2 {
            padding-inline: 8px;
        }

        :where(:is(.cefilight)) .in-\[\.cefilight\]\:before\:right-\[-8px\]::before {
            content: var(--tw-content);
            right: -8px;
        }

        :where(:is(.cefilight)) .in-\[\.cefilight\]\:before\:left-\[-8px\]::before {
            content: var(--tw-content);
            left: -8px;
        }

        :where(:is(.cefilight)) .in-\[\.cefilight\]\:before\:w-\[calc\(100\%\+8px\)\]::before {
            content: var(--tw-content);
            width: calc(100% + 8px);
        }

        :where(:is(.defidark)) .in-\[\.defidark\]\:-mt-4 {
            margin-top: -16px;
        }

        :where(:is(.defidark)) .in-\[\.defidark\]\:gap-y-4 {
            row-gap: 16px;
        }

        :where(:is(.defidark)) .in-\[\.defidark\]\:rounded-\[8px\] {
            border-radius: 8px;
        }

        :where(:is(.defidark)) .in-\[\.defidark\]\:rounded-l-xl {
            border-top-left-radius: 7.5px;
            border-bottom-left-radius: 7.5px;
        }

        :where(:is(.defidark)) .in-\[\.defidark\]\:rounded-r-xl {
            border-top-right-radius: 7.5px;
            border-bottom-right-radius: 7.5px;
        }

        :where(:is(.defidark)) .in-\[\.defidark\]\:rounded-b-xl {
            border-bottom-right-radius: 7.5px;
            border-bottom-left-radius: 7.5px;
        }

        :where(:is(.defidark)) .in-\[\.defidark\]\:rounded-br-none {
            border-bottom-right-radius: 0px;
        }

        :where(:is(.defidark)) .in-\[\.defidark\]\:rounded-bl-none {
            border-bottom-left-radius: 0px;
        }

        :where(:is(.defidark)) .in-\[\.defidark\]\:border-none {
            --tw-border-style: none;
            border-style: none;
        }

        :where(:is(.defidark)) .in-\[\.defidark\]\:border-primary {
            border-color: hsl(var(--heroui-primary) / 1);
        }

        :where(:is(.defidark)) .in-\[\.defidark\]\:border-transparent {
            border-color: transparent;
        }

        :where(:is(.defidark)) .in-\[\.defidark\]\:bg-panel-row {
            background-color: hsl(var(--heroui-panel-row) / .05);
        }

        :where(:is(.defidark)) .in-\[\.defidark\]\:font-bold {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
        }

        :where(:is(.defidark)) .in-\[\.defidark\]\:before\:right-0::before {
            content: var(--tw-content);
            right: 0px;
        }

        :where(:is(.defidark)) .in-\[\.defidark\]\:before\:left-0::before {
            content: var(--tw-content);
            left: 0px;
        }

        :where(:is(.defilight)) .in-\[\.defilight\]\:rounded-l-xl {
            border-top-left-radius: 7.5px;
            border-bottom-left-radius: 7.5px;
        }

        :where(:is(.defilight)) .in-\[\.defilight\]\:rounded-r-xl {
            border-top-right-radius: 7.5px;
            border-bottom-right-radius: 7.5px;
        }

        :where(:is(.defilight)) .in-\[\.defilight\]\:rounded-br-none {
            border-bottom-right-radius: 0px;
        }

        :where(:is(.defilight)) .in-\[\.defilight\]\:rounded-bl-none {
            border-bottom-left-radius: 0px;
        }

        .has-\[\:disabled\]\:opacity-60:has(:is(:disabled)) {
            opacity: 0.6;
        }

        .aria-expanded\:scale-\[0\.97\][aria-expanded="true"] {
            scale: 0.97;
        }

        .aria-expanded\:opacity-70[aria-expanded="true"] {
            opacity: 0.7;
        }

        .data-arrow\:before\:bg-tooltip[data-arrow]::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-tooltip) / 1);
        }

        .data-disabled\:opacity-100[data-disabled] {
            opacity: 1;
        }

        .data-hover\:border-input-border-primary[data-hover] {
            border-color: hsl(var(--heroui-input-border-primary) / 1);
        }

        .data-hover\:border-input-password-border-primary[data-hover] {
            border-color: hsl(var(--heroui-input-password-border-primary) / 1);
        }

        .data-hover\:bg-input-hover[data-hover] {
            background-color: hsl(var(--heroui-input-hover) / .15);
        }

        .data-hover\:bg-input-password-hover[data-hover] {
            background-color: hsl(var(--heroui-input-password-hover) / .15);
        }

        .data-hover\:bg-transparent[data-hover] {
            background-color: transparent;
        }

        .data-\[active\=true\]\:scale-100[data-active="true"] {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .data-\[active\=true\]\:scale-110[data-active="true"] {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .data-\[active\=true\]\:border-danger[data-active="true"] {
            border-color: red;
        }

        .data-\[active\=true\]\:border-danger-400[data-active="true"] {
            border-color: hsl(var(--heroui-danger-400) / 1);
        }

        .data-\[active\=true\]\:border-default-300[data-active="true"] {
            border-color: hsl(var(--heroui-default-300) / 1);
        }

        .data-\[active\=true\]\:border-default-400[data-active="true"] {
            border-color: hsl(var(--heroui-default-400) / 1);
        }

        .data-\[active\=true\]\:border-foreground[data-active="true"] {
            border-color: hsl(var(--heroui-foreground) / 1);
        }

        .data-\[active\=true\]\:border-primary[data-active="true"] {
            border-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[active\=true\]\:border-secondary[data-active="true"] {
            border-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[active\=true\]\:border-success[data-active="true"] {
            border-color: rgb(15, 219, 151);
        }

        .data-\[active\=true\]\:border-warning[data-active="true"] {
            border-color: rgb(219, 138, 15);
        }

        .data-\[active\=true\]\:bg-danger[data-active="true"] {
            background-color: red;
        }

        .data-\[active\=true\]\:bg-danger-100[data-active="true"] {
            background-color: hsl(var(--heroui-danger-100) / 1);
        }

        .data-\[active\=true\]\:bg-danger-200[data-active="true"] {
            background-color: hsl(var(--heroui-danger-200) / 1);
        }

        .data-\[active\=true\]\:bg-default-200[data-active="true"] {
            background-color: hsl(var(--heroui-default-200) / 1);
        }

        .data-\[active\=true\]\:bg-default-400[data-active="true"] {
            background-color: hsl(var(--heroui-default-400) / 1);
        }

        .data-\[active\=true\]\:bg-primary[data-active="true"] {
            background-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[active\=true\]\:bg-primary-200[data-active="true"] {
            background-color: hsl(var(--heroui-primary-200) / 1);
        }

        .data-\[active\=true\]\:bg-secondary[data-active="true"] {
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[active\=true\]\:bg-secondary-200[data-active="true"] {
            background-color: hsl(var(--heroui-secondary-200) / 1);
        }

        .data-\[active\=true\]\:bg-success[data-active="true"] {
            background-color: rgb(15, 219, 151);
        }

        .data-\[active\=true\]\:bg-success-200[data-active="true"] {
            background-color: hsl(var(--heroui-success-200) / 1);
        }

        .data-\[active\=true\]\:bg-warning[data-active="true"] {
            background-color: rgb(219, 138, 15);
        }

        .data-\[active\=true\]\:bg-warning-200[data-active="true"] {
            background-color: hsl(var(--heroui-warning-200) / 1);
        }

        .data-\[active\=true\]\:font-semibold[data-active="true"] {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }

        .data-\[active\=true\]\:text-danger-foreground[data-active="true"] {
            color: hsl(var(--heroui-danger-foreground) / 1);
        }

        .data-\[active\=true\]\:text-default-foreground[data-active="true"] {
            color: hsl(var(--heroui-default-foreground) / 1);
        }

        .data-\[active\=true\]\:text-primary-foreground[data-active="true"] {
            color: hsl(var(--heroui-primary-foreground) / 1);
        }

        .data-\[active\=true\]\:text-secondary-foreground[data-active="true"] {
            color: hsl(var(--heroui-secondary-foreground) / 1);
        }

        .data-\[active\=true\]\:text-success-foreground[data-active="true"] {
            color: hsl(var(--heroui-success-foreground) / 1);
        }

        .data-\[active\=true\]\:text-warning-foreground[data-active="true"] {
            color: hsl(var(--heroui-warning-foreground) / 1);
        }

        .data-\[active\=true\]\:shadow-md[data-active="true"] {
            --tw-shadow: 0px 4px 30px 0px var(--tw-shadow-color, hsl(0, 0%, 0%, 0));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .data-\[active\=true\]\:shadow-danger\/40[data-active="true"] {
            --tw-shadow-color: color-mix(in srgb, hsl(0, 100%, 50%) 40%, transparent);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[active\=true\]\:shadow-danger\/40[data-active="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(0, 100%, 50%) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[active\=true\]\:shadow-default\/50[data-active="true"] {
            --tw-shadow-color: hsl(var(--heroui-default) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[active\=true\]\:shadow-default\/50[data-active="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-default) / 1) 50%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[active\=true\]\:shadow-primary\/40[data-active="true"] {
            --tw-shadow-color: hsl(var(--heroui-primary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[active\=true\]\:shadow-primary\/40[data-active="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-primary) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[active\=true\]\:shadow-secondary\/40[data-active="true"] {
            --tw-shadow-color: hsl(var(--heroui-secondary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[active\=true\]\:shadow-secondary\/40[data-active="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[active\=true\]\:shadow-success\/40[data-active="true"] {
            --tw-shadow-color: color-mix(in srgb, hsl(160, 87%, 46%) 40%, transparent);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[active\=true\]\:shadow-success\/40[data-active="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(160, 87%, 46%) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[active\=true\]\:shadow-warning\/40[data-active="true"] {
            --tw-shadow-color: color-mix(in srgb, hsl(36, 87%, 46%) 40%, transparent);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[active\=true\]\:shadow-warning\/40[data-active="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(36, 87%, 46%) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[active\=true\]\:after\:w-full[data-active="true"]::after {
            content: var(--tw-content);
            width: 100%;
        }

        .data-\[active\=true\]\:after\:bg-danger-400[data-active="true"]::after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-danger-400) / 1);
        }

        .data-\[animation\=exiting\]\:opacity-0[data-animation="exiting"] {
            opacity: 0;
        }

        .data-\[arrow\=true\]\:before\:block[data-arrow="true"]::before {
            content: var(--tw-content);
            display: block;
        }

        .data-\[before\=true\]\:rotate-180[data-before="true"] {
            rotate: 180deg;
        }

        .data-\[bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(180deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-bottom-scroll="true"] {
            mask-image: linear-gradient(180deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
        }

        .data-\[direction\=ascending\]\:rotate-180[data-direction="ascending"] {
            rotate: 180deg;
        }

        .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
            pointer-events: none;
        }

        .data-\[disabled\=true\]\:cursor-default[data-disabled="true"] {
            cursor: default;
        }

        .data-\[disabled\=true\]\:cursor-not-allowed[data-disabled="true"] {
            cursor: not-allowed;
        }

        .data-\[disabled\=true\]\:text-default-300[data-disabled="true"] {
            color: hsl(var(--heroui-default-300) / 1);
        }

        .data-\[disabled\=true\]\:opacity-30[data-disabled="true"] {
            opacity: 0.3;
        }

        .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
            opacity: 0.5;
        }

        .data-\[disabled\=true\]\:transition-none[data-disabled="true"] {
            transition-property: none !important;
        }

        .data-\[dragging\=true\]\:cursor-grabbing[data-dragging="true"] {
            cursor: grabbing;
        }

        .data-\[dragging\=true\]\:after\:scale-80[data-dragging="true"]::after {
            content: var(--tw-content);
            --tw-scale-x: .8;
            --tw-scale-y: .8;
            --tw-scale-z: .8;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .data-\[dragging\=true\]\:after\:scale-100[data-dragging="true"]::after {
            content: var(--tw-content);
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .data-\[editable\=true\]\:text-danger[data-editable="true"] {
            color: red;
        }

        .data-\[editable\=true\]\:text-foreground[data-editable="true"] {
            color: hsl(var(--heroui-foreground) / 1);
        }

        .data-\[editable\=true\]\:text-primary[data-editable="true"] {
            color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[editable\=true\]\:text-secondary[data-editable="true"] {
            color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[editable\=true\]\:text-success-600[data-editable="true"] {
            color: hsl(var(--heroui-success-600) / 1);
        }

        .data-\[editable\=true\]\:text-warning-600[data-editable="true"] {
            color: hsl(var(--heroui-warning-600) / 1);
        }

        .data-\[editable\=true\]\:focus\:text-danger[data-editable="true"]:focus {
            color: red;
        }

        .data-\[editable\=true\]\:focus\:text-default-foreground[data-editable="true"]:focus {
            color: hsl(var(--heroui-default-foreground) / 1);
        }

        .data-\[editable\=true\]\:focus\:text-primary[data-editable="true"]:focus {
            color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[editable\=true\]\:focus\:text-secondary[data-editable="true"]:focus {
            color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[editable\=true\]\:focus\:text-success[data-editable="true"]:focus {
            color: rgb(15, 219, 151);
        }

        .data-\[editable\=true\]\:focus\:text-success-600[data-editable="true"]:focus {
            color: hsl(var(--heroui-success-600) / 1);
        }

        .data-\[editable\=true\]\:focus\:text-warning[data-editable="true"]:focus {
            color: rgb(219, 138, 15);
        }

        .data-\[editable\=true\]\:focus\:text-warning-600[data-editable="true"]:focus {
            color: hsl(var(--heroui-warning-600) / 1);
        }

        .data-\[fill-end\=true\]\:border-e-danger[data-fill-end="true"] {
            border-inline-end-color: red;
        }

        .data-\[fill-end\=true\]\:border-e-foreground[data-fill-end="true"] {
            border-inline-end-color: hsl(var(--heroui-foreground) / 1);
        }

        .data-\[fill-end\=true\]\:border-e-primary[data-fill-end="true"] {
            border-inline-end-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[fill-end\=true\]\:border-e-secondary[data-fill-end="true"] {
            border-inline-end-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[fill-end\=true\]\:border-e-success[data-fill-end="true"] {
            border-inline-end-color: rgb(15, 219, 151);
        }

        .data-\[fill-end\=true\]\:border-e-warning[data-fill-end="true"] {
            border-inline-end-color: rgb(219, 138, 15);
        }

        .data-\[fill-end\=true\]\:border-t-danger[data-fill-end="true"] {
            border-top-color: red;
        }

        .data-\[fill-end\=true\]\:border-t-foreground[data-fill-end="true"] {
            border-top-color: hsl(var(--heroui-foreground) / 1);
        }

        .data-\[fill-end\=true\]\:border-t-primary[data-fill-end="true"] {
            border-top-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[fill-end\=true\]\:border-t-secondary[data-fill-end="true"] {
            border-top-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[fill-end\=true\]\:border-t-success[data-fill-end="true"] {
            border-top-color: rgb(15, 219, 151);
        }

        .data-\[fill-end\=true\]\:border-t-warning[data-fill-end="true"] {
            border-top-color: rgb(219, 138, 15);
        }

        .data-\[fill-start\=true\]\:border-s-danger[data-fill-start="true"] {
            border-inline-start-color: red;
        }

        .data-\[fill-start\=true\]\:border-s-foreground[data-fill-start="true"] {
            border-inline-start-color: hsl(var(--heroui-foreground) / 1);
        }

        .data-\[fill-start\=true\]\:border-s-primary[data-fill-start="true"] {
            border-inline-start-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[fill-start\=true\]\:border-s-secondary[data-fill-start="true"] {
            border-inline-start-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[fill-start\=true\]\:border-s-success[data-fill-start="true"] {
            border-inline-start-color: rgb(15, 219, 151);
        }

        .data-\[fill-start\=true\]\:border-s-warning[data-fill-start="true"] {
            border-inline-start-color: rgb(219, 138, 15);
        }

        .data-\[fill-start\=true\]\:border-b-danger[data-fill-start="true"] {
            border-bottom-color: red;
        }

        .data-\[fill-start\=true\]\:border-b-foreground[data-fill-start="true"] {
            border-bottom-color: hsl(var(--heroui-foreground) / 1);
        }

        .data-\[fill-start\=true\]\:border-b-primary[data-fill-start="true"] {
            border-bottom-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[fill-start\=true\]\:border-b-secondary[data-fill-start="true"] {
            border-bottom-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[fill-start\=true\]\:border-b-success[data-fill-start="true"] {
            border-bottom-color: rgb(15, 219, 151);
        }

        .data-\[fill-start\=true\]\:border-b-warning[data-fill-start="true"] {
            border-bottom-color: rgb(219, 138, 15);
        }

        .data-\[focus-visible\]\:outline-danger-foreground[data-focus-visible] {
            outline-color: hsl(var(--heroui-danger-foreground) / 1);
        }

        .data-\[focus-visible\]\:outline-default-foreground[data-focus-visible] {
            outline-color: hsl(var(--heroui-default-foreground) / 1);
        }

        .data-\[focus-visible\]\:outline-primary-foreground[data-focus-visible] {
            outline-color: hsl(var(--heroui-primary-foreground) / 1);
        }

        .data-\[focus-visible\]\:outline-secondary-foreground[data-focus-visible] {
            outline-color: hsl(var(--heroui-secondary-foreground) / 1);
        }

        .data-\[focus-visible\]\:outline-success-foreground[data-focus-visible] {
            outline-color: hsl(var(--heroui-success-foreground) / 1);
        }

        .data-\[focus-visible\]\:outline-warning-foreground[data-focus-visible] {
            outline-color: hsl(var(--heroui-warning-foreground) / 1);
        }

        .data-\[focus-visible\=true\]\:z-10[data-focus-visible="true"] {
            z-index: 10;
        }

        .data-\[focus-visible\=true\]\:-translate-x-3[data-focus-visible="true"] {
            --tw-translate-x: -12px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .data-\[focus-visible\=true\]\:outline-2[data-focus-visible="true"] {
            outline-style: var(--tw-outline-style);
            outline-width: 2px;
        }

        .data-\[focus-visible\=true\]\:outline-offset-2[data-focus-visible="true"] {
            outline-offset: 2px;
        }

        .data-\[focus-visible\=true\]\:outline-focus[data-focus-visible="true"] {
            outline-color: hsl(var(--heroui-focus) / 1);
        }

        .data-\[focus\=true\]\:border-danger[data-focus="true"] {
            border-color: red;
        }

        .data-\[focus\=true\]\:border-default-400[data-focus="true"] {
            border-color: hsl(var(--heroui-default-400) / 1);
        }

        .data-\[focus\=true\]\:border-default-foreground[data-focus="true"] {
            border-color: hsl(var(--heroui-default-foreground) / 1);
        }

        .data-\[focus\=true\]\:border-primary[data-focus="true"] {
            border-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[focus\=true\]\:border-secondary[data-focus="true"] {
            border-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[focus\=true\]\:border-success[data-focus="true"] {
            border-color: rgb(15, 219, 151);
        }

        .data-\[focus\=true\]\:border-warning[data-focus="true"] {
            border-color: rgb(219, 138, 15);
        }

        .data-\[focus\=true\]\:after\:w-full[data-focus="true"]::after {
            content: var(--tw-content);
            width: 100%;
        }

        .data-\[focused\=true\]\:z-10[data-focused="true"] {
            z-index: 10;
        }

        .data-\[has-end-content\=true\]\:pe-1\.5[data-has-end-content="true"] {
            padding-inline-end: 6px;
        }

        .data-\[has-helper\=true\]\:items-start[data-has-helper="true"] {
            align-items: flex-start;
        }

        :is(.data-\[has-helper\=true\]\:pb-\[calc\(var\(--heroui-font-size-tiny\)_\+8px\)\], .data-\[has-helper\=true\]\:pb-\[calc\(var\(--heroui-font-size-tiny\)_\+_8px\)\])[data-has-helper="true"] {
            padding-bottom: calc(var(--heroui-font-size-tiny) + 8px);
        }

        .data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_8px\)\][data-has-label="true"] {
            margin-top: calc(var(--heroui-font-size-small) + 8px);
        }

        .data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_10px\)\][data-has-label="true"] {
            margin-top: calc(var(--heroui-font-size-small) + 10px);
        }

        .data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_12px\)\][data-has-label="true"] {
            margin-top: calc(var(--heroui-font-size-small) + 12px);
        }

        .data-\[has-multiple-rows\=true\]\:rounded-large[data-has-multiple-rows="true"] {
            border-radius: var(--heroui-radius-large);
        }

        .data-\[has-start-content\=true\]\:ps-1\.5[data-has-start-content="true"] {
            padding-inline-start: 6px;
        }

        .data-\[has-title\=true\]\:pt-1[data-has-title="true"] {
            padding-top: 4px;
        }

        .data-\[has-value\=true\]\:text-default-foreground[data-has-value="true"] {
            color: hsl(var(--heroui-default-foreground) / 1);
        }

        .data-\[hidden\=true\]\:hidden[data-hidden="true"] {
            display: none;
        }

        .data-\[hide-scroll\=true\]\:scrollbar-hide[data-hide-scroll="true"] {
            scrollbar-width: none;
        }

        .data-\[hide-scroll\=true\]\:scrollbar-hide[data-hide-scroll="true"]::-webkit-scrollbar {
            display: none;
        }

        .data-\[hover\]\:bg-danger-50[data-hover] {
            background-color: hsl(var(--heroui-danger-50) / 1);
        }

        .data-\[hover\]\:bg-danger-200[data-hover] {
            background-color: hsl(var(--heroui-danger-200) / 1);
        }

        .data-\[hover\]\:bg-default-100[data-hover] {
            background-color: hsl(var(--heroui-default-100) / 1);
        }

        .data-\[hover\]\:bg-primary-50[data-hover] {
            background-color: hsl(var(--heroui-primary-50) / 1);
        }

        .data-\[hover\]\:bg-primary-200[data-hover] {
            background-color: hsl(var(--heroui-primary-200) / 1);
        }

        .data-\[hover\]\:bg-secondary-50[data-hover] {
            background-color: hsl(var(--heroui-secondary-50) / 1);
        }

        .data-\[hover\]\:bg-secondary-200[data-hover] {
            background-color: hsl(var(--heroui-secondary-200) / 1);
        }

        .data-\[hover\]\:bg-success-50[data-hover] {
            background-color: hsl(var(--heroui-success-50) / 1);
        }

        .data-\[hover\]\:bg-success-200[data-hover] {
            background-color: hsl(var(--heroui-success-200) / 1);
        }

        .data-\[hover\]\:bg-warning-100[data-hover] {
            background-color: hsl(var(--heroui-warning-100) / 1);
        }

        .data-\[hover\]\:bg-warning-200[data-hover] {
            background-color: hsl(var(--heroui-warning-200) / 1);
        }

        .data-\[hover-unselected\=true\]\:opacity-disabled[data-hover-unselected="true"] {
            opacity: var(--heroui-disabled-opacity);
        }

        .data-\[hover\=true\]\:-translate-x-3[data-hover="true"] {
            --tw-translate-x: -12px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .data-\[hover\=true\]\:translate-x-0[data-hover="true"] {
            --tw-translate-x: 0px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .data-\[hover\=true\]\:cursor-pointer[data-hover="true"] {
            cursor: pointer;
        }

        .data-\[hover\=true\]\:border-danger[data-hover="true"] {
            border-color: red;
        }

        .data-\[hover\=true\]\:border-default[data-hover="true"] {
            border-color: hsl(var(--heroui-default) / 1);
        }

        .data-\[hover\=true\]\:border-default-400[data-hover="true"] {
            border-color: hsl(var(--heroui-default-400) / 1);
        }

        .data-\[hover\=true\]\:border-input-search-border[data-hover="true"] {
            border-color: hsl(var(--heroui-input-search-border) / 1);
        }

        .data-\[hover\=true\]\:border-primary[data-hover="true"] {
            border-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[hover\=true\]\:border-secondary[data-hover="true"] {
            border-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[hover\=true\]\:border-success[data-hover="true"] {
            border-color: rgb(15, 219, 151);
        }

        .data-\[hover\=true\]\:border-warning[data-hover="true"] {
            border-color: rgb(219, 138, 15);
        }

        .data-\[hover\=true\]\:\!bg-danger[data-hover="true"] {
            background-color: red !important;
        }

        .data-\[hover\=true\]\:\!bg-danger-100[data-hover="true"] {
            background-color: hsl(var(--heroui-danger-100) / 1) !important;
        }

        .data-\[hover\=true\]\:\!bg-default[data-hover="true"] {
            background-color: hsl(var(--heroui-default) / 1) !important;
        }

        .data-\[hover\=true\]\:\!bg-primary[data-hover="true"] {
            background-color: hsl(var(--heroui-primary) / 1) !important;
        }

        .data-\[hover\=true\]\:\!bg-secondary[data-hover="true"] {
            background-color: hsl(var(--heroui-secondary) / 1) !important;
        }

        .data-\[hover\=true\]\:\!bg-success[data-hover="true"] {
            background-color: rgb(15, 219, 151) !important;
        }

        .data-\[hover\=true\]\:\!bg-warning[data-hover="true"] {
            background-color: rgb(219, 138, 15) !important;
        }

        .data-\[hover\=true\]\:bg-content2[data-hover="true"] {
            background-color: hsl(var(--heroui-content2) / 1);
        }

        .data-\[hover\=true\]\:bg-danger[data-hover="true"] {
            background-color: red;
        }

        .data-\[hover\=true\]\:bg-danger-50[data-hover="true"] {
            background-color: hsl(var(--heroui-danger-50) / 1);
        }

        .data-\[hover\=true\]\:bg-danger-100[data-hover="true"] {
            background-color: hsl(var(--heroui-danger-100) / 1);
        }

        .data-\[hover\=true\]\:bg-danger\/20[data-hover="true"] {
            background-color: color-mix(rgb(255, 0, 0) 20%, transparent);
        }

        .data-\[hover\=true\]\:bg-default[data-hover="true"] {
            background-color: hsl(var(--heroui-default) / 1);
        }

        .data-\[hover\=true\]\:bg-default-100[data-hover="true"] {
            background-color: hsl(var(--heroui-default-100) / 1);
        }

        .data-\[hover\=true\]\:bg-default-200[data-hover="true"] {
            background-color: hsl(var(--heroui-default-200) / 1);
        }

        .data-\[hover\=true\]\:bg-default\/40[data-hover="true"] {
            background-color: hsl(var(--heroui-default) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[hover\=true\]\:bg-default\/40[data-hover="true"] {
                background-color: color-mix(in oklab, hsl(var(--heroui-default) / 1) 40%, transparent);
            }
        }

        .data-\[hover\=true\]\:bg-foreground-200[data-hover="true"] {
            background-color: hsl(var(--heroui-foreground-200) / 1);
        }

        .data-\[hover\=true\]\:bg-input-search-background[data-hover="true"] {
            background-color: hsl(var(--heroui-input-search-background) / 0);
        }

        .data-\[hover\=true\]\:bg-primary[data-hover="true"] {
            background-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[hover\=true\]\:bg-primary-50[data-hover="true"] {
            background-color: hsl(var(--heroui-primary-50) / 1);
        }

        .data-\[hover\=true\]\:bg-primary\/20[data-hover="true"] {
            background-color: hsl(var(--heroui-primary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[hover\=true\]\:bg-primary\/20[data-hover="true"] {
                background-color: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 20%, transparent);
            }
        }

        .data-\[hover\=true\]\:bg-secondary[data-hover="true"] {
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[hover\=true\]\:bg-secondary-50[data-hover="true"] {
            background-color: hsl(var(--heroui-secondary-50) / 1);
        }

        .data-\[hover\=true\]\:bg-secondary\/20[data-hover="true"] {
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[hover\=true\]\:bg-secondary\/20[data-hover="true"] {
                background-color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 20%, transparent);
            }
        }

        .data-\[hover\=true\]\:bg-select-hover[data-hover="true"] {
            background-color: hsl(var(--heroui-select-hover) / .15);
        }

        .data-\[hover\=true\]\:bg-success[data-hover="true"] {
            background-color: rgb(15, 219, 151);
        }

        .data-\[hover\=true\]\:bg-success-50[data-hover="true"] {
            background-color: hsl(var(--heroui-success-50) / 1);
        }

        .data-\[hover\=true\]\:bg-success-100[data-hover="true"] {
            background-color: hsl(var(--heroui-success-100) / 1);
        }

        .data-\[hover\=true\]\:bg-success\/20[data-hover="true"] {
            background-color: color-mix(rgb(15, 219, 151) 20%, transparent);
        }

        .data-\[hover\=true\]\:bg-transparent[data-hover="true"] {
            background-color: transparent;
        }

        .data-\[hover\=true\]\:bg-warning[data-hover="true"] {
            background-color: rgb(219, 138, 15);
        }

        .data-\[hover\=true\]\:bg-warning-50[data-hover="true"] {
            background-color: hsl(var(--heroui-warning-50) / 1);
        }

        .data-\[hover\=true\]\:bg-warning-100[data-hover="true"] {
            background-color: hsl(var(--heroui-warning-100) / 1);
        }

        .data-\[hover\=true\]\:bg-warning\/20[data-hover="true"] {
            background-color: color-mix(rgb(219, 138, 15) 20%, transparent);
        }

        .data-\[hover\=true\]\:\!text-danger-foreground[data-hover="true"] {
            color: hsl(var(--heroui-danger-foreground) / 1) !important;
        }

        .data-\[hover\=true\]\:\!text-primary-foreground[data-hover="true"] {
            color: hsl(var(--heroui-primary-foreground) / 1) !important;
        }

        .data-\[hover\=true\]\:\!text-secondary-foreground[data-hover="true"] {
            color: hsl(var(--heroui-secondary-foreground) / 1) !important;
        }

        .data-\[hover\=true\]\:\!text-success-foreground[data-hover="true"] {
            color: hsl(var(--heroui-success-foreground) / 1) !important;
        }

        .data-\[hover\=true\]\:\!text-warning-foreground[data-hover="true"] {
            color: hsl(var(--heroui-warning-foreground) / 1) !important;
        }

        .data-\[hover\=true\]\:text-danger[data-hover="true"] {
            color: red;
        }

        .data-\[hover\=true\]\:text-danger-500[data-hover="true"] {
            color: hsl(var(--heroui-danger-500) / 1);
        }

        .data-\[hover\=true\]\:text-danger-foreground[data-hover="true"] {
            color: hsl(var(--heroui-danger-foreground) / 1);
        }

        .data-\[hover\=true\]\:text-default-500[data-hover="true"] {
            color: hsl(var(--heroui-default-500) / 1);
        }

        .data-\[hover\=true\]\:text-default-foreground[data-hover="true"] {
            color: hsl(var(--heroui-default-foreground) / 1);
        }

        .data-\[hover\=true\]\:text-foreground-400[data-hover="true"] {
            color: hsl(var(--heroui-foreground-400) / 1);
        }

        .data-\[hover\=true\]\:text-foreground-600[data-hover="true"] {
            color: hsl(var(--heroui-foreground-600) / 1);
        }

        .data-\[hover\=true\]\:text-panel-title[data-hover="true"] {
            color: hsl(var(--heroui-panel-title) / 1);
        }

        .data-\[hover\=true\]\:text-primary[data-hover="true"] {
            color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[hover\=true\]\:text-primary-400[data-hover="true"] {
            color: hsl(var(--heroui-primary-400) / 1);
        }

        .data-\[hover\=true\]\:text-primary-foreground[data-hover="true"] {
            color: hsl(var(--heroui-primary-foreground) / 1);
        }

        .data-\[hover\=true\]\:text-secondary[data-hover="true"] {
            color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[hover\=true\]\:text-secondary-400[data-hover="true"] {
            color: hsl(var(--heroui-secondary-400) / 1);
        }

        .data-\[hover\=true\]\:text-secondary-foreground[data-hover="true"] {
            color: hsl(var(--heroui-secondary-foreground) / 1);
        }

        .data-\[hover\=true\]\:text-success[data-hover="true"] {
            color: rgb(15, 219, 151);
        }

        .data-\[hover\=true\]\:text-success-600[data-hover="true"] {
            color: hsl(var(--heroui-success-600) / 1);
        }

        .data-\[hover\=true\]\:text-success-foreground[data-hover="true"] {
            color: hsl(var(--heroui-success-foreground) / 1);
        }

        .data-\[hover\=true\]\:text-warning[data-hover="true"] {
            color: rgb(219, 138, 15);
        }

        .data-\[hover\=true\]\:text-warning-600[data-hover="true"] {
            color: hsl(var(--heroui-warning-600) / 1);
        }

        .data-\[hover\=true\]\:text-warning-foreground[data-hover="true"] {
            color: hsl(var(--heroui-warning-foreground) / 1);
        }

        .data-\[hover\=true\]\:opacity-70[data-hover="true"] {
            opacity: 0.7;
        }

        .data-\[hover\=true\]\:opacity-hover[data-hover="true"] {
            opacity: var(--heroui-hover-opacity);
        }

        .data-\[hover\=true\]\:shadow-lg[data-hover="true"] {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .data-\[hover\=true\]\:shadow-danger\/30[data-hover="true"] {
            --tw-shadow-color: color-mix(in srgb, hsl(0, 100%, 50%) 30%, transparent);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[hover\=true\]\:shadow-danger\/30[data-hover="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(0, 100%, 50%) 30%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[hover\=true\]\:shadow-default\/50[data-hover="true"] {
            --tw-shadow-color: hsl(var(--heroui-default) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[hover\=true\]\:shadow-default\/50[data-hover="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-default) / 1) 50%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[hover\=true\]\:shadow-primary\/30[data-hover="true"] {
            --tw-shadow-color: hsl(var(--heroui-primary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[hover\=true\]\:shadow-primary\/30[data-hover="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-primary) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[hover\=true\]\:shadow-secondary\/30[data-hover="true"] {
            --tw-shadow-color: hsl(var(--heroui-secondary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[hover\=true\]\:shadow-secondary\/30[data-hover="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[hover\=true\]\:shadow-success\/30[data-hover="true"] {
            --tw-shadow-color: color-mix(in srgb, hsl(160, 87%, 46%) 30%, transparent);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[hover\=true\]\:shadow-success\/30[data-hover="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(160, 87%, 46%) 30%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[hover\=true\]\:shadow-warning\/30[data-hover="true"] {
            --tw-shadow-color: color-mix(in srgb, hsl(36, 87%, 46%) 30%, transparent);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[hover\=true\]\:shadow-warning\/30[data-hover="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(36, 87%, 46%) 30%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[hover\=true\]\:transition-colors[data-hover="true"] {
            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));
        }

        .data-\[in-range\=false\]\:bg-default-200[data-in-range="false"] {
            background-color: hsl(var(--heroui-default-200) / 1);
        }

        .data-\[in-range\=true\]\:bg-background\/50[data-in-range="true"] {
            background-color: hsl(var(--heroui-background) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[in-range\=true\]\:bg-background\/50[data-in-range="true"] {
                background-color: color-mix(in oklab, hsl(var(--heroui-background) / 1) 50%, transparent);
            }
        }

        .data-\[in-range\=true\]\:bg-danger[data-in-range="true"] {
            background-color: red;
        }

        .data-\[in-range\=true\]\:bg-foreground[data-in-range="true"] {
            background-color: hsl(var(--heroui-foreground) / 1);
        }

        .data-\[in-range\=true\]\:bg-primary[data-in-range="true"] {
            background-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[in-range\=true\]\:bg-secondary[data-in-range="true"] {
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[in-range\=true\]\:bg-success[data-in-range="true"] {
            background-color: rgb(15, 219, 151);
        }

        .data-\[in-range\=true\]\:bg-warning[data-in-range="true"] {
            background-color: rgb(219, 138, 15);
        }

        .data-\[in-range\=true\]\:opacity-100[data-in-range="true"] {
            opacity: 1;
        }

        .data-\[inert\=true\]\:hidden[data-inert="true"] {
            display: none;
        }

        .data-\[invalid\=true\]\:text-danger-300[data-invalid="true"] {
            color: hsl(var(--heroui-danger-300) / 1);
        }

        .data-\[invalid\=true\]\:focus\:bg-danger-400\/50[data-invalid="true"]:focus {
            background-color: hsl(var(--heroui-danger-400) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[invalid\=true\]\:focus\:bg-danger-400\/50[data-invalid="true"]:focus {
                background-color: color-mix(in oklab, hsl(var(--heroui-danger-400) / 1) 50%, transparent);
            }
        }

        .data-\[invalid\=true\]\:data-\[editable\=true\]\:text-danger[data-invalid="true"][data-editable="true"] {
            color: red;
        }

        .data-\[invalid\=true\]\:data-\[editable\=true\]\:focus\:text-danger[data-invalid="true"][data-editable="true"]:focus {
            color: red;
        }

        .data-\[invisible\=true\]\:scale-0[data-invisible="true"] {
            --tw-scale-x: 0%;
            --tw-scale-y: 0%;
            --tw-scale-z: 0%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .data-\[invisible\=true\]\:opacity-0[data-invisible="true"] {
            opacity: 0;
        }

        .data-\[justify\=center\]\:justify-center[data-justify="center"] {
            justify-content: center;
        }

        .data-\[justify\=end\]\:flex-grow[data-justify="end"] {
            flex-grow: 1;
        }

        .data-\[justify\=end\]\:basis-0[data-justify="end"] {
            flex-basis: 0px;
        }

        .data-\[justify\=end\]\:justify-end[data-justify="end"] {
            justify-content: flex-end;
        }

        .data-\[justify\=start\]\:flex-grow[data-justify="start"] {
            flex-grow: 1;
        }

        .data-\[justify\=start\]\:basis-0[data-justify="start"] {
            flex-basis: 0px;
        }

        .data-\[justify\=start\]\:justify-start[data-justify="start"] {
            justify-content: flex-start;
        }

        .data-\[left-right-scroll\=true\]\:\[mask-image\:linear-gradient\(to_right\,\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-left-right-scroll="true"] {
            mask-image: linear-gradient(to right, #000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
        }

        .data-\[left-scroll\=true\]\:\[mask-image\:linear-gradient\(270deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-left-scroll="true"] {
            mask-image: linear-gradient(270deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
        }

        .data-\[loaded\=true\]\:pointer-events-auto[data-loaded="true"] {
            pointer-events: auto;
        }

        .data-\[loaded\=true\]\:overflow-visible[data-loaded="true"] {
            overflow: visible;
        }

        .data-\[loaded\=true\]\:\!bg-transparent[data-loaded="true"] {
            background-color: transparent !important;
        }

        .data-\[loaded\=true\]\:opacity-100[data-loaded="true"] {
            opacity: 1;
        }

        .data-\[loaded\=true\]\:before\:-z-10[data-loaded="true"]::before {
            content: var(--tw-content);
            z-index: -10;
        }

        .data-\[loaded\=true\]\:before\:animate-none[data-loaded="true"]::before {
            content: var(--tw-content);
            animation: auto ease 0s 1 normal none running none;
        }

        .data-\[loaded\=true\]\:before\:opacity-0[data-loaded="true"]::before {
            content: var(--tw-content);
            opacity: 0;
        }

        .data-\[loaded\=true\]\:after\:opacity-0[data-loaded="true"]::after {
            content: var(--tw-content);
            opacity: 0;
        }

        .data-\[menu-open\=true\]\:border-none[data-menu-open="true"] {
            --tw-border-style: none;
            border-style: none;
        }

        .data-\[menu-open\=true\]\:backdrop-blur-xl[data-menu-open="true"] {
            --tw-backdrop-blur: blur(var(--blur-xl));
            backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        }

        .data-\[moving\]\:opacity-100[data-moving] {
            opacity: 1;
        }

        .data-\[moving\=true\]\:transition-transform[data-moving="true"] {
            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));
        }

        .data-\[open\=true\]\:block[data-open="true"] {
            display: block;
        }

        .data-\[open\=true\]\:flex[data-open="true"] {
            display: flex;
        }

        .data-\[open\=true\]\:-rotate-90[data-open="true"] {
            rotate: -90deg;
        }

        .data-\[open\=true\]\:rotate-180[data-open="true"] {
            rotate: 180deg;
        }

        .data-\[open\=true\]\:border-danger[data-open="true"] {
            border-color: red;
        }

        .data-\[open\=true\]\:border-default-400[data-open="true"] {
            border-color: hsl(var(--heroui-default-400) / 1);
        }

        .data-\[open\=true\]\:border-default-foreground[data-open="true"] {
            border-color: hsl(var(--heroui-default-foreground) / 1);
        }

        .data-\[open\=true\]\:border-primary[data-open="true"] {
            border-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[open\=true\]\:border-secondary[data-open="true"] {
            border-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[open\=true\]\:border-success[data-open="true"] {
            border-color: rgb(15, 219, 151);
        }

        .data-\[open\=true\]\:border-warning[data-open="true"] {
            border-color: rgb(219, 138, 15);
        }

        .data-\[open\=true\]\:after\:w-full[data-open="true"]::after {
            content: var(--tw-content);
            width: 100%;
        }

        .data-\[orientation\=horizontal\]\:flex-row[data-orientation="horizontal"] {
            flex-direction: row;
        }

        .data-\[outside-month\=true\]\:before\:hidden[data-outside-month="true"]::before {
            content: var(--tw-content);
            display: none;
        }

        .data-\[disabled\=true\]\:data-\[outside-month\=true\]\:opacity-0[data-disabled="true"][data-outside-month="true"] {
            opacity: 0;
        }

        .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-danger-300[data-editable="true"][data-placeholder="true"] {
            color: hsl(var(--heroui-danger-300) / 1);
        }

        .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-foreground-500[data-editable="true"][data-placeholder="true"] {
            color: hsl(var(--heroui-foreground-500) / 1);
        }

        .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-primary-300[data-editable="true"][data-placeholder="true"] {
            color: hsl(var(--heroui-primary-300) / 1);
        }

        .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-secondary-300[data-editable="true"][data-placeholder="true"] {
            color: hsl(var(--heroui-secondary-300) / 1);
        }

        .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-success-400[data-editable="true"][data-placeholder="true"] {
            color: hsl(var(--heroui-success-400) / 1);
        }

        .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-warning-400[data-editable="true"][data-placeholder="true"] {
            color: hsl(var(--heroui-warning-400) / 1);
        }

        .data-\[placement\=bottom\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="bottom"]::before {
            content: var(--tw-content);
            top: -3.5px;
        }

        .data-\[placement\=bottom\]\:before\:left-1\/2[data-placement="bottom"]::before {
            content: var(--tw-content);
            left: 50%;
        }

        .data-\[placement\=bottom\]\:before\:-translate-x-1\/2[data-placement="bottom"]::before {
            content: var(--tw-content);
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .data-\[placement\=bottom-center\]\:fixed[data-placement="bottom-center"] {
            position: fixed;
        }

        .data-\[placement\=bottom-center\]\:right-0[data-placement="bottom-center"] {
            right: 0px;
        }

        .data-\[placement\=bottom-center\]\:bottom-0[data-placement="bottom-center"] {
            bottom: 0px;
        }

        .data-\[placement\=bottom-center\]\:left-0[data-placement="bottom-center"] {
            left: 0px;
        }

        .data-\[placement\=bottom-center\]\:left-1\/2[data-placement="bottom-center"] {
            left: 50%;
        }

        .data-\[placement\=bottom-center\]\:flex[data-placement="bottom-center"] {
            display: flex;
        }

        .data-\[placement\=bottom-center\]\:-translate-x-1\/2[data-placement="bottom-center"] {
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .data-\[placement\=bottom-center\]\:flex-col[data-placement="bottom-center"] {
            flex-direction: column;
        }

        .data-\[placement\=bottom-center\]\:before\:top-\[calc\(-1\*var\(--top-extension\,16px\)\)\][data-placement="bottom-center"]::before {
            content: var(--tw-content);
            top: calc(-1 * var(--top-extension, 16px));
        }

        .data-\[placement\=bottom-center\]\:before\:h-\[var\(--top-extension\,16px\)\][data-placement="bottom-center"]::before {
            content: var(--tw-content);
            height: var(--top-extension, 16px);
        }

        .data-\[placement\=bottom-center\]\:after\:bottom-\[calc\(-1\*var\(--bottom-extension\,16px\)\)\][data-placement="bottom-center"]::after {
            content: var(--tw-content);
            bottom: calc(-1 * var(--bottom-extension, 16px));
        }

        .data-\[placement\=bottom-center\]\:after\:h-\[var\(--bottom-extension\,16px\)\][data-placement="bottom-center"]::after {
            content: var(--tw-content);
            height: var(--bottom-extension, 16px);
        }

        .data-\[placement\=bottom-end\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="bottom-end"]::before {
            content: var(--tw-content);
            top: -3.5px;
        }

        .data-\[placement\=bottom-end\]\:before\:right-3[data-placement="bottom-end"]::before {
            content: var(--tw-content);
            right: 12px;
        }

        .data-\[placement\=bottom-left\]\:fixed[data-placement="bottom-left"] {
            position: fixed;
        }

        .data-\[placement\=bottom-left\]\:bottom-0[data-placement="bottom-left"] {
            bottom: 0px;
        }

        .data-\[placement\=bottom-left\]\:left-0[data-placement="bottom-left"] {
            left: 0px;
        }

        .data-\[placement\=bottom-left\]\:mx-auto[data-placement="bottom-left"] {
            margin-inline: auto;
        }

        .data-\[placement\=bottom-left\]\:flex[data-placement="bottom-left"] {
            display: flex;
        }

        .data-\[placement\=bottom-left\]\:flex-col[data-placement="bottom-left"] {
            flex-direction: column;
        }

        .data-\[placement\=bottom-left\]\:before\:top-\[calc\(-1\*var\(--top-extension\,16px\)\)\][data-placement="bottom-left"]::before {
            content: var(--tw-content);
            top: calc(-1 * var(--top-extension, 16px));
        }

        .data-\[placement\=bottom-left\]\:before\:h-\[var\(--top-extension\,16px\)\][data-placement="bottom-left"]::before {
            content: var(--tw-content);
            height: var(--top-extension, 16px);
        }

        .data-\[placement\=bottom-left\]\:after\:bottom-\[calc\(-1\*var\(--bottom-extension\,16px\)\)\][data-placement="bottom-left"]::after {
            content: var(--tw-content);
            bottom: calc(-1 * var(--bottom-extension, 16px));
        }

        .data-\[placement\=bottom-left\]\:after\:h-\[var\(--bottom-extension\,16px\)\][data-placement="bottom-left"]::after {
            content: var(--tw-content);
            height: var(--bottom-extension, 16px);
        }

        .data-\[placement\=bottom-right\]\:fixed[data-placement="bottom-right"] {
            position: fixed;
        }

        .data-\[placement\=bottom-right\]\:right-0[data-placement="bottom-right"] {
            right: 0px;
        }

        .data-\[placement\=bottom-right\]\:bottom-0[data-placement="bottom-right"] {
            bottom: 0px;
        }

        .data-\[placement\=bottom-right\]\:mx-auto[data-placement="bottom-right"] {
            margin-inline: auto;
        }

        .data-\[placement\=bottom-right\]\:flex[data-placement="bottom-right"] {
            display: flex;
        }

        .data-\[placement\=bottom-right\]\:flex-col[data-placement="bottom-right"] {
            flex-direction: column;
        }

        .data-\[placement\=bottom-right\]\:before\:top-\[calc\(-1\*var\(--top-extension\,16px\)\)\][data-placement="bottom-right"]::before {
            content: var(--tw-content);
            top: calc(-1 * var(--top-extension, 16px));
        }

        .data-\[placement\=bottom-right\]\:before\:h-\[var\(--top-extension\,16px\)\][data-placement="bottom-right"]::before {
            content: var(--tw-content);
            height: var(--top-extension, 16px);
        }

        .data-\[placement\=bottom-right\]\:after\:bottom-\[calc\(-1\*var\(--bottom-extension\,16px\)\)\][data-placement="bottom-right"]::after {
            content: var(--tw-content);
            bottom: calc(-1 * var(--bottom-extension, 16px));
        }

        .data-\[placement\=bottom-right\]\:after\:h-\[var\(--bottom-extension\,16px\)\][data-placement="bottom-right"]::after {
            content: var(--tw-content);
            height: var(--bottom-extension, 16px);
        }

        .data-\[placement\=bottom-start\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="bottom-start"]::before {
            content: var(--tw-content);
            top: -3.5px;
        }

        .data-\[placement\=bottom-start\]\:before\:left-3[data-placement="bottom-start"]::before {
            content: var(--tw-content);
            left: 12px;
        }

        .data-\[placement\=left\]\:before\:top-1\/2[data-placement="left"]::before {
            content: var(--tw-content);
            top: 50%;
        }

        .data-\[placement\=left\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\][data-placement="left"]::before {
            content: var(--tw-content);
            right: -3px;
        }

        .data-\[placement\=left\]\:before\:-translate-y-1\/2[data-placement="left"]::before {
            content: var(--tw-content);
            --tw-translate-y: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .data-\[placement\=left-end\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="left-end"]::before {
            content: var(--tw-content);
            right: -2px;
        }

        .data-\[placement\=left-end\]\:before\:bottom-1\/4[data-placement="left-end"]::before {
            content: var(--tw-content);
            bottom: 25%;
        }

        .data-\[placement\=left-start\]\:before\:top-1\/4[data-placement="left-start"]::before {
            content: var(--tw-content);
            top: 25%;
        }

        .data-\[placement\=left-start\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="left-start"]::before {
            content: var(--tw-content);
            right: -2px;
        }

        .data-\[placement\=right\]\:before\:top-1\/2[data-placement="right"]::before {
            content: var(--tw-content);
            top: 50%;
        }

        .data-\[placement\=right\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\][data-placement="right"]::before {
            content: var(--tw-content);
            left: -3px;
        }

        .data-\[placement\=right\]\:before\:-translate-y-1\/2[data-placement="right"]::before {
            content: var(--tw-content);
            --tw-translate-y: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .data-\[placement\=right-end\]\:before\:bottom-1\/4[data-placement="right-end"]::before {
            content: var(--tw-content);
            bottom: 25%;
        }

        .data-\[placement\=right-end\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="right-end"]::before {
            content: var(--tw-content);
            left: -2px;
        }

        .data-\[placement\=right-start\]\:before\:top-1\/4[data-placement="right-start"]::before {
            content: var(--tw-content);
            top: 25%;
        }

        .data-\[placement\=right-start\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="right-start"]::before {
            content: var(--tw-content);
            left: -2px;
        }

        .data-\[placement\=top\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="top"]::before {
            content: var(--tw-content);
            bottom: -3.5px;
        }

        .data-\[placement\=top\]\:before\:left-1\/2[data-placement="top"]::before {
            content: var(--tw-content);
            left: 50%;
        }

        .data-\[placement\=top\]\:before\:-translate-x-1\/2[data-placement="top"]::before {
            content: var(--tw-content);
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .data-\[placement\=top-center\]\:fixed[data-placement="top-center"] {
            position: fixed;
        }

        .data-\[placement\=top-center\]\:top-0[data-placement="top-center"] {
            top: 0px;
        }

        .data-\[placement\=top-center\]\:right-0[data-placement="top-center"] {
            right: 0px;
        }

        .data-\[placement\=top-center\]\:left-0[data-placement="top-center"] {
            left: 0px;
        }

        .data-\[placement\=top-center\]\:left-1\/2[data-placement="top-center"] {
            left: 50%;
        }

        .data-\[placement\=top-center\]\:flex[data-placement="top-center"] {
            display: flex;
        }

        .data-\[placement\=top-center\]\:-translate-x-1\/2[data-placement="top-center"] {
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .data-\[placement\=top-center\]\:flex-col[data-placement="top-center"] {
            flex-direction: column;
        }

        .data-\[placement\=top-end\]\:before\:right-3[data-placement="top-end"]::before {
            content: var(--tw-content);
            right: 12px;
        }

        .data-\[placement\=top-end\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="top-end"]::before {
            content: var(--tw-content);
            bottom: -3.5px;
        }

        .data-\[placement\=top-left\]\:fixed[data-placement="top-left"] {
            position: fixed;
        }

        .data-\[placement\=top-left\]\:top-0[data-placement="top-left"] {
            top: 0px;
        }

        .data-\[placement\=top-left\]\:left-0[data-placement="top-left"] {
            left: 0px;
        }

        .data-\[placement\=top-left\]\:mx-auto[data-placement="top-left"] {
            margin-inline: auto;
        }

        .data-\[placement\=top-left\]\:flex[data-placement="top-left"] {
            display: flex;
        }

        .data-\[placement\=top-left\]\:flex-col[data-placement="top-left"] {
            flex-direction: column;
        }

        .data-\[placement\=top-right\]\:fixed[data-placement="top-right"] {
            position: fixed;
        }

        .data-\[placement\=top-right\]\:top-0[data-placement="top-right"] {
            top: 0px;
        }

        .data-\[placement\=top-right\]\:right-0[data-placement="top-right"] {
            right: 0px;
        }

        .data-\[placement\=top-right\]\:mx-auto[data-placement="top-right"] {
            margin-inline: auto;
        }

        .data-\[placement\=top-right\]\:flex[data-placement="top-right"] {
            display: flex;
        }

        .data-\[placement\=top-right\]\:flex-col[data-placement="top-right"] {
            flex-direction: column;
        }

        .data-\[placement\=top-start\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="top-start"]::before {
            content: var(--tw-content);
            bottom: -3.5px;
        }

        .data-\[placement\=top-start\]\:before\:left-3[data-placement="top-start"]::before {
            content: var(--tw-content);
            left: 12px;
        }

        .data-\[pressed\=true\]\:scale-100[data-pressed="true"] {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .data-\[pressed\=true\]\:scale-\[0\.97\][data-pressed="true"] {
            scale: 0.97;
        }

        .data-\[pressed\=true\]\:opacity-50[data-pressed="true"] {
            opacity: 0.5;
        }

        .data-\[pressed\=true\]\:opacity-70[data-pressed="true"] {
            opacity: 0.7;
        }

        .data-\[pressed\=true\]\:opacity-disabled[data-pressed="true"] {
            opacity: var(--heroui-disabled-opacity);
        }

        .data-\[range-end\=true\]\:before\:rounded-e-full[data-range-end="true"]::before {
            content: var(--tw-content);
            border-start-end-radius: calc(infinity * 1px);
            border-end-end-radius: calc(infinity * 1px);
        }

        .data-\[range-start\=true\]\:before\:rounded-s-full[data-range-start="true"]::before {
            content: var(--tw-content);
            border-start-start-radius: calc(infinity * 1px);
            border-end-start-radius: calc(infinity * 1px);
        }

        .data-\[readonly\=true\]\:cursor-default[data-readonly="true"] {
            cursor: default;
        }

        .data-\[right-scroll\=true\]\:\[mask-image\:linear-gradient\(90deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-right-scroll="true"] {
            mask-image: linear-gradient(90deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
        }

        .data-\[selectable\=true\]\:focus\:border-danger[data-selectable="true"]:focus {
            border-color: red;
        }

        .data-\[selectable\=true\]\:focus\:border-default[data-selectable="true"]:focus {
            border-color: hsl(var(--heroui-default) / 1);
        }

        .data-\[selectable\=true\]\:focus\:border-primary[data-selectable="true"]:focus {
            border-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[selectable\=true\]\:focus\:border-secondary[data-selectable="true"]:focus {
            border-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[selectable\=true\]\:focus\:border-success[data-selectable="true"]:focus {
            border-color: rgb(15, 219, 151);
        }

        .data-\[selectable\=true\]\:focus\:border-warning[data-selectable="true"]:focus {
            border-color: rgb(219, 138, 15);
        }

        .data-\[selectable\=true\]\:focus\:bg-danger[data-selectable="true"]:focus {
            background-color: red;
        }

        .data-\[selectable\=true\]\:focus\:bg-danger\/20[data-selectable="true"]:focus {
            background-color: color-mix(rgb(255, 0, 0) 20%, transparent);
        }

        .data-\[selectable\=true\]\:focus\:bg-default[data-selectable="true"]:focus {
            background-color: hsl(var(--heroui-default) / 1);
        }

        .data-\[selectable\=true\]\:focus\:bg-default-100[data-selectable="true"]:focus {
            background-color: hsl(var(--heroui-default-100) / 1);
        }

        .data-\[selectable\=true\]\:focus\:bg-default\/40[data-selectable="true"]:focus {
            background-color: hsl(var(--heroui-default) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[selectable\=true\]\:focus\:bg-default\/40[data-selectable="true"]:focus {
                background-color: color-mix(in oklab, hsl(var(--heroui-default) / 1) 40%, transparent);
            }
        }

        .data-\[selectable\=true\]\:focus\:bg-primary[data-selectable="true"]:focus {
            background-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[selectable\=true\]\:focus\:bg-primary\/20[data-selectable="true"]:focus {
            background-color: hsl(var(--heroui-primary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[selectable\=true\]\:focus\:bg-primary\/20[data-selectable="true"]:focus {
                background-color: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 20%, transparent);
            }
        }

        .data-\[selectable\=true\]\:focus\:bg-secondary[data-selectable="true"]:focus {
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[selectable\=true\]\:focus\:bg-secondary\/20[data-selectable="true"]:focus {
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[selectable\=true\]\:focus\:bg-secondary\/20[data-selectable="true"]:focus {
                background-color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 20%, transparent);
            }
        }

        .data-\[selectable\=true\]\:focus\:bg-success[data-selectable="true"]:focus {
            background-color: rgb(15, 219, 151);
        }

        .data-\[selectable\=true\]\:focus\:bg-success\/20[data-selectable="true"]:focus {
            background-color: color-mix(rgb(15, 219, 151) 20%, transparent);
        }

        .data-\[selectable\=true\]\:focus\:bg-warning[data-selectable="true"]:focus {
            background-color: rgb(219, 138, 15);
        }

        .data-\[selectable\=true\]\:focus\:bg-warning\/20[data-selectable="true"]:focus {
            background-color: color-mix(rgb(219, 138, 15) 20%, transparent);
        }

        .data-\[selectable\=true\]\:focus\:text-danger[data-selectable="true"]:focus {
            color: red;
        }

        .data-\[selectable\=true\]\:focus\:text-danger-foreground[data-selectable="true"]:focus {
            color: hsl(var(--heroui-danger-foreground) / 1);
        }

        .data-\[selectable\=true\]\:focus\:text-default-500[data-selectable="true"]:focus {
            color: hsl(var(--heroui-default-500) / 1);
        }

        .data-\[selectable\=true\]\:focus\:text-default-foreground[data-selectable="true"]:focus {
            color: hsl(var(--heroui-default-foreground) / 1);
        }

        .data-\[selectable\=true\]\:focus\:text-primary[data-selectable="true"]:focus {
            color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[selectable\=true\]\:focus\:text-primary-foreground[data-selectable="true"]:focus {
            color: hsl(var(--heroui-primary-foreground) / 1);
        }

        .data-\[selectable\=true\]\:focus\:text-secondary[data-selectable="true"]:focus {
            color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[selectable\=true\]\:focus\:text-secondary-foreground[data-selectable="true"]:focus {
            color: hsl(var(--heroui-secondary-foreground) / 1);
        }

        .data-\[selectable\=true\]\:focus\:text-success[data-selectable="true"]:focus {
            color: rgb(15, 219, 151);
        }

        .data-\[selectable\=true\]\:focus\:text-success-foreground[data-selectable="true"]:focus {
            color: hsl(var(--heroui-success-foreground) / 1);
        }

        .data-\[selectable\=true\]\:focus\:text-warning[data-selectable="true"]:focus {
            color: rgb(219, 138, 15);
        }

        .data-\[selectable\=true\]\:focus\:text-warning-foreground[data-selectable="true"]:focus {
            color: hsl(var(--heroui-warning-foreground) / 1);
        }

        .data-\[selectable\=true\]\:focus\:shadow-danger\/30[data-selectable="true"]:focus {
            --tw-shadow-color: color-mix(in srgb, hsl(0, 100%, 50%) 30%, transparent);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[selectable\=true\]\:focus\:shadow-danger\/30[data-selectable="true"]:focus {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(0, 100%, 50%) 30%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[selectable\=true\]\:focus\:shadow-default\/50[data-selectable="true"]:focus {
            --tw-shadow-color: hsl(var(--heroui-default) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[selectable\=true\]\:focus\:shadow-default\/50[data-selectable="true"]:focus {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-default) / 1) 50%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[selectable\=true\]\:focus\:shadow-primary\/30[data-selectable="true"]:focus {
            --tw-shadow-color: hsl(var(--heroui-primary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[selectable\=true\]\:focus\:shadow-primary\/30[data-selectable="true"]:focus {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-primary) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[selectable\=true\]\:focus\:shadow-secondary\/30[data-selectable="true"]:focus {
            --tw-shadow-color: hsl(var(--heroui-secondary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[selectable\=true\]\:focus\:shadow-secondary\/30[data-selectable="true"]:focus {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[selectable\=true\]\:focus\:shadow-success\/30[data-selectable="true"]:focus {
            --tw-shadow-color: color-mix(in srgb, hsl(160, 87%, 46%) 30%, transparent);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[selectable\=true\]\:focus\:shadow-success\/30[data-selectable="true"]:focus {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(160, 87%, 46%) 30%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[selectable\=true\]\:focus\:shadow-warning\/30[data-selectable="true"]:focus {
            --tw-shadow-color: color-mix(in srgb, hsl(36, 87%, 46%) 30%, transparent);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[selectable\=true\]\:focus\:shadow-warning\/30[data-selectable="true"]:focus {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(36, 87%, 46%) 30%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[selected\=true\]\:bg-danger[data-selected="true"] {
            background-color: red;
        }

        .data-\[selected\=true\]\:bg-default[data-selected="true"] {
            background-color: hsl(var(--heroui-default) / 1);
        }

        .data-\[selected\=true\]\:bg-foreground[data-selected="true"] {
            background-color: hsl(var(--heroui-foreground) / 1);
        }

        .data-\[selected\=true\]\:bg-primary[data-selected="true"] {
            background-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[selected\=true\]\:bg-secondary[data-selected="true"] {
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[selected\=true\]\:bg-success[data-selected="true"] {
            background-color: rgb(15, 219, 151);
        }

        .data-\[selected\=true\]\:bg-warning[data-selected="true"] {
            background-color: rgb(219, 138, 15);
        }

        .data-\[selected\=true\]\:text-background[data-selected="true"] {
            color: hsl(var(--heroui-background) / 1);
        }

        .data-\[selected\=true\]\:text-danger[data-selected="true"] {
            color: red;
        }

        .data-\[selected\=true\]\:text-danger-foreground[data-selected="true"] {
            color: hsl(var(--heroui-danger-foreground) / 1);
        }

        .data-\[selected\=true\]\:text-default-foreground[data-selected="true"] {
            color: hsl(var(--heroui-default-foreground) / 1);
        }

        .data-\[selected\=true\]\:text-primary[data-selected="true"] {
            color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[selected\=true\]\:text-primary-foreground[data-selected="true"] {
            color: hsl(var(--heroui-primary-foreground) / 1);
        }

        .data-\[selected\=true\]\:text-secondary[data-selected="true"] {
            color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[selected\=true\]\:text-secondary-foreground[data-selected="true"] {
            color: hsl(var(--heroui-secondary-foreground) / 1);
        }

        .data-\[selected\=true\]\:text-success-600[data-selected="true"] {
            color: hsl(var(--heroui-success-600) / 1);
        }

        .data-\[selected\=true\]\:text-success-foreground[data-selected="true"] {
            color: hsl(var(--heroui-success-foreground) / 1);
        }

        .data-\[selected\=true\]\:text-warning-600[data-selected="true"] {
            color: hsl(var(--heroui-warning-600) / 1);
        }

        .data-\[selected\=true\]\:text-warning-foreground[data-selected="true"] {
            color: hsl(var(--heroui-warning-foreground) / 1);
        }

        .data-\[selected\=true\]\:shadow-md[data-selected="true"] {
            --tw-shadow: 0px 4px 30px 0px var(--tw-shadow-color, hsl(0, 0%, 0%, 0));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .data-\[selected\=true\]\:shadow-none[data-selected="true"] {
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .data-\[selected\=true\]\:shadow-danger\/40[data-selected="true"] {
            --tw-shadow-color: color-mix(in srgb, hsl(0, 100%, 50%) 40%, transparent);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[selected\=true\]\:shadow-danger\/40[data-selected="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(0, 100%, 50%) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[selected\=true\]\:shadow-foreground\/40[data-selected="true"] {
            --tw-shadow-color: hsl(var(--heroui-foreground) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[selected\=true\]\:shadow-foreground\/40[data-selected="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[selected\=true\]\:shadow-primary\/40[data-selected="true"] {
            --tw-shadow-color: hsl(var(--heroui-primary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[selected\=true\]\:shadow-primary\/40[data-selected="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-primary) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[selected\=true\]\:shadow-secondary\/40[data-selected="true"] {
            --tw-shadow-color: hsl(var(--heroui-secondary) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[selected\=true\]\:shadow-secondary\/40[data-selected="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[selected\=true\]\:shadow-success\/40[data-selected="true"] {
            --tw-shadow-color: color-mix(in srgb, hsl(160, 87%, 46%) 40%, transparent);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[selected\=true\]\:shadow-success\/40[data-selected="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(160, 87%, 46%) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[selected\=true\]\:shadow-warning\/40[data-selected="true"] {
            --tw-shadow-color: color-mix(in srgb, hsl(36, 87%, 46%) 40%, transparent);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[selected\=true\]\:shadow-warning\/40[data-selected="true"] {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(36, 87%, 46%) 40%, transparent) var(--tw-shadow-alpha), transparent);
            }
        }

        .data-\[selected\=true\]\:before\:opacity-100[data-selected="true"]::before {
            content: var(--tw-content);
            opacity: 1;
        }

        .data-\[selected\=true\]\:after\:bg-danger[data-selected="true"]::after {
            content: var(--tw-content);
            background-color: red;
        }

        .data-\[selected\=true\]\:after\:bg-foreground[data-selected="true"]::after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-foreground) / 1);
        }

        .data-\[selected\=true\]\:after\:bg-primary[data-selected="true"]::after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[selected\=true\]\:after\:bg-secondary[data-selected="true"]::after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[selected\=true\]\:after\:bg-success[data-selected="true"]::after {
            content: var(--tw-content);
            background-color: rgb(15, 219, 151);
        }

        .data-\[selected\=true\]\:after\:bg-warning[data-selected="true"]::after {
            content: var(--tw-content);
            background-color: rgb(219, 138, 15);
        }

        .data-\[selected\=true\]\:after\:opacity-100[data-selected="true"]::after {
            content: var(--tw-content);
            opacity: 1;
        }

        .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger[data-selected="true"][data-hover="true"] {
            background-color: red;
        }

        .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-foreground[data-selected="true"][data-hover="true"] {
            background-color: hsl(var(--heroui-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-primary[data-selected="true"][data-hover="true"] {
            background-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-secondary[data-selected="true"][data-hover="true"] {
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success[data-selected="true"][data-hover="true"] {
            background-color: rgb(15, 219, 151);
        }

        .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning[data-selected="true"][data-hover="true"] {
            background-color: rgb(219, 138, 15);
        }

        .data-\[selected\=true\]\:data-\[hover\=true\]\:text-background[data-selected="true"][data-hover="true"] {
            color: hsl(var(--heroui-background) / 1);
        }

        .data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground[data-selected="true"][data-hover="true"] {
            color: hsl(var(--heroui-danger-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[hover\=true\]\:text-primary-foreground[data-selected="true"][data-hover="true"] {
            color: hsl(var(--heroui-primary-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[hover\=true\]\:text-secondary-foreground[data-selected="true"][data-hover="true"] {
            color: hsl(var(--heroui-secondary-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground[data-selected="true"][data-hover="true"] {
            color: hsl(var(--heroui-success-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground[data-selected="true"][data-hover="true"] {
            color: hsl(var(--heroui-warning-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[range-selection\=true\]\:bg-transparent[data-selected="true"][data-range-selection="true"] {
            background-color: transparent;
        }

        .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-danger-500[data-selected="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-danger-500) / 1);
        }

        .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-foreground[data-selected="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-primary[data-selected="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-secondary[data-selected="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-600[data-selected="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-success-600) / 1);
        }

        .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-warning-500[data-selected="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-warning-500) / 1);
        }

        .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-danger-50[data-selected="true"][data-range-selection="true"]::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-danger-50) / 1);
        }

        .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-foreground\/10[data-selected="true"][data-range-selection="true"]::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-foreground) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-foreground\/10[data-selected="true"][data-range-selection="true"]::before {
                background-color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 10%, transparent);
            }
        }

        .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-primary-50[data-selected="true"][data-range-selection="true"]::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-primary-50) / 1);
        }

        .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-secondary-50[data-selected="true"][data-range-selection="true"]::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-secondary-50) / 1);
        }

        .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-100[data-selected="true"][data-range-selection="true"]::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-success-100) / 1);
        }

        .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-100[data-selected="true"][data-range-selection="true"]::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-warning-100) / 1);
        }

        .data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:bg-transparent[data-selected="true"][data-range-selection="true"][data-outside-month="true"] {
            background-color: transparent;
        }

        .data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:text-default-300[data-selected="true"][data-range-selection="true"][data-outside-month="true"] {
            color: hsl(var(--heroui-default-300) / 1);
        }

        .data-\[selection-end\=true\]\:before\:rounded-e-full[data-selection-end="true"]::before {
            content: var(--tw-content);
            border-start-end-radius: calc(infinity * 1px);
            border-end-end-radius: calc(infinity * 1px);
        }

        .data-\[selected\=true\]\:data-\[selection-end\=true\]\:shadow-md[data-selected="true"][data-selection-end="true"] {
            --tw-shadow: 0px 4px 30px 0px var(--tw-shadow-color, hsl(0, 0%, 0%, 0));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:rounded-full[data-selected="true"][data-selection-end="true"][data-range-selection="true"] {
            border-radius: calc(infinity * 1px);
        }

        .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-danger[data-selected="true"][data-selection-end="true"][data-range-selection="true"] {
            background-color: red;
        }

        .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-foreground[data-selected="true"][data-selection-end="true"][data-range-selection="true"] {
            background-color: hsl(var(--heroui-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-primary[data-selected="true"][data-selection-end="true"][data-range-selection="true"] {
            background-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-secondary[data-selected="true"][data-selection-end="true"][data-range-selection="true"] {
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-success[data-selected="true"][data-selection-end="true"][data-range-selection="true"] {
            background-color: rgb(15, 219, 151);
        }

        .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-warning[data-selected="true"][data-selection-end="true"][data-range-selection="true"] {
            background-color: rgb(219, 138, 15);
        }

        .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-background[data-selected="true"][data-selection-end="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-background) / 1);
        }

        .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground[data-selected="true"][data-selection-end="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-danger-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground[data-selected="true"][data-selection-end="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-primary-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground[data-selected="true"][data-selection-end="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-secondary-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-selected="true"][data-selection-end="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-success-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground[data-selected="true"][data-selection-end="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-warning-foreground) / 1);
        }

        .data-\[selection-start\=true\]\:before\:rounded-s-full[data-selection-start="true"]::before {
            content: var(--tw-content);
            border-start-start-radius: calc(infinity * 1px);
            border-end-start-radius: calc(infinity * 1px);
        }

        .data-\[selected\=true\]\:data-\[selection-start\=true\]\:shadow-md[data-selected="true"][data-selection-start="true"] {
            --tw-shadow: 0px 4px 30px 0px var(--tw-shadow-color, hsl(0, 0%, 0%, 0));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:rounded-full[data-selected="true"][data-selection-start="true"][data-range-selection="true"] {
            border-radius: calc(infinity * 1px);
        }

        .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-danger[data-selected="true"][data-selection-start="true"][data-range-selection="true"] {
            background-color: red;
        }

        .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-foreground[data-selected="true"][data-selection-start="true"][data-range-selection="true"] {
            background-color: hsl(var(--heroui-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-primary[data-selected="true"][data-selection-start="true"][data-range-selection="true"] {
            background-color: hsl(var(--heroui-primary) / 1);
        }

        .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-secondary[data-selected="true"][data-selection-start="true"][data-range-selection="true"] {
            background-color: hsl(var(--heroui-secondary) / 1);
        }

        .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-success[data-selected="true"][data-selection-start="true"][data-range-selection="true"] {
            background-color: rgb(15, 219, 151);
        }

        .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-warning[data-selected="true"][data-selection-start="true"][data-range-selection="true"] {
            background-color: rgb(219, 138, 15);
        }

        .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-background[data-selected="true"][data-selection-start="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-background) / 1);
        }

        .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground[data-selected="true"][data-selection-start="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-danger-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground[data-selected="true"][data-selection-start="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-primary-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground[data-selected="true"][data-selection-start="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-secondary-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-selected="true"][data-selection-start="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-success-foreground) / 1);
        }

        .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground[data-selected="true"][data-selection-start="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-warning-foreground) / 1);
        }

        .data-\[sortable\=true\]\:cursor-pointer[data-sortable="true"] {
            cursor: pointer;
        }

        .data-\[toast-exiting\=true\]\:transform-gpu[data-toast-exiting="true"] {
            transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
        }

        .data-\[toast-exiting\=true\]\:opacity-0[data-toast-exiting="true"] {
            opacity: 0;
        }

        .data-\[toast-exiting\=true\]\:transition-all[data-toast-exiting="true"] {
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
        }

        .data-\[toast-exiting\=true\]\:duration-300[data-toast-exiting="true"] {
            --tw-duration: .3s;
            transition-duration: 0.3s;
        }

        .data-\[toast-exiting\=true\]\:ease-out[data-toast-exiting="true"] {
            --tw-ease: var(--ease-out);
            transition-timing-function: var(--ease-out);
        }

        .data-\[toast-exiting\=true\]\:will-change-transform[data-toast-exiting="true"] {
            will-change: transform;
        }

        .data-\[toast-exiting\=true\]\:data-\[placement\=bottom-center\]\:translate-y-full[data-toast-exiting="true"][data-placement="bottom-center"] {
            --tw-translate-y: 100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .data-\[toast-exiting\=true\]\:data-\[placement\=bottom-left\]\:-translate-x-full[data-toast-exiting="true"][data-placement="bottom-left"] {
            --tw-translate-x: -100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .data-\[toast-exiting\=true\]\:data-\[placement\=bottom-right\]\:translate-x-full[data-toast-exiting="true"][data-placement="bottom-right"] {
            --tw-translate-x: 100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .data-\[toast-exiting\=true\]\:data-\[placement\=top-center\]\:-translate-y-full[data-toast-exiting="true"][data-placement="top-center"] {
            --tw-translate-y: -100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .data-\[toast-exiting\=true\]\:data-\[placement\=top-left\]\:-translate-x-full[data-toast-exiting="true"][data-placement="top-left"] {
            --tw-translate-x: -100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .data-\[toast-exiting\=true\]\:data-\[placement\=top-right\]\:translate-x-full[data-toast-exiting="true"][data-placement="top-right"] {
            --tw-translate-x: 100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .data-\[top-bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-top-bottom-scroll="true"] {
            mask-image: linear-gradient(#000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
        }

        .data-\[top-scroll\=true\]\:\[mask-image\:linear-gradient\(0deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-top-scroll="true"] {
            mask-image: linear-gradient(0deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
        }

        .data-\[type\=color\]\:rounded-none[data-type="color"] {
            border-radius: 0px !important;
        }

        .data-\[unavailable\=true\]\:cursor-default[data-unavailable="true"] {
            cursor: default;
        }

        .data-\[unavailable\=true\]\:text-default-300[data-unavailable="true"] {
            color: hsl(var(--heroui-default-300) / 1);
        }

        .data-\[unavailable\=true\]\:line-through[data-unavailable="true"] {
            text-decoration-line: line-through;
        }

        .data-\[visible\=true\]\:pointer-events-auto[data-visible="true"] {
            pointer-events: auto;
        }

        .data-\[visible\=true\]\:cursor-pointer[data-visible="true"] {
            cursor: pointer;
        }

        .data-\[visible\=true\]\:opacity-100[data-visible="true"] {
            opacity: 1;
        }

        @media (prefers-reduced-motion: reduce) {
            .motion-reduce\:scale-100 {
                --tw-scale-x: 100%;
                --tw-scale-y: 100%;
                --tw-scale-z: 100%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .motion-reduce\:transition-none {
                transition-property: none !important;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .motion-reduce\:after\:transition-none::after {
                content: var(--tw-content);
                transition-property: none !important;
            }
        }

        @media (min-width: 40rem) {
            .sm\:m-0 {
                margin: 0px;
            }
        }

        @media (min-width: 40rem) {
            .sm\:mx-0 {
                margin-inline: 0px;
            }
        }

        @media (min-width: 40rem) {
            .sm\:mx-1 {
                margin-inline: 4px;
            }
        }

        @media (min-width: 40rem) {
            .sm\:mx-6 {
                margin-inline: 24px;
            }
        }

        @media (min-width: 40rem) {
            .sm\:my-0 {
                margin-block: 0px;
            }
        }

        @media (min-width: 40rem) {
            .sm\:my-16 {
                margin-block: 64px;
            }
        }

        @media (min-width: 40rem) {
            .sm\:w-\[356px\] {
                width: 356px;
            }
        }

        @media (min-width: 40rem) {
            .sm\:w-auto {
                width: auto;
            }
        }

        @media (min-width: 40rem) {
            .sm\:items-center {
                align-items: center;
            }
        }

        @media (min-width: 40rem) {
            .sm\:items-end {
                align-items: flex-end;
            }
        }

        @media (min-width: 40rem) {
            .sm\:items-start {
                align-items: flex-start;
            }
        }

        @media (min-width: 40rem) {
            .sm\:px-0 {
                padding-inline: 0px;
            }
        }

        @media (min-width: 40rem) {
            .sm\:\[--scale-enter\:100\%\] {
                --scale-enter: 100%;
            }
        }

        @media (min-width: 40rem) {
            .sm\:\[--scale-exit\:103\%\] {
                --scale-exit: 103%;
            }
        }

        @media (min-width: 40rem) {
            .sm\:\[--slide-enter\:0px\] {
                --slide-enter: 0px;
            }
        }

        @media (min-width: 40rem) {
            .sm\:\[--slide-exit\:0px\] {
                --slide-exit: 0px;
            }
        }

        @media (min-width: 40rem) {
            .sm\:data-\[placement\=bottom-center\]\:mx-auto[data-placement="bottom-center"] {
                margin-inline: auto;
            }
        }

        @media (min-width: 40rem) {
            .sm\:data-\[placement\=bottom-center\]\:w-max[data-placement="bottom-center"] {
                width: max-content;
            }
        }

        @media (min-width: 40rem) {
            .sm\:data-\[placement\=bottom-left\]\:ml-2[data-placement="bottom-left"] {
                margin-left: 8px;
            }
        }

        @media (min-width: 40rem) {
            .sm\:data-\[placement\=bottom-left\]\:w-max[data-placement="bottom-left"] {
                width: max-content;
            }
        }

        @media (min-width: 40rem) {
            .sm\:data-\[placement\=bottom-right\]\:mr-2[data-placement="bottom-right"] {
                margin-right: 8px;
            }
        }

        @media (min-width: 40rem) {
            .sm\:data-\[placement\=bottom-right\]\:w-max[data-placement="bottom-right"] {
                width: max-content;
            }
        }

        @media (min-width: 40rem) {
            .sm\:data-\[placement\=top-center\]\:mx-auto[data-placement="top-center"] {
                margin-inline: auto;
            }
        }

        @media (min-width: 40rem) {
            .sm\:data-\[placement\=top-center\]\:w-max[data-placement="top-center"] {
                width: max-content;
            }
        }

        @media (min-width: 40rem) {
            .sm\:data-\[placement\=top-left\]\:ml-2[data-placement="top-left"] {
                margin-left: 8px;
            }
        }

        @media (min-width: 40rem) {
            .sm\:data-\[placement\=top-left\]\:w-max[data-placement="top-left"] {
                width: max-content;
            }
        }

        @media (min-width: 40rem) {
            .sm\:data-\[placement\=top-right\]\:mr-2[data-placement="top-right"] {
                margin-right: 8px;
            }
        }

        @media (min-width: 40rem) {
            .sm\:data-\[placement\=top-right\]\:w-max[data-placement="top-right"] {
                width: max-content;
            }
        }

        @media (min-width: 40rem) {
            .sm\:data-\[visible\=true\]\:pointer-events-none[data-visible="true"] {
                pointer-events: none;
            }
        }

        @media (min-width: 40rem) {
            .sm\:data-\[visible\=true\]\:opacity-0[data-visible="true"] {
                opacity: 0;
            }
        }

        @media (min-width: 40rem) {
            .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:pointer-events-auto:is(:where(.group)[data-hover="true"] *)[data-visible="true"] {
                pointer-events: auto;
            }
        }

        @media (min-width: 40rem) {
            .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:opacity-100:is(:where(.group)[data-hover="true"] *)[data-visible="true"] {
                opacity: 1;
            }
        }

        @media (min-width: 48rem) {
            .md\:inline-grid {
                display: inline-grid;
            }
        }

        @media (min-width: 48rem) {
            .md\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0px, 1fr));
            }
        }

        .rtl\:right-auto:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
            right: auto;
        }

        .rtl\:left-2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
            left: 8px;
        }

        .rtl\:origin-top-right:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
            transform-origin: 100% 0px;
        }

        .rtl\:-rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
            rotate: -180deg;
        }

        .rtl\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
            rotate: 180deg;
        }

        .rtl\:flex-row-reverse:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
            flex-direction: row-reverse;
        }

        :where(.rtl\:space-x-reverse:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) > :not(:last-child)) {
            --tw-space-x-reverse: 1;
        }

        .rtl\:data-\[focus-visible\=true\]\:translate-x-3:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *)[data-focus-visible="true"] {
            --tw-translate-x: 12px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .rtl\:data-\[hover\=true\]\:translate-x-3:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *)[data-hover="true"] {
            --tw-translate-x: 12px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .rtl\:data-\[open\=true\]\:-rotate-90:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *)[data-open="true"] {
            rotate: -90deg;
        }

        .dark\:border-danger-100:is(.dark *) {
            border-color: hsl(var(--heroui-danger-100) / 1);
        }

        .dark\:border-default-200:is(.dark *) {
            border-color: hsl(var(--heroui-default-200) / 1);
        }

        .dark\:border-primary-100:is(.dark *) {
            border-color: hsl(var(--heroui-primary-100) / 1);
        }

        .dark\:border-success-100:is(.dark *) {
            border-color: hsl(var(--heroui-success-100) / 1);
        }

        .dark\:border-warning-100:is(.dark *) {
            border-color: hsl(var(--heroui-warning-100) / 1);
        }

        .dark\:bg-background:is(.dark *) {
            background-color: hsl(var(--heroui-background) / 1);
        }

        .dark\:bg-background\/20:is(.dark *) {
            background-color: hsl(var(--heroui-background) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .dark\:bg-background\/20:is(.dark *) {
                background-color: color-mix(in oklab, hsl(var(--heroui-background) / 1) 20%, transparent);
            }
        }

        .dark\:bg-content2:is(.dark *) {
            background-color: hsl(var(--heroui-content2) / 1);
        }

        .dark\:bg-danger-50:is(.dark *) {
            background-color: hsl(var(--heroui-danger-50) / 1);
        }

        .dark\:bg-danger-50\/50:is(.dark *) {
            background-color: hsl(var(--heroui-danger-50) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .dark\:bg-danger-50\/50:is(.dark *) {
                background-color: color-mix(in oklab, hsl(var(--heroui-danger-50) / 1) 50%, transparent);
            }
        }

        .dark\:bg-danger-100:is(.dark *) {
            background-color: hsl(var(--heroui-danger-100) / 1);
        }

        .dark\:bg-default:is(.dark *) {
            background-color: hsl(var(--heroui-default) / 1);
        }

        .dark\:bg-default-50\/50:is(.dark *) {
            background-color: hsl(var(--heroui-default-50) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .dark\:bg-default-50\/50:is(.dark *) {
                background-color: color-mix(in oklab, hsl(var(--heroui-default-50) / 1) 50%, transparent);
            }
        }

        .dark\:bg-default-100:is(.dark *) {
            background-color: hsl(var(--heroui-default-100) / 1);
        }

        .dark\:bg-primary-50:is(.dark *) {
            background-color: hsl(var(--heroui-primary-50) / 1);
        }

        .dark\:bg-primary-50\/50:is(.dark *) {
            background-color: hsl(var(--heroui-primary-50) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .dark\:bg-primary-50\/50:is(.dark *) {
                background-color: color-mix(in oklab, hsl(var(--heroui-primary-50) / 1) 50%, transparent);
            }
        }

        .dark\:bg-primary-100:is(.dark *) {
            background-color: hsl(var(--heroui-primary-100) / 1);
        }

        .dark\:bg-secondary-50:is(.dark *) {
            background-color: hsl(var(--heroui-secondary-50) / 1);
        }

        .dark\:bg-secondary-50\/50:is(.dark *) {
            background-color: hsl(var(--heroui-secondary-50) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .dark\:bg-secondary-50\/50:is(.dark *) {
                background-color: color-mix(in oklab, hsl(var(--heroui-secondary-50) / 1) 50%, transparent);
            }
        }

        .dark\:bg-secondary-100:is(.dark *) {
            background-color: hsl(var(--heroui-secondary-100) / 1);
        }

        .dark\:bg-success-50:is(.dark *) {
            background-color: hsl(var(--heroui-success-50) / 1);
        }

        .dark\:bg-success-50\/50:is(.dark *) {
            background-color: hsl(var(--heroui-success-50) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .dark\:bg-success-50\/50:is(.dark *) {
                background-color: color-mix(in oklab, hsl(var(--heroui-success-50) / 1) 50%, transparent);
            }
        }

        .dark\:bg-success-100:is(.dark *) {
            background-color: hsl(var(--heroui-success-100) / 1);
        }

        .dark\:bg-transparent:is(.dark *) {
            background-color: transparent;
        }

        .dark\:bg-warning-50:is(.dark *) {
            background-color: hsl(var(--heroui-warning-50) / 1);
        }

        .dark\:bg-warning-50\/50:is(.dark *) {
            background-color: hsl(var(--heroui-warning-50) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .dark\:bg-warning-50\/50:is(.dark *) {
                background-color: color-mix(in oklab, hsl(var(--heroui-warning-50) / 1) 50%, transparent);
            }
        }

        .dark\:bg-warning-100:is(.dark *) {
            background-color: hsl(var(--heroui-warning-100) / 1);
        }

        .dark\:text-danger-500:is(.dark *) {
            color: hsl(var(--heroui-danger-500) / 1);
        }

        .dark\:text-success:is(.dark *) {
            color: rgb(15, 219, 151);
        }

        .dark\:text-warning:is(.dark *) {
            color: rgb(219, 138, 15);
        }

        .dark\:placeholder\:text-danger-500:is(.dark *)::placeholder {
            color: hsl(var(--heroui-danger-500) / 1);
        }

        .dark\:placeholder\:text-success:is(.dark *)::placeholder {
            color: rgb(15, 219, 151);
        }

        .dark\:placeholder\:text-warning:is(.dark *)::placeholder {
            color: rgb(219, 138, 15);
        }

        .dark\:before\:via-default-700\/10:is(.dark *)::before {
            content: var(--tw-content);
            --tw-gradient-via: hsl(var(--heroui-default-700) / 1);
            --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-via-stops);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .dark\:before\:via-default-700\/10:is(.dark *)::before {
                --tw-gradient-via: color-mix(in oklab, hsl(var(--heroui-default-700) / 1) 10%, transparent);
            }
        }

        .dark\:after\:bg-content2:is(.dark *)::after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-content2) / 1);
        }

        .dark\:focus\:bg-danger-400\/20:is(.dark *):focus {
            background-color: hsl(var(--heroui-danger-400) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .dark\:focus\:bg-danger-400\/20:is(.dark *):focus {
                background-color: color-mix(in oklab, hsl(var(--heroui-danger-400) / 1) 20%, transparent);
            }
        }

        .dark\:focus\:bg-success-400\/20:is(.dark *):focus {
            background-color: hsl(var(--heroui-success-400) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .dark\:focus\:bg-success-400\/20:is(.dark *):focus {
                background-color: color-mix(in oklab, hsl(var(--heroui-success-400) / 1) 20%, transparent);
            }
        }

        .dark\:focus\:bg-warning-400\/20:is(.dark *):focus {
            background-color: hsl(var(--heroui-warning-400) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .dark\:focus\:bg-warning-400\/20:is(.dark *):focus {
                background-color: color-mix(in oklab, hsl(var(--heroui-warning-400) / 1) 20%, transparent);
            }
        }

        .dark\:data-\[hover\=true\]\:bg-content2:is(.dark *)[data-hover="true"] {
            background-color: hsl(var(--heroui-content2) / 1);
        }

        .dark\:data-\[hover\=true\]\:bg-danger-50:is(.dark *)[data-hover="true"] {
            background-color: hsl(var(--heroui-danger-50) / 1);
        }

        .dark\:data-\[hover\=true\]\:bg-success-50:is(.dark *)[data-hover="true"] {
            background-color: hsl(var(--heroui-success-50) / 1);
        }

        .dark\:data-\[hover\=true\]\:bg-warning-50:is(.dark *)[data-hover="true"] {
            background-color: hsl(var(--heroui-warning-50) / 1);
        }

        .dark\:data-\[hover\=true\]\:text-danger-500:is(.dark *)[data-hover="true"] {
            color: hsl(var(--heroui-danger-500) / 1);
        }

        .dark\:data-\[hover\=true\]\:text-success-500:is(.dark *)[data-hover="true"] {
            color: hsl(var(--heroui-success-500) / 1);
        }

        .dark\:data-\[hover\=true\]\:text-warning-500:is(.dark *)[data-hover="true"] {
            color: hsl(var(--heroui-warning-500) / 1);
        }

        .dark\:data-\[invalid\=true\]\:focus\:bg-danger-400\/20:is(.dark *)[data-invalid="true"]:focus {
            background-color: hsl(var(--heroui-danger-400) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .dark\:data-\[invalid\=true\]\:focus\:bg-danger-400\/20:is(.dark *)[data-invalid="true"]:focus {
                background-color: color-mix(in oklab, hsl(var(--heroui-danger-400) / 1) 20%, transparent);
            }
        }

        .dark\:data-\[selected\=true\]\:text-danger-500:is(.dark *)[data-selected="true"] {
            color: hsl(var(--heroui-danger-500) / 1);
        }

        .dark\:data-\[selected\=true\]\:text-success:is(.dark *)[data-selected="true"] {
            color: rgb(15, 219, 151);
        }

        .dark\:data-\[selected\=true\]\:text-warning:is(.dark *)[data-selected="true"] {
            color: rgb(219, 138, 15);
        }

        .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger:is(.dark *)[data-selected="true"][data-hover="true"] {
            background-color: red;
        }

        .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success:is(.dark *)[data-selected="true"][data-hover="true"] {
            background-color: rgb(15, 219, 151);
        }

        .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning:is(.dark *)[data-selected="true"][data-hover="true"] {
            background-color: rgb(219, 138, 15);
        }

        .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground:is(.dark *)[data-selected="true"][data-hover="true"] {
            color: hsl(var(--heroui-danger-foreground) / 1);
        }

        .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground:is(.dark *)[data-selected="true"][data-hover="true"] {
            color: hsl(var(--heroui-success-foreground) / 1);
        }

        .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground:is(.dark *)[data-selected="true"][data-hover="true"] {
            color: hsl(var(--heroui-warning-foreground) / 1);
        }

        .dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-500:is(.dark *)[data-selected="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-success-500) / 1);
        }

        .dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-50:is(.dark *)[data-selected="true"][data-range-selection="true"]::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-success-50) / 1);
        }

        .dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-50:is(.dark *)[data-selected="true"][data-range-selection="true"]::before {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-warning-50) / 1);
        }

        .dark\:data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground:is(.dark *)[data-selected="true"][data-selection-end="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-success-foreground) / 1);
        }

        .dark\:data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground:is(.dark *)[data-selected="true"][data-selection-start="true"][data-range-selection="true"] {
            color: hsl(var(--heroui-success-foreground) / 1);
        }

        .cefidark\:cefi-linear-gradient.cefidark {
            background: linear-gradient(35deg, rgb(19, 23, 42), rgb(32, 37, 55) 50%, rgb(43, 50, 69) 74%, rgb(50, 57, 78) 88%, rgb(56, 64, 86) 96%, rgb(63, 72, 95) 100%, rgb(67, 77, 101) 101%, rgb(72, 82, 106));
        }

        .cefidark\:cefi-linear-gradient[data-theme="cefidark"] {
            background: linear-gradient(35deg, rgb(19, 23, 42), rgb(32, 37, 55) 50%, rgb(43, 50, 69) 74%, rgb(50, 57, 78) 88%, rgb(56, 64, 86) 96%, rgb(63, 72, 95) 100%, rgb(67, 77, 101) 101%, rgb(72, 82, 106));
        }

        .\[\&_\.chevron-icon\]\:flex-none .chevron-icon {
            flex: 0 0 auto;
        }

        .\[\&_\.chevron-icon\]\:rotate-180 .chevron-icon {
            rotate: 180deg;
        }

        .\[\&_\.chevron-icon\]\:transition-transform .chevron-icon {
            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));
        }

        .\[\&\+\.border-medium\.border-danger\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-danger {
            margin-inline-start: calc(var(--heroui-border-width-medium) * -1);
        }

        .\[\&\+\.border-medium\.border-default\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-default {
            margin-inline-start: calc(var(--heroui-border-width-medium) * -1);
        }

        .\[\&\+\.border-medium\.border-primary\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-primary {
            margin-inline-start: calc(var(--heroui-border-width-medium) * -1);
        }

        .\[\&\+\.border-medium\.border-secondary\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-secondary {
            margin-inline-start: calc(var(--heroui-border-width-medium) * -1);
        }

        .\[\&\+\.border-medium\.border-success\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-success {
            margin-inline-start: calc(var(--heroui-border-width-medium) * -1);
        }

        .\[\&\+\.border-medium\.border-warning\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-warning {
            margin-inline-start: calc(var(--heroui-border-width-medium) * -1);
        }

        .\[\&\.odd-row\]\:bg-foreground\/5.odd-row {
            background-color: hsl(var(--heroui-foreground) / 1);
        }

        @supports (color: color-mix(in lab, red, red)) {
            .\[\&\.odd-row\]\:bg-foreground\/5.odd-row {
                background-color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 5%, transparent);
            }
        }

        .\[\&\.opened\]\:border-b-transparent.opened {
            border-bottom-color: transparent;
        }

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

        .\[\&\:not\(\:first-child\)\]\:-ml-1:not(:first-child) {
            margin-left: -4px;
        }

        .\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none:not(:first-child):not(:last-child) {
            border-radius: 0px !important;
        }

        .\[\&\:not\(\:first-of-type\)\]\:ms-\[calc\(theme\(borderWidth\.2\)\*-1\)\]:not(:first-of-type) {
            margin-inline-start: -8px;
        }

        .\[\&\:not\(\:first-of-type\)\:not\(\:last-of-type\)\]\:rounded-none:not(:first-of-type):not(:last-of-type) {
            border-radius: 0px !important;
        }

        .\[\&\>\*\]\:relative>* {
            position: relative;
        }

        .\[\&\>\*\]\:z-1>* {
            z-index: 1;
        }

        .\[\&\>path\]\:animate-fade-logo>path {
            animation: auto ease-in-out 0s infinite normal none running fade-logo;
        }

        .\[\&\>path\]\:\[animation-duration\:1000ms\]>path {
            animation-duration: 1s;
        }

        .\[\&\>path\:nth-child\(1\)\]\:\[animation-delay\:0ms\]>path:nth-child(1) {
            animation-delay: 0ms;
        }

        .\[\&\>path\:nth-child\(2\)\]\:\[animation-delay\:750ms\]>path:nth-child(2) {
            animation-delay: 0.75s;
        }

        .\[\&\>path\:nth-child\(3\)\]\:\[animation-delay\:250ms\]>path:nth-child(3) {
            animation-delay: 0.25s;
        }

        .\[\&\>path\:nth-child\(4\)\]\:\[animation-delay\:500ms\]>path:nth-child(4) {
            animation-delay: 0.5s;
        }

        .\[\&\>svg\]\:max-w-\[theme\(spacing\.8\)\]>svg {
            max-width: 32px;
        }

        .\[\&\>tr\]\:rounded-none>tr {
            border-radius: 0px !important;
        }

        .\[\&\>tr\]\:border-none>tr {
            --tw-border-style: none;
            border-style: none;
        }

        .\[\&\>tr\]\:bg-panel-header>tr {
            background-color: hsl(var(--heroui-panel-header) / 1);
        }

        .\[\&\>tr\]\:first\:rounded-lg>tr:first-child {
            border-radius: 5px;
        }

        .\[\&\>tr\]\:first\:shadow-none>tr:first-child {
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .\[\&\>tr\]\:first\:shadow-small>tr:first-child {
            --tw-shadow: var(--heroui-box-shadow-small);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }

        .\[\&\>tr\]\:first\:after\:right-0>tr:first-child::after {
            content: var(--tw-content);
            right: 0px;
        }

        .\[\&\>tr\]\:first\:after\:left-0>tr:first-child::after {
            content: var(--tw-content);
            left: 0px;
        }

        .\[\&\>ul\>li\]\:min-h-9>ul>li {
            min-height: 36px;
        }

        .\[\&\>ul\>li\]\:text-dropdown-foreground>ul>li {
            color: hsl(var(--heroui-dropdown-foreground) / 1);
        }

        .\[\&\>ul\>li\>span\]\:text-base>ul>li>span {
            font-size: 16px;
            line-height: var(--tw-leading, 24px);
        }

        .\[\&\>ul\>li\>span\]\:text-sm>ul>li>span {
            font-size: 14px;
            line-height: var(--tw-leading, 20px);
        }

        .\[\&\>ul\>li\>span\]\:font-bold>ul>li>span {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
        }

        .\[\&\>ul\>li\>svg\]\:text-2xl>ul>li>svg {
            font-size: 24px;
            line-height: var(--tw-leading, 32px);
        }

        .\[\&\>ul\>li\>ul\>li\.selected\]\:bg-dropdown-hover>ul>li>ul>li.selected {
            background-color: hsl(var(--heroui-dropdown-hover) / .05);
        }

        .\[\&\>ul\>li\>ul\>li\>span\>span\]\:font-bold>ul>li>ul>li>span>span {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
        }

        .\[\&\>ul\>li\>ul\>li\>span\>span\[data-selected\=true\]\]\:text-foreground-secondary>ul>li>ul>li>span>span[data-selected="true"] {
            color: hsl(var(--heroui-foreground-secondary) / 1);
        }

        .\[\&\>ul\>li\>ul\>li\[data-hover\=true\]\]\:bg-dropdown-hover>ul>li>ul>li[data-hover="true"] {
            background-color: hsl(var(--heroui-dropdown-hover) / .05);
        }

        .\[\&\>ul\>li\>ul\>li\[data-hover\=true\]\]\:text-foreground-secondary>ul>li>ul>li[data-hover="true"] {
            color: hsl(var(--heroui-foreground-secondary) / 1);
        }

        .\[\&\>ul\>li\[data-disabled\=true\]\]\:h-0>ul>li[data-disabled="true"] {
            height: 0px;
        }

        .\[\&\>ul\>li\[data-disabled\=true\]\]\:min-h-0>ul>li[data-disabled="true"] {
            min-height: 0px;
        }

        .\[\&\>ul\>li\[data-disabled\=true\]\]\:p-0>ul>li[data-disabled="true"] {
            padding: 0px;
        }

        .\[\&\>ul\>li\[data-hover\=true\]\]\:bg-dropdown-hover>ul>li[data-hover="true"] {
            background-color: hsl(var(--heroui-dropdown-hover) / .05);
        }

        .\[\&\>ul\>li\[data-hover\=true\]\]\:text-primary>ul>li[data-hover="true"] {
            color: hsl(var(--heroui-primary) / 1);
        }

        .\[\&\>ul\>li\[data-hover\=true\]\[data-focus\=true\]\]\:bg-select-hover>ul>li[data-hover="true"][data-focus="true"] {
            background-color: hsl(var(--heroui-select-hover) / .15);
        }

        .\[\&\>ul\>li\[data-hover\=true\]\[data-focus\=true\]\]\:text-foreground>ul>li[data-hover="true"][data-focus="true"] {
            color: hsl(var(--heroui-foreground) / 1);
        }

        .\[\&\>ul\>li\[data-hover\]\]\:bg-dropdown-hover>ul>li[data-hover] {
            background-color: hsl(var(--heroui-dropdown-hover) / .05);
        }

        .\[\&\>ul\>li\[data-hover\]\]\:text-primary>ul>li[data-hover] {
            color: hsl(var(--heroui-primary) / 1);
        }

        .\[\&\>ul\>li\[data-selectable\=true\]\[data-focus\=true\]\]\:bg-select-hover>ul>li[data-selectable="true"][data-focus="true"] {
            background-color: hsl(var(--heroui-select-hover) / .15);
        }

        .\[\&\>ul\>li\[data-selectable\=true\]\[data-focus\=true\]\]\:text-foreground>ul>li[data-selectable="true"][data-focus="true"] {
            color: hsl(var(--heroui-foreground) / 1);
        }

        .\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-100[data-hover="true"]:not([data-active="true"]) {
            background-color: hsl(var(--heroui-default-100) / 1);
        }

        .\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-200[data-hover="true"]:not([data-active="true"]) {
            background-color: hsl(var(--heroui-default-200) / 1);
        }

        .cefidark .\[\.cefidark_\&\]\:cefi-linear-gradient {
            background: linear-gradient(35deg, rgb(19, 23, 42), rgb(32, 37, 55) 50%, rgb(43, 50, 69) 74%, rgb(50, 57, 78) 88%, rgb(56, 64, 86) 96%, rgb(63, 72, 95) 100%, rgb(67, 77, 101) 101%, rgb(72, 82, 106));
        }

        .cefidark .\[\.cefidark_\&\.opened\]\:rounded-l-xl.opened {
            border-top-left-radius: 7.5px;
            border-bottom-left-radius: 7.5px;
        }

        .cefidark .\[\.cefidark_\&\.opened\]\:rounded-r-xl.opened {
            border-top-right-radius: 7.5px;
            border-bottom-right-radius: 7.5px;
        }

        .cefidark .\[\.cefidark_\&\.opened\]\:bg-panel-selected-row.opened {
            background-color: hsl(var(--heroui-panel-selected-row) / .1);
        }

        .cefidark .\[\.cefidark_\&\.opened\]\:pb-2.opened {
            padding-bottom: 8px;
        }

        .cefilight .\[\.cefilight_\&\.opened\]\:rounded-l-xl.opened {
            border-top-left-radius: 7.5px;
            border-bottom-left-radius: 7.5px;
        }

        .cefilight .\[\.cefilight_\&\.opened\]\:rounded-r-xl.opened {
            border-top-right-radius: 7.5px;
            border-bottom-right-radius: 7.5px;
        }

        .cefilight .\[\.cefilight_\&\.opened\]\:bg-panel-selected-row.opened {
            background-color: hsl(var(--heroui-panel-selected-row) / .1);
        }

        .cefilight .\[\.cefilight_\&\.opened\]\:pb-2.opened {
            padding-bottom: 8px;
        }

        @media (hover: hover) {
            .defidark .\[\.defidark_\&\]\:group-hover\:visible:is(:where(.group):hover *) {
                visibility: visible;
            }
        }

        .defidark .\[\.defidark_\&\.opened\]\:rounded-br-none.opened {
            border-bottom-right-radius: 0px;
        }

        .defidark .\[\.defidark_\&\.opened\]\:rounded-bl-none.opened {
            border-bottom-left-radius: 0px;
        }
    }

    @layer base {

        *,
        ::after,
        ::before,
        ::backdrop,
        ::file-selector-button {
            border-color: var(--color-gray-200, currentcolor);
        }
    }

    @layer base {
        @font-face {
            font-family: PlusJakartaSans;
            src: url("/assets/regular-BwHkCi-M.ttf") format("truetype");
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: PlusJakartaSans;
            src: url("/assets/bold-BOXFlX6-.ttf") format("truetype");
            font-weight: 700;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: Matter;
            src: url("/assets/Matter-Medium-BYG_hBHY.ttf") format("truetype");
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }
    }

    @layer base {

        :root,
        [data-theme] {
            color: hsl(var(--heroui-foreground));
            background-color: hsl(var(--heroui-background));
        }
    }

    @layer base {

        :root,
        [data-theme="light"] {
            color-scheme: light;
            --heroui-background: 0 0% 100%;
            --heroui-foreground-50: 0 0% 98.04%;
            --heroui-foreground-100: 240 4.76% 95.88%;
            --heroui-foreground-200: 240 5.88% 90%;
            --heroui-foreground-300: 240 4.88% 83.92%;
            --heroui-foreground-400: 240 5.03% 64.9%;
            --heroui-foreground-500: 240 3.83% 46.08%;
            --heroui-foreground-600: 240 5.2% 33.92%;
            --heroui-foreground-700: 240 5.26% 26.08%;
            --heroui-foreground-800: 240 3.7% 15.88%;
            --heroui-foreground-900: 240 5.88% 10%;
            --heroui-foreground: 201.81999999999994 24.44% 8.82%;
            --heroui-divider: 0 0% 6.67%;
            --heroui-focus: 212.01999999999998 100% 46.67%;
            --heroui-overlay: 0 0% 0%;
            --heroui-content1: 0 0% 100%;
            --heroui-content1-foreground: 201.81999999999994 24.44% 8.82%;
            --heroui-content2: 240 4.76% 95.88%;
            --heroui-content2-foreground: 240 3.7% 15.88%;
            --heroui-content3: 240 5.88% 90%;
            --heroui-content3-foreground: 240 5.26% 26.08%;
            --heroui-content4: 240 4.88% 83.92%;
            --heroui-content4-foreground: 240 5.2% 33.92%;
            --heroui-default-50: 0 0% 98.04%;
            --heroui-default-100: 240 4.76% 95.88%;
            --heroui-default-200: 240 5.88% 90%;
            --heroui-default-300: 240 4.88% 83.92%;
            --heroui-default-400: 240 5.03% 64.9%;
            --heroui-default-500: 240 3.83% 46.08%;
            --heroui-default-600: 240 5.2% 33.92%;
            --heroui-default-700: 240 5.26% 26.08%;
            --heroui-default-800: 240 3.7% 15.88%;
            --heroui-default-900: 240 5.88% 10%;
            --heroui-default-foreground: 0 0% 0%;
            --heroui-default: 240 4.88% 83.92%;
            --heroui-primary-50: 212.5 92.31% 94.9%;
            --heroui-primary-100: 211.84000000000003 92.45% 89.61%;
            --heroui-primary-200: 211.84000000000003 92.45% 79.22%;
            --heroui-primary-300: 212.24 92.45% 68.82%;
            --heroui-primary-400: 212.14 92.45% 58.43%;
            --heroui-primary-500: 212.01999999999998 100% 46.67%;
            --heroui-primary-600: 212.14 100% 38.43%;
            --heroui-primary-700: 212.24 100% 28.82%;
            --heroui-primary-800: 211.84000000000003 100% 19.22%;
            --heroui-primary-900: 211.84000000000003 100% 9.61%;
            --heroui-primary-foreground: 0 0% 100%;
            --heroui-primary: 212.01999999999998 100% 46.67%;
            --heroui-secondary-50: 270 61.54% 94.9%;
            --heroui-secondary-100: 270 59.26% 89.41%;
            --heroui-secondary-200: 270 59.26% 78.82%;
            --heroui-secondary-300: 270 59.26% 68.24%;
            --heroui-secondary-400: 270 59.26% 57.65%;
            --heroui-secondary-500: 270 66.67% 47.06%;
            --heroui-secondary-600: 270 66.67% 37.65%;
            --heroui-secondary-700: 270 66.67% 28.24%;
            --heroui-secondary-800: 270 66.67% 18.82%;
            --heroui-secondary-900: 270 66.67% 9.41%;
            --heroui-secondary-foreground: 0 0% 100%;
            --heroui-secondary: 270 66.67% 47.06%;
            --heroui-success-50: 146.66999999999996 64.29% 94.51%;
            --heroui-success-100: 145.71000000000004 61.4% 88.82%;
            --heroui-success-200: 146.2 61.74% 77.45%;
            --heroui-success-300: 145.78999999999996 62.57% 66.47%;
            --heroui-success-400: 146.01 62.45% 55.1%;
            --heroui-success-500: 145.96000000000004 79.46% 43.92%;
            --heroui-success-600: 146.01 79.89% 35.1%;
            --heroui-success-700: 145.78999999999996 79.26% 26.47%;
            --heroui-success-800: 146.2 79.78% 17.45%;
            --heroui-success-900: 145.71000000000004 77.78% 8.82%;
            --heroui-success-foreground: 0 0% 0%;
            --heroui-success: 145.96000000000004 79.46% 43.92%;
            --heroui-warning-50: 54.55000000000001 91.67% 95.29%;
            --heroui-warning-100: 37.139999999999986 91.3% 90.98%;
            --heroui-warning-200: 37.139999999999986 91.3% 81.96%;
            --heroui-warning-300: 36.95999999999998 91.24% 73.14%;
            --heroui-warning-400: 37.00999999999999 91.26% 64.12%;
            --heroui-warning-500: 37.02999999999997 91.27% 55.1%;
            --heroui-warning-600: 37.00999999999999 74.22% 44.12%;
            --heroui-warning-700: 36.95999999999998 73.96% 33.14%;
            --heroui-warning-800: 37.139999999999986 75% 21.96%;
            --heroui-warning-900: 37.139999999999986 75% 10.98%;
            --heroui-warning-foreground: 0 0% 0%;
            --heroui-warning: 37.02999999999997 91.27% 55.1%;
            --heroui-danger-50: 339.13 92% 95.1%;
            --heroui-danger-100: 340 91.84% 90.39%;
            --heroui-danger-200: 339.3299999999999 90% 80.39%;
            --heroui-danger-300: 339.11 90.6% 70.78%;
            --heroui-danger-400: 339 90% 60.78%;
            --heroui-danger-500: 339.20000000000005 90.36% 51.18%;
            --heroui-danger-600: 339 86.54% 40.78%;
            --heroui-danger-700: 339.11 85.99% 30.78%;
            --heroui-danger-800: 339.3299999999999 86.54% 20.39%;
            --heroui-danger-900: 340 84.91% 10.39%;
            --heroui-danger-foreground: 0 0% 100%;
            --heroui-danger: 339.20000000000005 90.36% 51.18%;
            --heroui-divider-weight: 1px;
            --heroui-disabled-opacity: .5;
            --heroui-font-size-tiny: .75rem;
            --heroui-font-size-small: .875rem;
            --heroui-font-size-medium: 1rem;
            --heroui-font-size-large: 1.125rem;
            --heroui-line-height-tiny: 1rem;
            --heroui-line-height-small: 1.25rem;
            --heroui-line-height-medium: 1.5rem;
            --heroui-line-height-large: 1.75rem;
            --heroui-radius-small: 8px;
            --heroui-radius-medium: 12px;
            --heroui-radius-large: 14px;
            --heroui-border-width-small: 1px;
            --heroui-border-width-medium: 2px;
            --heroui-border-width-large: 3px;
            --heroui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / .02), 0px 2px 10px 0px rgb(0 0 0 / .06), 0px 0px 1px 0px rgb(0 0 0 / .3);
            --heroui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / .03), 0px 2px 30px 0px rgb(0 0 0 / .08), 0px 0px 1px 0px rgb(0 0 0 / .3);
            --heroui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / .04), 0px 30px 60px 0px rgb(0 0 0 / .12), 0px 0px 1px 0px rgb(0 0 0 / .3);
            --heroui-hover-opacity: .8;
        }
    }

    @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-scale-x {
        syntax: "*";
        inherits: false;
        initial-value: 1;
    }

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

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

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

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

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

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

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

    @property --tw-scroll-snap-strictness {
        syntax: "*";
        inherits: false;
        initial-value: proximity;
    }

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

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

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

    @property --tw-gradient-from {
        syntax: "<color>";
        inherits: false;
        initial-value: #0000;
    }

    @property --tw-gradient-via {
        syntax: "<color>";
        inherits: false;
        initial-value: #0000;
    }

    @property --tw-gradient-to {
        syntax: "<color>";
        inherits: false;
        initial-value: #0000;
    }

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

    @property --tw-gradient-via-stops {
        syntax: "*";
        inherits: false;
    }

    @property --tw-gradient-from-position {
        syntax: "<length-percentage>";
        inherits: false;
        initial-value: 0%;
    }

    @property --tw-gradient-via-position {
        syntax: "<length-percentage>";
        inherits: false;
        initial-value: 50%;
    }

    @property --tw-gradient-to-position {
        syntax: "<length-percentage>";
        inherits: false;
        initial-value: 100%;
    }

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

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

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

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

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

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

    @property --tw-numeric-fraction {
        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: 0px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    @property --tw-backdrop-hue-rotate {
        syntax: "*";
        inherits: false;
    }

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

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

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

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

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

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

    @property --tw-content {
        syntax: "*";
        inherits: false;
        initial-value: "";
    }

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

    @keyframes spin {
        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes shimmer {
        100% {
            transform: translate(200%);
        }
    }

    @keyframes spinner-spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes drip-expand {
        0% {
            opacity: 0.2;
            transform: scale(0);
        }

        100% {
            opacity: 0;
            transform: scale(2);
        }
    }

    @keyframes appearance-in {
        0% {
            opacity: 0;
            transform: translateZ(0px) scale(0.95);
        }

        60% {
            opacity: 0.75;
            backface-visibility: hidden;
            transform: translateZ(0px) scale(1.05);
        }

        100% {
            opacity: 1;
            transform: translateZ(0px) scale(1);
        }
    }

    @keyframes indeterminate-bar {
        0% {
            transform: translate(-50%) scaleX(0.2);
        }

        100% {
            transform: translate(100%) scaleX(1);
        }
    }

    @keyframes sway {
        0% {
            transform: translate(0px);
        }

        50% {
            transform: translateY(-150%);
        }

        100% {
            transform: translate(0px);
        }
    }

    @keyframes blink {
        0% {
            opacity: 0.2;
        }

        20% {
            opacity: 1;
        }

        100% {
            opacity: 0.2;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0.15;
        }
    }

    @keyframes fade-logo {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0.1;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes width {
        0% {
            width: 0%;
        }

        100% {
            width: 100%;
        }
    }

    @keyframes toggle-opacity {
        0% {
            opacity: 0.2;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes grid-appear {
        0% {
            grid-template-rows: 0fr;
        }

        100% {
            grid-template-rows: 1fr;
        }
    }

    @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-translate-x: 0;
                --tw-translate-y: 0;
                --tw-translate-z: 0;
                --tw-scale-x: 1;
                --tw-scale-y: 1;
                --tw-scale-z: 1;
                --tw-rotate-x: initial;
                --tw-rotate-y: initial;
                --tw-rotate-z: initial;
                --tw-skew-x: initial;
                --tw-skew-y: initial;
                --tw-scroll-snap-strictness: proximity;
                --tw-space-x-reverse: 0;
                --tw-border-style: solid;
                --tw-gradient-position: initial;
                --tw-gradient-from: #0000;
                --tw-gradient-via: #0000;
                --tw-gradient-to: #0000;
                --tw-gradient-stops: initial;
                --tw-gradient-via-stops: initial;
                --tw-gradient-from-position: 0%;
                --tw-gradient-via-position: 50%;
                --tw-gradient-to-position: 100%;
                --tw-leading: initial;
                --tw-font-weight: initial;
                --tw-ordinal: initial;
                --tw-slashed-zero: initial;
                --tw-numeric-figure: initial;
                --tw-numeric-spacing: initial;
                --tw-numeric-fraction: 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;
                --tw-blur: initial;
                --tw-brightness: initial;
                --tw-contrast: initial;
                --tw-grayscale: initial;
                --tw-hue-rotate: initial;
                --tw-invert: initial;
                --tw-opacity: initial;
                --tw-saturate: initial;
                --tw-sepia: initial;
                --tw-drop-shadow: initial;
                --tw-drop-shadow-color: initial;
                --tw-drop-shadow-alpha: 100%;
                --tw-drop-shadow-size: initial;
                --tw-backdrop-blur: initial;
                --tw-backdrop-brightness: initial;
                --tw-backdrop-contrast: initial;
                --tw-backdrop-grayscale: initial;
                --tw-backdrop-hue-rotate: initial;
                --tw-backdrop-invert: initial;
                --tw-backdrop-opacity: initial;
                --tw-backdrop-saturate: initial;
                --tw-backdrop-sepia: initial;
                --tw-duration: initial;
                --tw-ease: initial;
                --tw-content: "";
                --tw-outline-style: solid;
            }
        }
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes slideUpFadeIn {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes slideLeftFadeInMobileLogo {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes loading {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes openPanel {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes slideLeft {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes slideRight {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@layer reset {

    *,
    ::before,
    ::after {
        box-sizing: border-box;
        position: relative;
    }

    * {
        margin: 0px;
        padding: 0px;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: none;
        font: inherit;
        vertical-align: baseline;
        -webkit-font-smoothing: antialiased;
        text-size-adjust: none;
        background: none;
    }

    footer,
    header,
    nav,
    section,
    main {
        display: block;
    }

    ol,
    ul {
        list-style: none;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0px;
    }

    input {
        appearance: none;
        border-radius: 0px;
    }

    input:focus,
    input:focus-visible {
        outline: none !important;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        appearance: none;
        margin: 0px;
    }

    input[type="number"] {}

    img {
        pointer-events: none;
    }

    a {
        text-decoration: none;
    }
}

html {
    font-family: PlusJakartaSans;
    font-size: 10px;
}

@media only screen and (max-width: 575.98px) {
    html {
        font-size: 8px;
    }
}

html>* {
    font-size: 1.6rem;
}

html>* * {
    font-size: inherit;
    font-family: inherit;
}

h1 {
    font-family: Matter;
    font-weight: 500;
}

button {
    font-family: Matter;
}

@font-face {
    font-family: PlusJakartaSans;
    src: url("./PlusJakartaSans-Regular-C2UfmnDu.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: PlusJakartaSans;
    src: url("./PlusJakartaSans-Italic-CWihPloP.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: PlusJakartaSans;
    src: url("./PlusJakartaSans-Medium-C2x3RLjU.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: PlusJakartaSans;
    src: url("./PlusJakartaSans-MediumItalic-BUt0XVGn.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: PlusJakartaSans;
    src: url("./PlusJakartaSans-SemiBold-BAz3r7B9.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: PlusJakartaSans;
    src: url("./PlusJakartaSans-SemiBoldItalic-D_Gr6rc4.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: PlusJakartaSans;
    src: url("./PlusJakartaSans-Bold-C5aszj9T.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: PlusJakartaSans;
    src: url("./PlusJakartaSans-BoldItalic-BcDGTW1o.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Matter;
    src: url("./Matter-Regular-CGdg_Nlm.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Matter;
    src: url("./Matter-RegularItalic-Buy24a1h.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Matter;
    src: url("./Matter-Medium-3olvFe89.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Matter;
    src: url("./Matter-MediumItalic-D04O3RBW.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Matter;
    src: url("./Matter-Bold-B0POmqbI.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Matter;
    src: url("./Matter-BoldItalic-CPm9cVo8.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@layer app {

    html,
    body {
        width: 100%;
        height: 100%;
    }

    #root,
    #root>div,
    #root>div>div {
        display: flex;
        min-width: 100%;
        max-width: 100%;
        min-height: 100%;
        max-height: 100%;
    }

    #root * ::-webkit-scrollbar,
    #root>div * ::-webkit-scrollbar,
    #root>div>div * ::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    #root * ::-webkit-scrollbar-track,
    #root>div * ::-webkit-scrollbar-track,
    #root>div>div * ::-webkit-scrollbar-track {
        background: rgb(235, 236, 244);
    }

    #root * ::-webkit-scrollbar-thumb,
    #root>div * ::-webkit-scrollbar-thumb,
    #root>div>div * ::-webkit-scrollbar-thumb {
        background: rgb(216, 218, 223);
        border-radius: 2px;
    }

    #root * ::-webkit-scrollbar-thumb:hover,
    #root>div * ::-webkit-scrollbar-thumb:hover,
    #root>div>div * ::-webkit-scrollbar-thumb:hover {
        background: rgb(168, 179, 184);
    }

    @supports not selector(::-webkit-scrollbar) {

        #root *,
        #root>div *,
        #root>div>div * {
            scrollbar-width: thin;
            scrollbar-color: rgb(216, 218, 223) rgb(216, 218, 223);
        }
    }

    #root [data-theme="dark"] * ::-webkit-scrollbar-track,
    #root>div [data-theme="dark"] * ::-webkit-scrollbar-track,
    #root>div>div [data-theme="dark"] * ::-webkit-scrollbar-track {
        background: rgba(11, 22, 45, 0.2);
    }

    #root [data-theme="dark"] * ::-webkit-scrollbar-thumb,
    #root>div [data-theme="dark"] * ::-webkit-scrollbar-thumb,
    #root>div>div [data-theme="dark"] * ::-webkit-scrollbar-thumb {
        background: rgb(168, 179, 184);
    }

    @supports not selector(::-webkit-scrollbar) {

        #root [data-theme="dark"] *,
        #root>div [data-theme="dark"] *,
        #root>div>div [data-theme="dark"] * {
            scrollbar-width: thin;
            scrollbar-color: rgba(255, 255, 255, 0.5) rgba(11, 22, 45, 0.2);
        }
    }

    #root[data-theme="dark"],
    #root>div[data-theme="dark"],
    #root>div>div[data-theme="dark"] {
        background-image: linear-gradient(35deg, rgb(19, 23, 42), rgb(32, 37, 55) 50%, rgb(43, 50, 69) 74%, rgb(50, 57, 78) 88%, rgb(56, 64, 86) 96%, rgb(63, 72, 95) 100%, rgb(67, 77, 101) 101%, rgb(72, 82, 106)) !important;
    }

    svg.authLoader {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 50px;
        height: 50px;
        min-width: 50px;
        max-width: 50px;
        min-height: 50px;
        max-height: 50px;
        object-fit: contain;
        object-position: center center;
    }

    code {
        font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
    }

    button {
        cursor: pointer;
    }

    button :focus-visible {
        outline: none;
    }

    pre {
        font-family: PlusJakartaSans !important;
    }

    h1 {
        font-family: Matter, sans-serif;
        font-size: 4.8rem;
        line-height: 4.8rem;
        font-weight: 500;
        color: rgb(11, 32, 45);
    }

    [data-theme="dark"] h1 {
        color: rgb(255, 255, 255);
    }

    input[type="text"].error,
    input[type="password"].error,
    input[type="number"].error,
    input[type="email"].error {
        border-color: rgb(211, 29, 41) !important;
    }

    ::-webkit-input-placeholder {
        color: rgb(168, 179, 184);
    }

    .MuiPopper-root,
    .MuiTooltip-popper {
        display: none !important;
    }

    .skeletonLoading {
        animation: 1s linear 0s infinite alternate none running loading;
    }

    .grecaptcha-badge {
        z-index: 2 !important;
        width: 70px !important;
        overflow: hidden !important;
        transition: 0.3s !important;
        left: -2px !important;
    }

    .grecaptcha-badge:hover {
        width: 256px !important;
    }

    div.bg-staging-banner-background {
        z-index: 101 !important;
    }
}

@keyframes _fadeIn_z7970_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_z7970_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_z7970_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_z7970_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_z7970_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_z7970_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_z7970_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_z7970_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._modalOverlay_z7970_87 {
    position: fixed;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(2px);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: 0.3s ease-in-out 0s 1 normal none running _fadeIn_z7970_1;
}

div._modalOverlay_z7970_87>div {
    padding: 24px;
    border-radius: 16px;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: 0.3s ease-in-out 0s 1 normal none running _slideUpFadeIn_z7970_1;
    min-width: 500px;
    max-width: 500px;
    max-height: calc(-30px + 100vh);
    overflow-y: auto;
}

[data-theme="dark"] div._modalOverlay_z7970_87>div {
    background: linear-gradient(35deg, rgb(19, 23, 42), rgb(32, 37, 55) 50%, rgb(43, 50, 69) 74%, rgb(50, 57, 78) 88%, rgb(56, 64, 86) 96%, rgb(63, 72, 95) 100%, rgb(67, 77, 101) 101%, rgb(72, 82, 106));
    color: rgb(216, 218, 223);
}

@media only screen and (max-width: 575.98px) {
    div._modalOverlay_z7970_87>div {
        min-width: 85vw;
        max-width: 85vw;
    }
}

div._modalOverlay_z7970_87>div>div {
    min-width: 100%;
    max-width: 100%;
    text-align: center;
}

div._modalOverlay_z7970_87>div>strong {
    font-size: 1.6rem;
    line-height: 1.6rem;
    color: rgb(11, 32, 45);
    font-weight: 600;
    margin-bottom: 24px;
    align-self: center;
    text-align: center;
}

[data-theme="dark"] div._modalOverlay_z7970_87>div>strong {
    color: rgb(255, 255, 255);
}

div._modalOverlay_z7970_87>div div._actions_z7970_144 {
    margin-top: 24px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

div._modalOverlay_z7970_87>div p b {
    font-weight: 600;
}

@keyframes _fadeIn_1ybfa_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1ybfa_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1ybfa_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1ybfa_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1ybfa_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1ybfa_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1ybfa_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1ybfa_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._alertContainer_1ybfa_87 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 2147483602;
}

@media only screen and (max-width: 575.98px) {
    div._alertContainer_1ybfa_87 {
        left: 16px;
    }
}

div._alert_1ybfa_87 {
    background-color: rgb(50, 77, 87);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    padding: 16px;
    min-width: 350px;
    transition: opacity 0.4s, transform 0.4s;
    opacity: 0;
    transform: translateY(16px);
    max-width: 500px;
    overflow: hidden;
}

@media only screen and (max-width: 575.98px) {
    div._alert_1ybfa_87 {
        min-width: unset;
    }
}

[data-theme="dark"] div._alert_1ybfa_87 {
    background-color: rgb(11, 22, 45);
}

div._alert_1ybfa_87._visible_1ybfa_126 {
    opacity: 1;
    transform: translateY(0px);
}

div._alert_1ybfa_87 svg {
    width: 18px;
    height: 18px;
    min-width: 18px;
    max-width: 18px;
    min-height: 18px;
    max-height: 18px;
    object-fit: contain;
    object-position: center center;
}

div._alert_1ybfa_87>div {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: rgb(255, 255, 255);
}

div._alert_1ybfa_87>div._fill_1ybfa_146 {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 0px;
    background-color: rgba(216, 218, 223, 0.15);
    animation: 5s linear 0s 1 normal forwards running _fill_1ybfa_146;
}

div._alert_1ybfa_87>div strong {
    font-weight: 600;
}

div._alert_1ybfa_87>div button {
    z-index: 11;
    cursor: pointer;
    color: rgb(168, 179, 184);
    align-self: flex-start;
}

@keyframes _fill_1ybfa_146 {
    100% {
        width: 100%;
    }
}

@keyframes _fadeIn_5ese3_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_5ese3_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_5ese3_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_5ese3_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_5ese3_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_5ese3_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_5ese3_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_5ese3_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._confirmOtpRequest_5ese3_87 {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] ._confirmOtpRequest_5ese3_87 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

._confirmOtpRequest_5ese3_87 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 24px;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
}

._confirmOtpRequest_5ese3_87 ._title_5ese3_108 {
    font-weight: 600;
}

._confirmOtpRequest_5ese3_87 ._contentActivationModal_5ese3_111 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    width: 100%;
    align-items: center;
}

._confirmOtpRequest_5ese3_87 ._contentActivationModal_5ese3_111 ._emailVerificationCodeInput_5ese3_119,
._confirmOtpRequest_5ese3_87 ._contentActivationModal_5ese3_111 ._authenticatorCodeInput_5ese3_125 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

._confirmOtpRequest_5ese3_87 ._contentActivationModal_5ese3_111 ._authenticatorCodeInput_5ese3_125 i,
._confirmOtpRequest_5ese3_87 ._contentActivationModal_5ese3_111 ._emailVerificationCodeInput_5ese3_119 i {
    color: rgb(168, 179, 184);
    font-size: 12px;
    text-align: center;
}

._confirmOtpRequest_5ese3_87 ._contentActivationModal_5ese3_111 ._authenticatorCodeInput_5ese3_125 a,
._confirmOtpRequest_5ese3_87 ._contentActivationModal_5ese3_111 ._authenticatorCodeInput_5ese3_125 button,
._confirmOtpRequest_5ese3_87 ._contentActivationModal_5ese3_111 ._emailVerificationCodeInput_5ese3_119 a,
._confirmOtpRequest_5ese3_87 ._contentActivationModal_5ese3_111 ._emailVerificationCodeInput_5ese3_119 button {
    font-size: 12px;
    text-decoration: none;
    color: rgb(255, 87, 41);
    cursor: pointer;
    font-family: Matter;
}

._confirmOtpRequest_5ese3_87 ._contentActivationModal_5ese3_111 ._authenticatorCodeInput_5ese3_125 a:hover,
._confirmOtpRequest_5ese3_87 ._contentActivationModal_5ese3_111 ._authenticatorCodeInput_5ese3_125 button:hover,
._confirmOtpRequest_5ese3_87 ._contentActivationModal_5ese3_111 ._emailVerificationCodeInput_5ese3_119 a:hover,
._confirmOtpRequest_5ese3_87 ._contentActivationModal_5ese3_111 ._emailVerificationCodeInput_5ese3_119 button:hover {
    text-decoration: underline;
}

@keyframes _fadeIn_1m9lg_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1m9lg_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1m9lg_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1m9lg_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1m9lg_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1m9lg_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1m9lg_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1m9lg_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._button_1m9lg_87 {
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    line-height: 1.6rem;
    transition: 0.3s;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    background-color: transparent;
    color: rgb(4, 24, 37);
}

._button_1m9lg_87:disabled {
    pointer-events: none;
}

._button_1m9lg_87 svg:first-child,
._button_1m9lg_87 svg:last-child {
    transition: 0.3s;
}

._button_1m9lg_87 svg:first-child path,
._button_1m9lg_87 svg:last-child path {
    transition: 0.3s;
}

._button_1m9lg_87:not([data-role]):hover {
    color: rgb(255, 87, 41);
}

._button_1m9lg_87:not([data-role]):active {
    color: rgb(255, 151, 122);
}

._button_1m9lg_87:not([data-role]):disabled {
    color: rgb(168, 179, 184) !important;
}

._button_1m9lg_87[data-size="big"] {
    font-size: 2.4rem;
}

._button_1m9lg_87[data-role="primary"],
._button_1m9lg_87[data-role="secondary"],
._button_1m9lg_87[data-role="tiertiary"],
._button_1m9lg_87[data-role="quaternary"] {
    border-radius: 25px;
    padding: 8px 16px;
    min-height: 40px;
    max-height: 40px;
}

._button_1m9lg_87[data-role="primary"]:disabled,
._button_1m9lg_87[data-role="secondary"]:disabled,
._button_1m9lg_87[data-role="tiertiary"]:disabled,
._button_1m9lg_87[data-role="quaternary"]:disabled {
    background-color: rgb(235, 236, 244) !important;
    border-color: transparent !important;
    color: rgb(255, 255, 255) !important;
}

._button_1m9lg_87[data-role="quaternary"],
._button_1m9lg_87[data-role="secondary"] {
    color: rgb(50, 77, 87);
}

._button_1m9lg_87[data-role="quaternary"]:hover,
._button_1m9lg_87[data-role="secondary"]:hover {
    background-color: rgb(255, 87, 41);
    color: rgb(255, 255, 255);
    border: 2px solid transparent;
}

._button_1m9lg_87[data-role="quaternary"]:active,
._button_1m9lg_87[data-role="secondary"]:active {
    background-color: rgb(255, 87, 41);
}

._button_1m9lg_87[data-role="quaternary"] {
    background-color: rgba(216, 218, 223, 0.15);
    border: 2px solid rgb(235, 236, 244);
}

._button_1m9lg_87[data-role="secondary"] {
    border: 2px solid rgb(255, 87, 41);
}

._button_1m9lg_87[data-role="primary"]:hover,
._button_1m9lg_87[data-role="tiertiary"]:hover {
    background-color: rgb(255, 151, 122);
    color: rgb(255, 255, 255);
}

._button_1m9lg_87[data-role="primary"]:active,
._button_1m9lg_87[data-role="tiertiary"]:active {
    background-color: rgb(255, 87, 41);
    color: rgb(255, 255, 255);
}

._button_1m9lg_87[data-role="tiertiary"] {
    color: rgb(255, 151, 122);
    background-color: rgb(254, 243, 241);
}

._button_1m9lg_87[data-role="primary"] {
    background-color: rgb(255, 87, 41);
    color: rgb(255, 255, 255);
}

._button_1m9lg_87[data-role="text"] {
    color: rgb(255, 87, 41);
    line-height: 24px;
    font-weight: 600;
    width: fit-content;
}

._button_1m9lg_87[data-role="text"]:hover {
    cursor: pointer;
}

._button_1m9lg_87[data-role="arrowLine"],
._button_1m9lg_87[data-role="underlined"] {
    color: rgb(255, 87, 41);
}

._button_1m9lg_87[data-role="arrowLine"]:active,
._button_1m9lg_87[data-role="underlined"]:active {
    color: rgb(255, 151, 122);
}

._button_1m9lg_87[data-role="arrowLine"]:disabled,
._button_1m9lg_87[data-role="underlined"]:disabled {
    color: rgb(168, 179, 184) !important;
}

._button_1m9lg_87[data-role="arrowLine"]:disabled svg path,
._button_1m9lg_87[data-role="underlined"]:disabled svg path {
    fill: rgb(168, 179, 184);
}

._button_1m9lg_87[data-role="arrowLine"] svg path {
    fill: rgb(255, 87, 41);
}

._button_1m9lg_87[data-role="arrowLine"]:hover svg {
    transform: translate(5px);
}

._button_1m9lg_87[data-role="underlined"] {
    text-decoration: underline;
}

[data-theme="dark"] button._button_1m9lg_87:not([data-role]) {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] button._button_1m9lg_87:not([data-role]):hover {
    color: rgb(255, 87, 41);
}

[data-theme="dark"] button._button_1m9lg_87:not([data-role]):active {
    color: rgb(255, 151, 122);
}

[data-theme="dark"] button._button_1m9lg_87:not([data-role]):disabled {
    color: rgb(168, 179, 184) !important;
}

[data-theme="dark"] button._button_1m9lg_87[data-role="primary"]:disabled,
[data-theme="dark"] button._button_1m9lg_87[data-role="secondary"]:disabled,
[data-theme="dark"] button._button_1m9lg_87[data-role="tiertiary"]:disabled,
[data-theme="dark"] button._button_1m9lg_87[data-role="quaternary"]:disabled {
    background-color: rgba(216, 218, 223, 0.5) !important;
    color: rgb(50, 77, 87) !important;
}

[data-theme="dark"] button._button_1m9lg_87[data-role="secondary"]:hover,
[data-theme="dark"] button._button_1m9lg_87[data-role="quaternary"]:hover {
    background-color: rgb(255, 87, 41);
    color: rgb(255, 255, 255);
}

[data-theme="dark"] button._button_1m9lg_87[data-role="quaternary"] {
    background-color: rgba(255, 255, 255, 0.1);
    color: rgb(255, 87, 41);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
}

[data-theme="dark"] button._button_1m9lg_87[data-role="secondary"] {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] button._button_1m9lg_87[data-role="tiertiary"] {
    color: rgb(255, 87, 41);
    background-color: rgba(255, 255, 255, 0.05);
}

._buttonIcon_1m9lg_245 {
    border-radius: 50%;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
}

._buttonIcon_1m9lg_245._merino_1m9lg_252 {
    background-color: rgb(246, 243, 233);
}

[data-theme="dark"] ._buttonIcon_1m9lg_245._merino_1m9lg_252 {
    background-color: rgb(11, 32, 45);
}

@keyframes _fadeIn_1cfp1_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1cfp1_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1cfp1_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1cfp1_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1cfp1_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1cfp1_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1cfp1_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1cfp1_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._codeInput_1cfp1_87 {
    min-width: 100%;
    display: inline-flex;
    justify-content: center;
    gap: 8px;
}

div._codeInput_1cfp1_87 svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
    align-self: center;
}

div._codeInput_1cfp1_87>input {
    min-width: 32px;
    max-width: 32px;
    min-height: 48px;
    max-height: 48px;
    font-size: 2.4rem;
    font-weight: 600;
    border-radius: 4px;
    border: 1px solid rgb(216, 218, 223);
    text-align: center;
}

div._codeInput_1cfp1_87>input:focus {
    border-width: 2px;
}

div._codeInput_1cfp1_87>input:disabled {
    cursor: not-allowed;
}

div._codeInput_1cfp1_87>input._submitting_1cfp1_121 {
    animation: 1s linear 0s infinite alternate none running _loading_1cfp1_1;
    background-color: rgb(230, 230, 230);
}

div._codeInput_1cfp1_87[data-length="6"] input:nth-child(3) {
    margin-right: 8px;
}

div._codeInput_1cfp1_87[data-length="6"] input:nth-child(4) {
    margin-left: 8px;
}

[data-theme="dark"] div._codeInput_1cfp1_87>input {
    border-color: rgb(168, 179, 184);
    color: rgb(255, 255, 255);
}

[data-theme="dark"] div._codeInput_1cfp1_87>input:disabled {
    background-color: rgba(255, 255, 255, 0.15);
}

@keyframes slideRight {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes scaleUp {
    0% {
        transform: scale(0);
    }

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

@keyframes loading {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fadeOut {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes scaleDownAnimation {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes fadeUpAnimation {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes slideUpAnimation {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes growthRight {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

@font-face {
    font-family: PlusJakartaSans;
    src: url("../../../../fonts/PlusJakartaSans/PlusJakartaSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: PlusJakartaSans;
    src: url("../../../../fonts/PlusJakartaSans/PlusJakartaSans-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: PlusJakartaSans;
    src: url("../../../../fonts/PlusJakartaSans/PlusJakartaSans-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: PlusJakartaSans;
    src: url("../../../../fonts/PlusJakartaSans/PlusJakartaSans-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: PlusJakartaSans;
    src: url("../../../../fonts/PlusJakartaSans/PlusJakartaSans-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: PlusJakartaSans;
    src: url("../../../../fonts/PlusJakartaSans/PlusJakartaSans-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: PlusJakartaSans;
    src: url("../../../../fonts/PlusJakartaSans/PlusJakartaSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: PlusJakartaSans;
    src: url("../../../../fonts/PlusJakartaSans/PlusJakartaSans-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Matter;
    src: url("../../../../fonts/MatterFont/TTF/Matter-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Matter;
    src: url("../../../../fonts/MatterFont/TTF/Matter-RegularItalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Matter;
    src: url("../../../../fonts/MatterFont/TTF/Matter-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Matter;
    src: url("../../../../fonts/MatterFont/TTF/Matter-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Matter;
    src: url("../../../../fonts/MatterFont/TTF/Matter-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Matter;
    src: url("../../../../fonts/MatterFont/TTF/Matter-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@layer app {
    #root {
        min-height: 100vh;
        max-height: 100vh;
        min-width: 100vw;
        max-width: 100vw;
    }

    code {
        font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
    }

    button {
        cursor: pointer;
    }

    input[type="text"].error,
    input[type="password"].error,
    input[type="number"].error {
        border-color: rgb(211, 29, 41) !important;
    }

    ::-webkit-input-placeholder {
        color: rgb(168, 179, 184);
    }

    ::placeholder {
        color: rgb(168, 179, 184) !important;
    }

    .allowTextSelection {
        user-select: text;
    }

    .iconOrange {
        color: rgb(255, 91, 46);
    }
}

@keyframes _slideRight_omuip_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_omuip_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_omuip_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_omuip_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_omuip_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_omuip_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_omuip_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_omuip_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_omuip_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_omuip_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_omuip_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

@layer reset {

    *,
    ::before,
    ::after {
        box-sizing: border-box;
        position: relative;
    }

    * {
        margin: 0px;
        padding: 0px;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: none;
        font: inherit;
        vertical-align: baseline;
        -webkit-font-smoothing: antialiased;
        text-size-adjust: none;
        background: none;
    }

    footer,
    header,
    nav,
    section,
    main {
        display: block;
    }

    ol,
    ul {
        list-style: none;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0px;
    }

    input {
        appearance: none;
        border-radius: 0px;
    }

    input:focus {
        outline: none;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        appearance: none;
        margin: 0px;
    }

    input[type="number"] {}

    img {
        pointer-events: none;
    }

    a {
        text-decoration: none;
    }
}

._module_omuip_151 {
    font-family: PlusJakartaSans, sans-serif;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: var(--overlay-background);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
}

._module_omuip_151 * {
    font-family: PlusJakartaSans, sans-serif;
}

@media only screen and (min-width: 576px) {
    ._module_omuip_151 {
        top: 0px !important;
    }
}

._module_omuip_151.auto div._app_omuip_173 div._main_omuip_173 {
    height: unset;
}

@media only screen and (max-width: 575.98px) {
    ._module_omuip_151.auto div._app_omuip_173 div._main_omuip_173 {
        width: 100%;
    }
}

._module_omuip_151 div._app_omuip_173 {
    background: var(--color-background-primary);
    position: relative;
    transition: top 0.2s, left 0.2s;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    overflow: hidden;
}

@media only screen and (min-width: 576px) {
    ._module_omuip_151 div._app_omuip_173 {
        border-radius: 10px;
    }
}

@media only screen and (max-width: 575.98px) {
    ._module_omuip_151 div._app_omuip_173 {
        position: absolute;
        inset: 0px;
    }
}

._module_omuip_151 div._app_omuip_173 div._main_omuip_173 {
    width: 100%;
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 576px) {
    ._module_omuip_151 div._app_omuip_173 div._main_omuip_173 {
        width: min(500px, 100vw);
        height: 90vh;
    }
}

@media only screen and (max-width: 575.98px) {
    ._module_omuip_151 div._app_omuip_173 div._main_omuip_173 {
        height: unset;
        overflow: hidden auto;
    }
}

._module_omuip_151 ._main_omuip_173 {
    z-index: 10;
}

@media only screen and (min-width: 576px) {
    ._module_omuip_151 ._main_omuip_173 {
        border-radius: 10px;
    }
}

._module_omuip_151 * ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

._module_omuip_151 * ::-webkit-scrollbar-track {
    background: var(--color-background-senary);
}

._module_omuip_151 * ::-webkit-scrollbar-thumb {
    background: rgb(216, 218, 223);
    border-radius: 2px;
}

._module_omuip_151 * ::-webkit-scrollbar-thumb:hover {
    background: rgb(168, 179, 184);
}

@supports not selector(::-webkit-scrollbar) {
    ._module_omuip_151 * {
        scrollbar-width: thin;
        scrollbar-color: var(--color-background-senary) hsl(223, 10%, 86%);
    }
}

._unauth_omuip_251 {
    background-color: rgb(235, 236, 244);
    padding: 16px;
}

._close_omuip_256 {
    min-width: 30px;
    min-height: 30px;
    position: absolute;
    background-color: var(--close-module-background);
    border-radius: 100px;
    cursor: pointer;
    transition: transform 0.15s ease-in;
    border: 2px solid var(--color-border-secondary);
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 575.98px) {
    ._close_omuip_256 {
        display: none;
    }
}

._close_omuip_256 svg {
    width: 11px;
    height: 11px;
    min-width: 11px;
    max-width: 11px;
    min-height: 11px;
    max-height: 11px;
    object-fit: contain;
    object-position: center center;
    transition: transform 0.15s ease-in;
    color: var(--color-text-primary);
}

._close_omuip_256:hover {
    transform: scale(1.1);
    transform-origin: center center;
}

._close_omuip_256:hover>svg {
    transform: scale(1.1);
    transform-origin: center center;
}

@keyframes _slideRight_11ck7_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_11ck7_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_11ck7_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_11ck7_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_11ck7_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_11ck7_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_11ck7_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_11ck7_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_11ck7_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_11ck7_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_11ck7_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._noResult_11ck7_101 {
    padding: 16px;
    font-size: 1.4rem;
    color: var(--color-text-secondary);
}

._currencySelector_11ck7_107 {
    position: absolute;
    top: 100%;
    background-color: var(--color-background-select);
    width: 100%;
    color: var(--color-text-primary);
    animation: 0.3s ease 0s 1 normal forwards running _maxHeightAnimation_11ck7_1;
    overflow-y: auto;
    border-radius: 8px;
    z-index: 1;
    box-shadow: 0 4px 30px 0 var(--color-background-septenary);
}

._currencySelector_11ck7_107 input {
    color: var(--color-text-primary);
    position: sticky;
    top: 0px;
    width: 100%;
    padding: 8px 16px;
    background-color: var(--color-background-select);
    z-index: 1;
}

._currencySelector_11ck7_107 ul {
    padding: 8px;
}

._currencySelector_11ck7_107 li {
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    color: var(--color-text-primary);
}

._currencySelector_11ck7_107 li:hover {
    background-color: var(--color-background-senary);
}

._currencySelector_11ck7_107 li b {
    font-weight: 600;
    color: rgb(255, 91, 46);
}

._currencySelector_11ck7_107 li img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._currencySelector_11ck7_107 li[data-disabled="true"] {
    opacity: 0.4;
    cursor: not-allowed;
}

@keyframes _maxHeightAnimation_11ck7_1 {
    0% {
        max-height: 40px;
    }

    100% {
        max-height: 286px;
    }
}

._smallPushRight_11ck7_171 {
    font-size: 1rem;
    margin-left: auto;
}

@keyframes _slideRight_1i4w9_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1i4w9_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1i4w9_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1i4w9_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1i4w9_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1i4w9_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1i4w9_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1i4w9_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1i4w9_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1i4w9_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1i4w9_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._button_1i4w9_101 {
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    line-height: 16px;
    transition: 0.2s;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    background-color: transparent;
    color: var(--color-text-primary);
    font-family: Matter, sans-serif;
    font-weight: 500;
}

._button_1i4w9_101:hover svg {
    transform: translate(3px);
}

._button_1i4w9_101:disabled {
    pointer-events: none;
}

._button_1i4w9_101 svg:first-child,
._button_1i4w9_101 svg:last-child {
    transition: 0.2s;
}

._button_1i4w9_101 svg:first-child path,
._button_1i4w9_101 svg:last-child path {
    transition: 0.2s;
}

._button_1i4w9_101:not([data-role]):hover {
    color: rgb(255, 91, 46);
}

._button_1i4w9_101:not([data-role]):active {
    color: rgb(255, 151, 122);
}

._button_1i4w9_101:not([data-role]):disabled {
    color: rgb(168, 179, 184) !important;
}

._button_1i4w9_101[data-size="big"] {
    font-size: 2.4rem;
}

._button_1i4w9_101[data-role="primary"],
._button_1i4w9_101[data-role="secondary"],
._button_1i4w9_101[data-role="tiertiary"],
._button_1i4w9_101[data-role="quaternary"] {
    border-radius: 25px;
    padding: 8px 16px;
    min-height: 40px;
    max-height: 40px;
}

._button_1i4w9_101[data-role="primary"]:disabled,
._button_1i4w9_101[data-role="secondary"]:disabled,
._button_1i4w9_101[data-role="tiertiary"]:disabled,
._button_1i4w9_101[data-role="quaternary"]:disabled {
    background-color: var(--color-background-senary) !important;
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: none !important;
    color: rgb(255, 255, 255) !important;
}

._button_1i4w9_101[data-role="primary"]:disabled svg path,
._button_1i4w9_101[data-role="secondary"]:disabled svg path,
._button_1i4w9_101[data-role="tiertiary"]:disabled svg path,
._button_1i4w9_101[data-role="quaternary"]:disabled svg path {
    fill: rgb(255, 255, 255);
}

._button_1i4w9_101[data-role="quaternary"],
._button_1i4w9_101[data-role="secondary"] {
    color: var(--color-text-tertiary);
}

._button_1i4w9_101[data-role="quaternary"] svg path,
._button_1i4w9_101[data-role="secondary"] svg path {
    fill: var(--color-text-tertiary);
}

._button_1i4w9_101[data-role="quaternary"]:hover,
._button_1i4w9_101[data-role="secondary"]:hover {
    background-color: rgb(255, 91, 46);
    color: rgb(255, 255, 255);
    border: 2px solid transparent;
}

._button_1i4w9_101[data-role="quaternary"]:hover svg path,
._button_1i4w9_101[data-role="secondary"]:hover svg path {
    fill: rgb(255, 255, 255);
}

._button_1i4w9_101[data-role="quaternary"]:active,
._button_1i4w9_101[data-role="secondary"]:active {
    background-color: rgb(255, 91, 46);
}

._button_1i4w9_101[data-role="quaternary"] {
    background-color: rgba(216, 218, 223, 0.15);
    border: 2px solid rgb(235, 236, 244);
}

._button_1i4w9_101[data-role="secondary"] {
    border: 2px solid rgb(255, 91, 46);
}

._button_1i4w9_101[data-role="primary"]:hover,
._button_1i4w9_101[data-role="tiertiary"]:hover {
    background-color: rgb(255, 151, 122);
    color: rgb(255, 255, 255);
}

._button_1i4w9_101[data-role="primary"]:hover svg path,
._button_1i4w9_101[data-role="tiertiary"]:hover svg path {
    fill: rgb(255, 255, 255);
}

._button_1i4w9_101[data-role="primary"]:active,
._button_1i4w9_101[data-role="tiertiary"]:active {
    background-color: rgb(255, 91, 46);
    color: rgb(255, 255, 255);
}

._button_1i4w9_101[data-role="tiertiary"] {
    color: rgb(255, 151, 122);
    background-color: rgb(254, 243, 241);
}

._button_1i4w9_101[data-role="primary"] {
    background-color: rgb(255, 91, 46);
    color: rgb(255, 255, 255);
}

._button_1i4w9_101[data-role="secondary"] svg path {
    fill: var(--color-text-tertiary);
}

._button_1i4w9_101[data-role="arrowLine"],
._button_1i4w9_101[data-role="underlined"] {
    color: rgb(255, 91, 46);
}

._button_1i4w9_101[data-role="arrowLine"]:active,
._button_1i4w9_101[data-role="underlined"]:active {
    color: rgb(255, 151, 122);
}

._button_1i4w9_101[data-role="arrowLine"]:active svg path,
._button_1i4w9_101[data-role="underlined"]:active svg path {
    fill: rgb(255, 151, 122);
}

._button_1i4w9_101[data-role="arrowLine"]:disabled,
._button_1i4w9_101[data-role="underlined"]:disabled,
._button_1i4w9_101[data-role="toggleArrowLine"]:disabled {
    color: rgb(168, 179, 184) !important;
}

._button_1i4w9_101[data-role="arrowLine"]:disabled svg path,
._button_1i4w9_101[data-role="underlined"]:disabled svg path,
._button_1i4w9_101[data-role="toggleArrowLine"]:disabled svg path {
    fill: rgb(168, 179, 184);
}

._button_1i4w9_101[data-role="arrowLine"] svg path {
    fill: rgb(255, 91, 46);
}

._button_1i4w9_101[data-role="underlined"] {
    text-decoration: underline;
}

._button_1i4w9_101[data-role="toggleArrowLine"]._opened_1i4w9_232,
._button_1i4w9_101[data-role="toggleArrowLine"]:active {
    color: rgb(255, 91, 46);
}

._button_1i4w9_101[data-role="toggleArrowLine"]._opened_1i4w9_232 svg,
._button_1i4w9_101[data-role="toggleArrowLine"]:active svg {
    transform: rotate(-180deg);
}

._button_1i4w9_101[data-role="toggleArrowLine"]._opened_1i4w9_232 svg path,
._button_1i4w9_101[data-role="toggleArrowLine"]:active svg path {
    fill: rgb(255, 91, 46);
}

._button_1i4w9_101[data-role="toggleArrowLine"]:hover {
    color: rgb(255, 91, 46);
}

._button_1i4w9_101[data-role="toggleArrowLine"]:hover svg path {
    fill: rgb(255, 91, 46);
}

@keyframes _slideRight_1u8l0_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1u8l0_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1u8l0_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1u8l0_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1u8l0_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1u8l0_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1u8l0_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1u8l0_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1u8l0_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1u8l0_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1u8l0_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._emptyTokenMessage_1u8l0_101 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    font-size: 1.2rem;
    color: rgb(255, 91, 46);
}

._emptyTokenMessage_1u8l0_101 svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _slideRight_16xdn_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_16xdn_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_16xdn_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_16xdn_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_16xdn_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_16xdn_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_16xdn_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_16xdn_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_16xdn_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_16xdn_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_16xdn_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._fakeSelect_16xdn_101 {
    cursor: pointer;
    background-color: var(--color-background-secondary);
    border-radius: 10px;
    padding: 16px 28px 16px 16px;
    width: 100%;
}

._fakeSelect_16xdn_101._disabled_16xdn_109 {
    cursor: initial;
}

._fakeSelect_16xdn_101._disabled_16xdn_109 svg._arrow_16xdn_112 {
    display: none;
}

._fakeSelect_16xdn_101 svg._arrow_16xdn_112 {
    width: 12px;
    height: 12px;
    min-width: 12px;
    max-width: 12px;
    min-height: 12px;
    max-height: 12px;
    object-fit: contain;
    object-position: center center;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%) rotate(270deg);
    transition: transform 0.3s;
}

._fakeSelect_16xdn_101 svg._arrow_16xdn_112._opened_16xdn_130 {
    transform: translateY(-50%) rotate(90deg);
}

._fakeSelect_16xdn_101 svg._arrow_16xdn_112 path {
    fill: var(--color-text-secondary);
}

._fakeSelect_16xdn_101 span.placeholder {
    color: rgb(168, 179, 184);
}

@keyframes _slideRight_1jd6z_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1jd6z_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1jd6z_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1jd6z_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1jd6z_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1jd6z_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1jd6z_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1jd6z_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1jd6z_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1jd6z_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1jd6z_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

label._label_1jd6z_101 {
    display: flex;
    flex-direction: column;
    min-width: 100%;
    max-width: 100%;
}

label._label_1jd6z_101 pre {
    font-size: 1.2rem;
    line-height: 12px;
    margin-bottom: 8px;
    color: var(--color-text-secondary);
}

@keyframes _slideRight_1kjg9_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1kjg9_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1kjg9_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1kjg9_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1kjg9_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1kjg9_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1kjg9_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1kjg9_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1kjg9_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1kjg9_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1kjg9_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

svg._loader_1kjg9_97 path {
    animation: 1s ease-in-out 0s infinite normal none running _fade_1kjg9_1;
}

svg._loader_1kjg9_97 path:nth-child(1) {
    animation-delay: 0s;
}

svg._loader_1kjg9_97 path:nth-child(2) {
    animation-delay: 0.75s;
}

svg._loader_1kjg9_97 path:nth-child(3) {
    animation-delay: 0.25s;
}

svg._loader_1kjg9_97 path:nth-child(4) {
    animation-delay: 0.5s;
}

@keyframes _slideRight_ji6mj_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_ji6mj_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_ji6mj_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_ji6mj_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_ji6mj_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_ji6mj_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_ji6mj_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_ji6mj_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_ji6mj_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_ji6mj_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_ji6mj_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

div._productNameDisplayer_ji6mj_101 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    color: var(--color-text-secondary);
}

div._productNameDisplayer_ji6mj_101 b {
    font-weight: 600;
    color: rgb(255, 91, 46);
}

div._productNameDisplayer_ji6mj_101 img,
div._productNameDisplayer_ji6mj_101 svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    position: unset;
    transform: unset;
}

@keyframes _slideRight_1q6sp_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1q6sp_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1q6sp_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1q6sp_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1q6sp_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1q6sp_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1q6sp_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1q6sp_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1q6sp_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1q6sp_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1q6sp_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

div._title_1q6sp_101 {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 8px 16px;
    border-radius: 20px;
}

div._title_1q6sp_101 h1 {
    font-size: 1.6rem;
    line-height: 16px;
    font-weight: 600;
    color: var(--color-text-primary);
    text-align: center;
}

@keyframes _slideRight_xu4up_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_xu4up_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_xu4up_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_xu4up_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_xu4up_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_xu4up_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_xu4up_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_xu4up_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_xu4up_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_xu4up_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_xu4up_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

div._investmentOptionsDropdown_xu4up_101 {
    min-width: 100%;
    z-index: 1;
    animation: auto ease 0s 1 normal none running none !important;
}

div._investmentOptionsDropdown_xu4up_101 div.wrapper {
    z-index: 10;
    position: absolute;
    top: -16px;
    display: flex;
    flex-direction: column;
    background-color: var(--color-background-septenary);
    padding: 8px 16px;
    box-shadow: rgba(50, 77, 87, 0.07) 0px 4px 30px;
    border-radius: 10px;
    width: 100%;
    transform-origin: center top;
    animation: 0.2s ease-out 0s 1 normal forwards running scaleDownAnimation;
}

div._investmentOptionsDropdown_xu4up_101 div.wrapper button {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    transition: background-color 0.2s;
    color: var(--color-text-primary);
}

div._investmentOptionsDropdown_xu4up_101 div.wrapper button:hover {
    background-color: var(--color-background-senary);
    border-radius: 8px;
}

div._investmentOptionsDropdown_xu4up_101 div.wrapper button i {
    color: rgb(255, 91, 46);
    font-size: 1.2rem;
}

div._investmentOptionsDropdown_xu4up_101 div.wrapper button i.apr {
    margin-left: auto;
    color: rgb(168, 179, 184);
}

div._investmentOptionsDropdown_xu4up_101 div.wrapper button i.apr b {
    font-weight: 600;
}

div._investmentOptionsDropdown_xu4up_101 div.wrapper button.category {
    padding: 8px;
}

div._investmentOptionsDropdown_xu4up_101 div.wrapper button.category svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

div._investmentOptionsDropdown_xu4up_101 div.wrapper button.category:not(:first-child) {
    border-top: 1px solid var(--color-background-senary);
    margin-top: 4px;
}

div._investmentOptionsDropdown_xu4up_101 div.wrapper button.product {
    margin-left: 32px;
    padding: 4.5px 8px;
    font-size: 1.2rem;
}

div._investmentOptionsDropdown_xu4up_101 div.wrapper button.product img {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

div._productOverview_xu4up_177 {
    min-width: 100%;
}

div._productOverview_xu4up_177 div.top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

div._productOverview_xu4up_177 div.top span {
    font-size: 1.2rem;
    color: var(--color-text-primary);
}

div._productOverview_xu4up_177 div.details {
    display: flex;
    flex-flow: wrap;
    gap: 16px;
}

div._productOverview_xu4up_177 div.details>span {
    flex: 1 1 0%;
    background-color: var(--color-background-quinary);
    color: var(--color-text-secondary);
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    min-width: calc(50% - 16px);
}

div._productOverview_xu4up_177 div.details>span i {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
}

._productConditions_xu4up_214 {
    background-color: var(--color-background-quinary);
    color: var(--color-text-tertiary);
    padding: 16px;
    margin-bottom: 16px;
    border-radius: 8px;
    font-size: 1.4rem;
    min-width: 100%;
}

@keyframes _slideRight_7zikw_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_7zikw_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_7zikw_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_7zikw_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_7zikw_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_7zikw_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_7zikw_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_7zikw_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_7zikw_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_7zikw_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_7zikw_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

div._repartition_7zikw_101 {
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    gap: 10px;
}

div._repartition_7zikw_101 div.footer {
    align-self: center;
}

div._repartition_7zikw_101 button:not([data-role]),
div._repartition_7zikw_101 a {
    color: rgb(255, 91, 46);
    text-decoration: none;
    font-family: PlusJakartaSans !important;
}

div._repartition_7zikw_101 button:not([data-role]).back,
div._repartition_7zikw_101 a.back {
    align-self: center;
}

div._repartition_7zikw_101 strong {
    font-weight: 600;
}

div._repartition_7zikw_101>strong {
    font-size: 1.6rem;
    margin: 10px 0px;
}

div._repartition_7zikw_101>svg {
    align-self: center;
}

div._repartition_7zikw_101 p.note {
    border-radius: 8px;
    background-color: var(--color-background-senary);
    padding: 8px;
}

div._repartition_7zikw_101 div.currencies {
    display: flex;
    flex-direction: column;
}

div._repartition_7zikw_101 div.currencies>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid rgb(235, 236, 244);
    padding: 10px 0px;
}

div._repartition_7zikw_101 div.currencies>div:last-child {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
}

div._repartition_7zikw_101 div.currencies>div img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    margin-right: 10px;
}

div._repartition_7zikw_101 div.currencies>div>div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
}

div._repartition_7zikw_101 div.currencies>div>div label {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
}

div._repartition_7zikw_101>i {
    font-size: 1.2rem;
    font-style: italic;
    color: rgb(168, 179, 184);
}

div._repartition_7zikw_101>table td,
div._repartition_7zikw_101 table th {
    padding: 4px 8px;
    border: 1px solid rgb(235, 236, 244);
    color: var(--color-text-primary);
}

._productDetails_7mo4n_1 {
    width: 100%;
    margin: 8px 0px;
    border-radius: 8px;
    padding: 16px;
    border: 1px solid var(--color-background-quinary);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

._productDetails_7mo4n_1 ._tokenInformations_7mo4n_11 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    gap: 8px;
}

._productDetails_7mo4n_1 ._tokenInformations_7mo4n_11 ._tokenInformation_7mo4n_11 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

._productDetails_7mo4n_1 ._tokenInformations_7mo4n_11 ._tokenInformation_7mo4n_11 ._tokenInformationLabel_7mo4n_21 {
    color: var(--color-text-tertiary);
}

._productDetails_7mo4n_1 ._separator_7mo4n_24 {
    border-color: var(--color-separator);
}

._productDetails_7mo4n_1 div._apr_7mo4n_27 {
    padding: 8px;
    background-color: var(--color-background-quinary);
    border-radius: 8px;
}

._productDetails_7mo4n_1 p {
    font-size: 1.2rem;
    line-height: 160%;
}

._productDetails_7mo4n_1 a {
    color: rgb(255, 91, 46);
}

._productDetails_7mo4n_1 ._variation_7mo4n_39 {
    color: rgb(231, 64, 64);
}

._productDetails_7mo4n_1 ._variation_7mo4n_39._positive_7mo4n_42 {
    color: rgb(45, 210, 141);
}

._productDetails_7mo4n_1 ._variation_7mo4n_39._positive_7mo4n_42::before {
    content: "+";
}

._productDetails_7mo4n_1 ._tokenScoreLink_7mo4n_48 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: opacity 0.2s;
}

._productDetails_7mo4n_1 ._tokenScoreLink_7mo4n_48 ._tokenScoreSection_7mo4n_54 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

._productDetails_7mo4n_1 ._tokenScoreLink_7mo4n_48 ._tokenScoreSection_7mo4n_54 ._tokenScore_7mo4n_48 {
    font-size: 1.6rem;
    font-weight: 700;
}

._productDetails_7mo4n_1 ._tokenScoreLink_7mo4n_48 ._tokenScoreSection_7mo4n_54 ._tokenScore_7mo4n_48._AAA_7mo4n_64,
._productDetails_7mo4n_1 ._tokenScoreLink_7mo4n_48 ._tokenScoreSection_7mo4n_54 ._tokenScore_7mo4n_48._AA_7mo4n_64,
._productDetails_7mo4n_1 ._tokenScoreLink_7mo4n_48 ._tokenScoreSection_7mo4n_54 ._tokenScore_7mo4n_48._A_7mo4n_64 {
    color: rgb(50, 184, 59);
}

._productDetails_7mo4n_1 ._tokenScoreLink_7mo4n_48 ._tokenScoreSection_7mo4n_54 ._tokenScore_7mo4n_48._BBB_7mo4n_67,
._productDetails_7mo4n_1 ._tokenScoreLink_7mo4n_48 ._tokenScoreSection_7mo4n_54 ._tokenScore_7mo4n_48._BB_7mo4n_67,
._productDetails_7mo4n_1 ._tokenScoreLink_7mo4n_48 ._tokenScoreSection_7mo4n_54 ._tokenScore_7mo4n_48._B_7mo4n_67 {
    color: rgb(76, 182, 184);
}

._productDetails_7mo4n_1 ._tokenScoreLink_7mo4n_48 ._tokenScoreSection_7mo4n_54 ._tokenScore_7mo4n_48._CCC_7mo4n_70,
._productDetails_7mo4n_1 ._tokenScoreLink_7mo4n_48 ._tokenScoreSection_7mo4n_54 ._tokenScore_7mo4n_48._CC_7mo4n_70,
._productDetails_7mo4n_1 ._tokenScoreLink_7mo4n_48 ._tokenScoreSection_7mo4n_54 ._tokenScore_7mo4n_48._C_7mo4n_70 {
    color: rgb(239, 153, 78);
}

._productDetails_7mo4n_1 ._tokenScoreLink_7mo4n_48 ._tokenScoreSection_7mo4n_54 ._tokenScore_7mo4n_48._D_7mo4n_73 {
    color: rgb(248, 104, 93);
}

._productDetails_7mo4n_1 ._tokenScoreLink_7mo4n_48 ._tokenScoreSection_7mo4n_54 ._linkIcon_7mo4n_76 {
    color: var(--color-text-tertiary);
    font-size: 1.6rem;
}

._productDetails_7mo4n_1 ._tokenScoreLink_7mo4n_48 ._source_7mo4n_80 {
    color: var(--color-text-tertiary);
    font-size: 1.2rem;
}

._productDetails_7mo4n_1 ._tokenScoreLink_7mo4n_48:hover {
    opacity: 0.8;
}

._seeRepartition_7mo4n_88 {
    margin-bottom: 16px;
}

._terms_7mo4n_92 {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
    line-height: 160%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@keyframes _slideRight_151vw_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_151vw_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_151vw_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_151vw_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_151vw_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_151vw_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_151vw_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_151vw_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_151vw_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_151vw_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_151vw_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._bundleTitle_151vw_101 {
    display: flex;
    align-items: center;
    gap: 8px;
}

._bundleTitle_151vw_101 img {
    object-fit: contain;
    max-height: 60px;
    min-height: 60px;
    height: 60px;
}

._bundleTitle_151vw_101 i {
    color: rgb(255, 91, 46);
}

._bundleProducts_151vw_116 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    border-radius: 16px;
    margin-top: 16px;
    padding: 16px;
    background-color: var(--color-background-secondary);
    height: 100%;
    overflow-y: auto;
}

._bundleProducts_151vw_116 ._bundleProduct_151vw_116>div {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

._bundleProducts_151vw_116 ._bundleProduct_151vw_116>div span {
    font-weight: 600;
}

._bundleProducts_151vw_116 ._bundleProduct_151vw_116>div img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._bundleProducts_151vw_116 ._bundleProduct_151vw_116>div i {
    color: rgb(255, 91, 46);
}

._bundleProducts_151vw_116 ._bundleProduct_151vw_116>div ._editAmount_151vw_149 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-left: auto;
}

._bundleProducts_151vw_116 ._bundleProduct_151vw_116>div ._proportion_151vw_155 {
    min-width: 65px;
}

._bundleProducts_151vw_116 ._bundleProduct_151vw_116>div ._productMinimum_151vw_158 {
    font-size: 1.2rem;
    color: rgb(168, 179, 184);
    margin-left: auto;
    font-weight: 500;
    margin-top: 4px;
}

._bundleProducts_151vw_116 ._bundleProduct_151vw_116 ._tokenAmount_151vw_165 {
    color: rgb(168, 179, 184);
    margin-top: 8px;
    margin-left: 40px;
}

._bundleProducts_151vw_116 ._bundleProduct_151vw_116 ._productLine_151vw_170 {
    display: flex;
    gap: 16px;
}

._amount_151vw_175 {
    color: rgb(255, 91, 46);
    margin-left: auto;
    font-weight: 700;
}

._editionBorder_151vw_181 {
    border: 1px solid white;
}

._productName_151vw_185 {
    min-width: 165px;
    max-width: 165px;
}

._totalAmount_151vw_190 {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    background-color: var(--color-background-secondary);
    width: 100%;
    padding: 16px;
    border-radius: 16px;
    align-items: center;
}

._totalAmount_151vw_190 ._amountBox_151vw_200 {
    display: flex;
    flex-direction: row;
    width: 100%;
}

._totalAmount_151vw_190 ._amountBox_151vw_200>span {
    font-weight: 700;
    align-self: center;
}

._totalAmount_151vw_190 ._amountBox_151vw_200>div {
    margin-left: auto;
}

._totalAmount_151vw_190 ._minAmount_151vw_212 {
    margin-left: auto;
    font-size: 1.2rem;
    margin-top: 8px;
}

._amountInput_151vw_218 {
    width: fit-content;
    max-width: 120px;
    height: 36px;
    margin-left: auto;
    border: 1px solid var(--color-border-secondary);
    padding: 8px !important;
}

._amountInput_151vw_218>input {
    max-width: calc(100% - 12px);
}

._amountInput_151vw_218[data-error="true"] {
    border-color: red;
}

._footer_151vw_233 {
    display: flex;
    flex-direction: row;
    align-items: self-end;
    gap: 24px;
    margin-top: 16px;
    flex: 1 1 auto;
}

@keyframes _slideRight_1e0ml_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1e0ml_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1e0ml_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1e0ml_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1e0ml_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1e0ml_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1e0ml_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1e0ml_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1e0ml_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1e0ml_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1e0ml_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

div._withMaxButton_1e0ml_101 {
    display: flex;
}

div._withMaxButton_1e0ml_101>div {
    flex: 1 1 0%;
}

div._withMaxButton_1e0ml_101 button._max_1e0ml_107 {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    padding: 6px 10px;
    font-family: Matter;
    background-color: rgb(255, 91, 46);
    color: rgb(255, 255, 255);
    border-radius: 50px;
    font-size: 1.2rem;
}

div._withMaxButton_1e0ml_101 button._max_1e0ml_107[disabled] {
    pointer-events: none;
}

div._numberInput_1e0ml_123 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 24px;
    border-radius: 10px;
    background-color: var(--color-background-secondary);
}

div._numberInput_1e0ml_123 input {
    flex: 1 1 0%;
    color: var(--color-text-primary);
}

div._numberInput_1e0ml_123 svg,
div._numberInput_1e0ml_123 img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _slideRight_448pe_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_448pe_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_448pe_101 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_448pe_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_448pe_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_448pe_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_448pe_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_448pe_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_448pe_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_448pe_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_448pe_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

div._loadingBlock_448pe_101 {
    background-color: rgb(230, 230, 230);
    border-radius: 4px;
    min-width: 100%;
    max-width: 100%;
    animation: 1s linear 0s infinite alternate none running _loading_448pe_101;
}

[data-theme="dark"] div._loadingBlock_448pe_101 {
    background-color: rgba(255, 255, 255, 0.15);
}

@keyframes _slideRight_8eq6j_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_8eq6j_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_8eq6j_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_8eq6j_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_8eq6j_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_8eq6j_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_8eq6j_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_8eq6j_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_8eq6j_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_8eq6j_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_8eq6j_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

div._subscriptionFlow_8eq6j_102 {
    padding: 24px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    overflow-y: auto;
    color: var(--color-text-primary);
}

@media only screen and (max-width: 575.98px) {
    div._subscriptionFlow_8eq6j_102 {
        padding: 24px 15px;
    }
}

@media only screen and (max-width: 991.98px) {
    div._subscriptionFlow_8eq6j_102 {
        padding-bottom: 60px;
    }
}

div._subscriptionFlow_8eq6j_102>* {
    animation: 0.2s ease-out 0s 1 normal forwards running _fadeUpAnimation_8eq6j_1;
}

div._subscriptionFlow_8eq6j_102>label {
    margin-bottom: 16px;
}

div._subscriptionFlow_8eq6j_102 strong {
    font-weight: 600;
}

div._subscriptionFlow_8eq6j_102 div.title {
    margin-bottom: 24px;
}

div._subscriptionFlow_8eq6j_102 ul.conditions {
    min-width: 100%;
    font-size: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

div._subscriptionFlow_8eq6j_102 ul.conditions li::before {
    content: "•";
    margin-right: 8px;
}

div._subscriptionFlow_8eq6j_102 ul.conditions strong {
    font-weight: 600;
}

div._subscriptionFlow_8eq6j_102 ul.conditions a {
    color: rgb(255, 91, 46);
}

div._subscriptionFlow_8eq6j_102 div.spotInvestmentTerms {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 1.2rem;
}

div._subscriptionFlow_8eq6j_102 .spotInvestmentSpecificities {
    font-size: 1.2rem;
    margin-bottom: 16px;
}

div._subscriptionFlow_8eq6j_102 .error {
    margin-bottom: 16px;
}

div._subscriptionFlow_8eq6j_102 div.footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    margin-top: auto;
    margin-bottom: 16px;
}

div._subscriptionFlow_8eq6j_102 div.productNameWithApr {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

div._subscriptionFlow_8eq6j_102 div.productNameWithApr div.apr {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
}

div._subscriptionFlow_8eq6j_102 div.productNameWithApr div.apr strong {
    font-weight: 600;
}

div._subscriptionFlow_8eq6j_102 .minInvest {
    cursor: pointer;
    color: rgb(255, 91, 46);
    font-size: 1rem;
    font-weight: 600;
    text-align: right;
    margin-top: 4px;
    margin-right: 8px;
}

div._subscriptionFlow_8eq6j_102 .minInvest:hover {
    opacity: 0.8;
}

div._subscriptionFlow_8eq6j_102 ._transparentInput_8eq6j_202 {
    opacity: 0.4;
}

@keyframes _slideRight_m23uo_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_m23uo_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_m23uo_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_m23uo_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_m23uo_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_m23uo_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_m23uo_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_m23uo_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_m23uo_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_m23uo_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_m23uo_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._amountLine_m23uo_101 {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: var(--color-background-quinary);
    padding: 8px;
    font-size: 1.2rem;
    color: var(--color-text-primary);
    border-radius: 8px;
    width: 100%;
    margin-bottom: 16px;
}

._amountLine_m23uo_101 span {
    flex: 1 1 0%;
}

._amountLine_m23uo_101 b {
    font-weight: 600;
}

._amountLine_m23uo_101 b svg {
    width: 14px;
    height: 14px;
    min-width: 14px;
    max-width: 14px;
    min-height: 14px;
    max-height: 14px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _slideRight_vgx66_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_vgx66_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_vgx66_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_vgx66_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_vgx66_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_vgx66_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_vgx66_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_vgx66_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_vgx66_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_vgx66_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_vgx66_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

label._checkbox_vgx66_101 {
    cursor: pointer;
    color: var(--color-text-primary);
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left !important;
}

label._checkbox_vgx66_101 a {
    color: rgb(255, 91, 46);
}

label._checkbox_vgx66_101._disabled_vgx66_112 {
    cursor: initial;
    color: rgb(168, 179, 184) !important;
}

label._checkbox_vgx66_101._disabled_vgx66_112 input[type="checkbox"] {
    border-color: rgb(168, 179, 184);
}

label._checkbox_vgx66_101 input[type="checkbox"] {
    visibility: hidden;
}

label._checkbox_vgx66_101 input[type="checkbox"]:not(:checked)~div {
    background-color: transparent;
}

label._checkbox_vgx66_101 input[type="checkbox"]:not(:checked)~div svg {
    transform: scale(10);
    opacity: 0;
}

label._checkbox_vgx66_101 div {
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    margin-top: 2px;
    margin-right: 10px;
    border: 1px solid rgb(255, 91, 46);
    border-radius: 4px;
    display: grid;
    place-content: center;
    transition: 0.2s ease-in-out;
    background-color: rgb(255, 91, 46);
    overflow: hidden;
}

label._checkbox_vgx66_101 div>svg {
    transition: 0.2s ease-in-out;
    opacity: 1;
}

label._checkbox_vgx66_101 ._label_vgx66_149 {
    line-height: 20px;
}

@keyframes _slideRight_dj211_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_dj211_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_dj211_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_dj211_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_dj211_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_dj211_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_dj211_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_dj211_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_dj211_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_dj211_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_dj211_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._error_dj211_101 {
    color: rgb(231, 64, 64);
    font-size: 1.2rem;
}

@keyframes _slideRight_4d1x7_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_4d1x7_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_4d1x7_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_4d1x7_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_4d1x7_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_4d1x7_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_4d1x7_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_4d1x7_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_4d1x7_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_4d1x7_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_4d1x7_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

div._cart_4d1x7_101 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    background-color: var(--color-background-primary);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    min-width: 450px;
    right: 0px;
    padding: 24px 56px 40px 40px;
    transition: 0.4s;
    animation: 0.1s ease-in-out 0s 1 normal none running _slideRight_4d1x7_1;
    max-height: 90vh;
}

@media only screen and (max-width: 991.98px) {
    div._cart_4d1x7_101 {
        background: var(--color-background-primary);
        animation: unset;
        position: absolute;
        border-radius: 8px;
        min-width: 100%;
        z-index: 10;
        inset: 0px;
        transform-origin: center bottom;
        box-shadow: 0 4px 30px 0 var(--color-border-secondary);
        padding-right: 40px;
        padding-top: 0px;
        transform: translateY(calc(100% - 32px));
    }

    div._cart_4d1x7_101.visible {
        transform: unset;
        padding-top: 40px;
        box-shadow: unset;
    }
}

@media only screen and (max-width: 575.98px) {
    div._cart_4d1x7_101 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

div._cart_4d1x7_101 button._clearCart_4d1x7_146 {
    color: var(--color-text-primary);
    font-size: 1rem;
    border: 1px solid var(--color-text-primary);
    padding: 4px 16px;
    align-self: center;
    border-radius: 10px;
    transition: 0.2s;
}

@media only screen and (max-width: 575.98px) {
    div._cart_4d1x7_101 button._clearCart_4d1x7_146 {
        margin-top: 6px;
    }
}

div._cart_4d1x7_101 button._clearCart_4d1x7_146:hover {
    background-color: rgb(255, 91, 46);
    border-color: transparent;
    color: rgb(255, 255, 255);
}

div._cart_4d1x7_101 button.toggleCart {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: var(--color-background-quinary);
    border-radius: 12px;
    padding: 4px 16px;
    white-space: nowrap;
    font-size: 1.2rem;
    line-height: 16px;
    font-weight: 600;
    top: 4px;
    transition: 0.4s 0.2s;
    color: var(--color-text-primary);
}

div._cart_4d1x7_101 button.toggleCart.visible {
    font-size: 1.6rem;
    padding: 8px 16px;
}

div._cart_4d1x7_101 button.toggleCart.visible svg {
    transform: rotate(0deg);
}

div._cart_4d1x7_101 button.toggleCart svg {
    width: 12px;
    height: 12px;
    min-width: 12px;
    max-width: 12px;
    min-height: 12px;
    max-height: 12px;
    object-fit: contain;
    object-position: center center;
    transform: rotate(180deg);
}

div._cart_4d1x7_101 button.toggleCart svg path {
    fill: var(--color-text-primary);
}

div._cart_4d1x7_101 div.cart {
    background-color: var(--color-background-secondary);
    padding: 24px 16px;
    width: 100%;
    border-radius: 8px;
    overflow-y: hidden;
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
}

div._cart_4d1x7_101 div.cart.updating {
    animation: 0.8s ease-in-out 0s infinite alternate none running loading;
}

div._cart_4d1x7_101 div.cart div.items {
    display: flex;
    flex-direction: column;
    overflow: hidden auto;
}

@media only screen and (max-width: 575.98px) {
    div._cart_4d1x7_101 div.cart div.items {
        overflow-x: auto;
    }
}

div._cart_4d1x7_101 div.cart hr {
    border-bottom: 1px solid var(--color-text-secondary);
    margin: 16px 0px;
}

div._cart_4d1x7_101 div.footer {
    margin-top: 8px;
}

div._cart_4d1x7_101 div.footer .dcaButton {
    background-color: var(--color-background-quinary);
    padding: 8px 16px;
    font-size: 1.6rem;
    border-radius: 8px;
}

div._cart_4d1x7_101 div.footer .footerColumn {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

div._cart_4d1x7_101 div.footer .footerRow {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

div._cart_4d1x7_101 div.separator {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 100;
    min-width: 2px;
    max-width: 2px;
    background-color: var(--color-background-quinary);
    animation: 0.2s ease-in-out 0.1s 1 normal forwards running scaleUp;
    transform: scale(0);
}

@media only screen and (max-width: 991.98px) {
    div._cart_4d1x7_101 div.separator {
        display: none;
    }
}

div._cart_4d1x7_101 div.separator div.logo {
    width: 48px;
    height: 48px;
    min-width: 48px;
    max-width: 48px;
    min-height: 48px;
    max-height: 48px;
    object-fit: contain;
    object-position: center center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(255, 91, 46);
    border-radius: 24px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
}

div._cart_4d1x7_101 div.separator div.logo svg {
    width: 30px;
    height: 30px;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    object-fit: contain;
    object-position: center center;
}

div._cart_4d1x7_101 div.separator div.logo svg path {
    fill: rgb(255, 255, 255);
}

@keyframes _slideRight_1hz2f_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1hz2f_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1hz2f_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1hz2f_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1hz2f_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1hz2f_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1hz2f_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1hz2f_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1hz2f_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1hz2f_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1hz2f_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._cartItem_1hz2f_101 {
    display: grid;
    grid-template-columns: min-content 1fr min-content min-content min-content;
    align-items: center;
    color: var(--color-text-primary);
}

._cartItem_1hz2f_101._noTokenAmount_1hz2f_107 {
    grid-template-columns: min-content min-content 1fr min-content;
}

._cartItem_1hz2f_101._noTokenAmount_1hz2f_107 ._amount_1hz2f_110 {
    display: none;
}

.cartItem.notEditable span.amount {
    border-color: transparent;
}

._cartItem_1hz2f_101>div {
    min-height: 50px;
    max-height: 50px;
    padding: 0px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

._cartItem_1hz2f_101>div:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

._cartItem_1hz2f_101>div:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    min-width: 50px;
}

._cartItem_1hz2f_101 span._amount_1hz2f_110 {
    display: block;
    padding: 10px;
    width: 100%;
    white-space: nowrap;
}

._cartItem_1hz2f_101 div._productName_1hz2f_140,
._cartItem_1hz2f_101 div._price_1hz2f_141 {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    align-items: flex-end;
}

._cartItem_1hz2f_101 div._productName_1hz2f_140 strong,
._cartItem_1hz2f_101 div._price_1hz2f_141 strong {
    font-weight: 600;
}

._cartItem_1hz2f_101 div._productName_1hz2f_140 span,
._cartItem_1hz2f_101 div._price_1hz2f_141 span {
    font-size: 0.8rem;
}

._cartItem_1hz2f_101 button {
    padding: 5px;
}

._cartItem_1hz2f_101 button:hover svg path {
    fill: rgb(255, 91, 46);
}

._cartItem_1hz2f_101 button svg {
    transition: 0.4s;
}

._cartItem_1hz2f_101 button._delete_1hz2f_164 svg {
    width: 8px;
    height: 8px;
    min-width: 8px;
    max-width: 8px;
    min-height: 8px;
    max-height: 8px;
    object-fit: contain;
    object-position: center center;
}

._cartItem_1hz2f_101 img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._recurrenceInformation_1ga7r_1 {
    margin-top: auto;
    display: flex;
    gap: 5px;
    align-items: center;
}

._recurrenceInformation_1ga7r_1 strong {
    font-weight: 600;
}

@keyframes _slideRight_14mj7_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_14mj7_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_14mj7_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_14mj7_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_14mj7_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_14mj7_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_14mj7_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_14mj7_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_14mj7_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_14mj7_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_14mj7_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._cartSummary_14mj7_101 {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

._cartSummary_14mj7_101 ._summaryRow_14mj7_106,
._cartSummary_14mj7_101 ._total_14mj7_107 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

._cartSummary_14mj7_101 ._summaryRow_14mj7_106 i,
._cartSummary_14mj7_101 ._total_14mj7_107 i {
    margin-left: auto;
}

._cartSummary_14mj7_101 ._feesDetail_14mj7_117 {
    font-style: italic;
    font-size: 1.4rem;
}

._cartSummary_14mj7_101 ._summaryRow_14mj7_106 {
    color: var(--color-text-tertiary);
}

._cartSummary_14mj7_101 ._total_14mj7_107 {
    font-family: Matter, sans-serif;
    font-size: 2.4rem;
    color: var(--color-text-primary);
    margin-top: 12px;
}

._cartSummary_14mj7_101 ._total_14mj7_107 i {
    color: rgb(255, 91, 46);
    font-family: Matter, sans-serif;
}

@keyframes _slideRight_wspf0_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_wspf0_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_wspf0_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_wspf0_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_wspf0_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_wspf0_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_wspf0_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_wspf0_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_wspf0_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_wspf0_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_wspf0_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

div._cardUpdatedWarning_wspf0_101 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    background-color: var(--color-background-quaternary);
    border-radius: 8px;
    padding: 8px;
}

div._cardUpdatedWarning_wspf0_101 svg path {
    fill: var(--color-text-primary);
}

div._cardUpdatedWarning_wspf0_101 strong {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

div._cardUpdatedWarning_wspf0_101 span {
    font-size: 1.4rem;
    text-align: center;
}

div._paymentMethods_wspf0_124 {
    display: flex;
    flex-direction: column;
    min-width: 100%;
    gap: 16px;
}

div._paymentMethods_wspf0_124>* {
    animation: 0.2s ease-out 0s 1 normal forwards running _fadeUpAnimation_wspf0_1;
}

div._paymentMethods_wspf0_124 ._topUpAccount_wspf0_133 {
    color: rgb(255, 255, 255);
    font-size: 1.2rem;
    padding: 4px 8px;
    border-radius: 10px;
    position: absolute;
    right: 0px;
    top: -10px;
    background-color: rgb(255, 91, 46);
    z-index: 1;
}

div._paymentMethods_wspf0_124 button.paymentMethod {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    background-color: var(--color-background-secondary);
    border: 2px solid var(--color-border-secondary);
    color: var(--color-text-primary);
    border-radius: 8px;
    padding: 16px 24px;
    font-weight: 600;
    box-shadow: rgba(50, 77, 87, 0.07) 0px 4px 30px;
}

div._paymentMethods_wspf0_124 button.paymentMethod:hover:not(:disabled),
div._paymentMethods_wspf0_124 button.paymentMethod.selected:not(:disabled) {
    background-color: var(--color-border-secondary);
}

div._paymentMethods_wspf0_124 button.paymentMethod:disabled {
    cursor: unset;
    opacity: 0.5;
    filter: opacity(0.5);
}

div._paymentMethods_wspf0_124 button.paymentMethod span.info {
    font-weight: 400;
    font-size: 1.2rem;
}

div._paymentMethods_wspf0_124 button.paymentMethod span.wallet {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

div._paymentMethods_wspf0_124 button.paymentMethod i.fees {
    flex: 0 0 auto;
    width: 100%;
    text-align: left;
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--color-text-tertiary);
}

div._paymentMethods_wspf0_124 button.paymentMethod span.transferFundsValuation {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-weight: 600;
}

div._paymentMethods_wspf0_124 button.paymentMethod span.transferFundsValuation i {
    font-size: 0.8rem;
    font-weight: 400;
}

div._paymentMethods_wspf0_124 button.paymentMethod div.icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

div._paymentMethods_wspf0_124 button.paymentMethod div.icons svg {
    min-height: 16px;
    max-height: 16px;
    width: auto;
}

div._paymentMethods_wspf0_124 button.paymentMethod strong {
    text-align: start;
    font-size: 1rem;
    font-weight: 600;
}

._paymentError_wspf0_212 {
    text-align: center;
    font-weight: 700;
    font-size: 1.4rem;
}

._completeKYC_wspf0_218 {
    max-width: 50%;
    min-width: 50%;
    align-self: center;
}

._warningMessage_wspf0_224 {
    font-size: 1.2rem;
}

@keyframes _slideRight_6kj3b_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_6kj3b_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_6kj3b_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_6kj3b_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_6kj3b_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_6kj3b_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_6kj3b_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_6kj3b_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_6kj3b_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_6kj3b_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_6kj3b_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._trigger_6kj3b_101 {
    cursor: pointer;
}

._tooltip_6kj3b_105 {
    z-index: 1000;
    position: absolute;
    background-color: rgb(255, 255, 255);
    border-radius: 8px;
    border: 1px solid rgb(235, 236, 244);
    padding: 8px;
    color: rgb(50, 77, 87);
    font-size: 1.1rem;
    white-space: normal !important;
}

div._transferFundsSummary_ja5d6_1 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 100%;
    font-size: 1.2rem;
    color: var(--color-text-primary);
}

div._transferFundsSummary_ja5d6_1 ._separator_ja5d6_9 {
    border-bottom: 1px solid rgb(168, 179, 184);
}

div._transferFundsSummary_ja5d6_1 ._summaryRow_ja5d6_12 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0px 24px;
}

div._transferFundsSummary_ja5d6_1 ._summaryRow_ja5d6_12 strong {
    font-size: 1.6rem;
    font-weight: 400;
    white-space: nowrap;
}

._convertResidualTransferFundsSwitchContainer_ja5d6_26 ._convertResidualTransferFundsTooltipTrigger_ja5d6_26 {
    position: relative;
    transition: 0.2s;
}

._convertResidualTransferFundsSwitchContainer_ja5d6_26 ._convertResidualTransferFundsTooltipTrigger_ja5d6_26 ._convertResidualTransferFundsTooltipTriggerText_ja5d6_30 {
    color: var(--color-text-quaternary);
    font-weight: 700;
    font-size: 1.4rem;
}

._convertResidualTransferFundsSwitchContainer_ja5d6_26 ._convertResidualTransferFundsTooltipTrigger_ja5d6_26 ._tooltipTriggerIcon_ja5d6_35 {
    position: absolute;
    left: 100%;
    bottom: 75%;
    width: 14px;
    height: 14px;
    min-width: 14px;
    max-width: 14px;
    min-height: 14px;
    max-height: 14px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 91, 46);
}

._convertResidualTransferFundsSwitchContainer_ja5d6_26 ._convertResidualTransferFundsTooltipTrigger_ja5d6_26:hover {
    opacity: 0.8;
}

._convertResidualTransferFundsTooltipContent_ja5d6_53 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    max-width: 420px;
    padding: 12px;
}

._convertResidualTransferFundsTooltipContent_ja5d6_53 ._tooltipIconContainer_ja5d6_61 {
    min-width: 28px;
    max-width: 28px;
    min-height: 28px;
    max-height: 28px;
    border-radius: 100%;
    background-color: rgba(255, 91, 46, 0.05);
}

._convertResidualTransferFundsTooltipContent_ja5d6_53 ._tooltipIconContainer_ja5d6_61 ._tooltipContentIcon_ja5d6_69 {
    width: 17.5px;
    height: 17.5px;
    min-width: 17.5px;
    max-width: 17.5px;
    min-height: 17.5px;
    max-height: 17.5px;
    object-fit: contain;
    object-position: center center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgb(255, 91, 46);
}

._convertResidualTransferFundsTooltipContent_ja5d6_53 ._tooltipContentText_ja5d6_84 {
    font-size: 1.4rem;
    font-weight: 500;
}

@keyframes _slideRight_1x74k_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1x74k_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1x74k_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1x74k_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1x74k_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1x74k_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1x74k_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1x74k_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1x74k_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1x74k_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1x74k_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

input._inputName_1x74k_101 {
    cursor: pointer;
    background-color: var(--color-background-secondary);
    border-radius: 10px;
    padding: 16px 28px 16px 16px;
    width: 100%;
    color: var(--color-text-primary);
}

input._inputName_1x74k_101._disabled_1x74k_110 {
    cursor: initial;
}

input._inputName_1x74k_101:hover {
    cursor: text;
}

input._inputName_1x74k_101 span.placeholder {
    color: rgb(168, 179, 184);
}

input:hover {
    cursor: pointer;
}

div label._noMargin_1x74k_124 {
    margin: 0px;
}

div div._recurrenceSelector_1x74k_128 {
    width: 100%;
    margin-bottom: 16px;
    z-index: 2;
    font-weight: 400;
}

div div._recurrenceSelector_1x74k_128>div div {
    padding-left: 16px;
    padding-right: 28px;
}

div div._recurrenceSelector_1x74k_128 ul {
    z-index: 2;
}

div._datePicker_1x74k_142 {
    margin-left: 10.25px;
    margin-top: 16px;
    border-radius: 8px;
    overflow: hidden;
}

div._datePicker_1x74k_142 svg {
    display: none;
}

div._datePicker_1x74k_142 button {
    top: 16px;
}

div._datePicker_1x74k_142>div>div {
    font-size: 1.4rem;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
}

div._datePicker_1x74k_142>div>div>div>div:first-child {
    background-color: rgb(255, 255, 255);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    padding: 16px;
}

div._datePicker_1x74k_142>div>div>div>div:first-child h2 {
    font-size: 1.4rem;
    line-height: 24px;
    text-transform: capitalize;
}

div._datePicker_1x74k_142>div>div>div>div:first-child div {
    width: 30px;
    color: rgb(168, 179, 184);
    text-transform: capitalize;
}

div._datePicker_1x74k_142>div>div>div>div:last-child div div {
    height: 32px;
    width: 32px;
    align-content: center;
}

div._datePicker_1x74k_142>div>div>div>div:last-child div div:hover {
    border-radius: 100%;
}

div._datePicker_1x74k_142>div>div>div>div:last-child div div[aria-selected="true"] {
    border-radius: 100%;
    color: rgb(38, 117, 201);
    background-color: rgba(38, 117, 201, 0.2);
}

@keyframes _slideRight_15xc1_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_15xc1_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_15xc1_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_15xc1_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_15xc1_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_15xc1_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_15xc1_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_15xc1_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_15xc1_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_15xc1_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_15xc1_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

input._datePickerInput_15xc1_101 {
    font-size: 1.6rem;
    background-color: var(--color-background-secondary);
    border-radius: 10px;
    padding: 16px;
    width: 100%;
    cursor: pointer;
    color: var(--color-text-tertiary);
}

input._datePickerInput_15xc1_101:hover {
    color: rgb(255, 91, 46);
}

input._datePickerInput_15xc1_101:hover::-webkit-calendar-picker-indicator {
    filter: invert(61%) sepia(47%) saturate(6833%) hue-rotate(340deg) brightness(99%) contrast(105%);
    cursor: pointer;
}

input._datePickerInput_15xc1_101:hover {
    cursor: text;
}

@keyframes _slideRight_149ry_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_149ry_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_149ry_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_149ry_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_149ry_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_149ry_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_149ry_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_149ry_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_149ry_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_149ry_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_149ry_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

div._select_149ry_101 {
    font-weight: 600;
    color: var(--color-text-primary);
    position: relative;
}

div._select_149ry_101[data-disabled="true"]>div {
    pointer-events: none;
    background-color: rgba(216, 218, 223, 0.5) !important;
    color: rgb(168, 179, 184) !important;
}

div._select_149ry_101[data-disabled="true"]>div svg path {
    fill: rgb(168, 179, 184) !important;
}

div._select_149ry_101>div {
    border-radius: 10px;
    background-color: var(--color-background-secondary);
    display: flex;
    align-items: center;
    cursor: pointer;
    min-height: 56px;
}

div._select_149ry_101>div>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 24px;
    line-height: 2.1rem;
    min-width: 100%;
}

div._select_149ry_101>div>div.placeholder {
    color: rgb(168, 179, 184) !important;
}

div._select_149ry_101>div input {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    min-width: 100%;
    padding: 16px 34px 16px 24px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
}

div._select_149ry_101>div svg {
    width: 12px;
    height: 12px;
    min-width: 12px;
    max-width: 12px;
    min-height: 12px;
    max-height: 12px;
    object-fit: contain;
    object-position: center center;
    transform: rotate(-90deg);
    position: absolute;
    right: 16px;
    transition: 0.2s ease-in-out;
}

div._select_149ry_101>div svg path {
    fill: var(--color-text-primary);
}

div._select_149ry_101 ul {
    min-width: 100%;
    visibility: hidden;
    position: absolute;
    padding: 8px;
    background-color: var(--color-background-select);
    z-index: 10;
    border-radius: 8px;
    transform: scaleY(0);
    transform-origin: center top;
    overflow-y: auto;
    transition: 0.2s ease-in-out;
    opacity: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
    max-height: 280px;
}

div._select_149ry_101 ul li {
    padding: 8px;
    margin: 0px;
    transition: 0.2s ease-in-out;
    cursor: pointer;
    border-radius: 5px;
}

div._select_149ry_101 ul li:not(._noResult_149ry_185):hover,
div._select_149ry_101 ul li._current_149ry_185 {
    background-color: var(--color-background-senary);
}

div._select_149ry_101 ul li._noResult_149ry_185 {
    opacity: 0.7;
    cursor: default;
}

div._select_149ry_101[data-opened="true"] svg {
    transform: rotate(90deg);
}

div._select_149ry_101[data-opened="true"] ul {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
    box-shadow: 0 4px 30px 0 var(--color-background-septenary);
}

div._select_149ry_101._openFromBottom_149ry_201 ul {
    transform-origin: center bottom;
    top: unset;
    bottom: calc(100% + 4px);
}

@keyframes _slideRight_1p0fn_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1p0fn_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1p0fn_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1p0fn_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1p0fn_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1p0fn_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1p0fn_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1p0fn_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1p0fn_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1p0fn_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1p0fn_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._description_1p0fn_101 {
    font-size: 1.4rem;
    margin-bottom: 24px;
}

._cta_1p0fn_106 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

._cta_1p0fn_106 ._customDca_1p0fn_112 {
    background-color: rgb(246, 243, 233);
    padding: 8px 16px;
    border-radius: 8px;
}

._bundleCarousel_1p0fn_118 {
    transition: left 0.5s;
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin-bottom: 16px;
}

@media only screen and (max-width: 575.98px) {
    ._bundleCarousel_1p0fn_118 {
        gap: 36px;
    }
}

._bundleCarousel_1p0fn_118 ._bundlePreview_1p0fn_130 {
    cursor: pointer;
    padding: 12px;
    border-radius: 16px;
    min-width: min(75%, 225px);
    max-width: 225px;
    background-color: rgb(11, 22, 45) !important;
}

._bundleCarousel_1p0fn_118 ._bundlePreview_1p0fn_130[data-active="false"] {
    transform: scale(0.8);
}

._bundleCarousel_1p0fn_118 ._bundlePreview_1p0fn_130[data-active="false"] {
    opacity: 0.7;
}

._bundleCarousel_1p0fn_118 ._bundlePreview_1p0fn_130 ._bundleImage_1p0fn_144 {
    max-width: min(150px, 100%);
    margin: 20px auto 35px;
}

._bundleCarousel_1p0fn_118 ._bundlePreview_1p0fn_130 ._bundleImage_1p0fn_144 img {
    max-width: min(150px, 100%);
}

._bundleCarousel_1p0fn_118 ._bundlePreview_1p0fn_130 ._bundleTitle_1p0fn_151 {
    gap: 8px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    border-radius: 12px;
    box-shadow: rgba(50, 77, 87, 0.07) 0px 4px 30px;
    background-color: rgba(255, 255, 255, 0.3);
    color: rgb(255, 255, 255);
}

._bundleCarousel_1p0fn_118 ._bundlePreview_1p0fn_130 ._bundleTitle_1p0fn_151 svg {
    width: 32px;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    object-fit: contain;
    object-position: center center;
}

@media only screen and (max-width: 575.98px) {
    ._bundleCarousel_1p0fn_118 ._bundlePreview_1p0fn_130 ._bundleTitle_1p0fn_151 {
        font-size: 1.4rem;
    }

    ._bundleCarousel_1p0fn_118 ._bundlePreview_1p0fn_130 ._bundleTitle_1p0fn_151 svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        max-width: 24px;
        min-height: 24px;
        max-height: 24px;
        object-fit: contain;
        object-position: center center;
    }
}

._bundleProducts_1p0fn_187 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    font-size: 1.4rem;
    width: 100%;
}

._bundleProducts_1p0fn_187 p {
    max-height: 90px;
    overflow-y: auto;
}

._bundleProducts_1p0fn_187 p a {
    color: rgb(255, 91, 46);
}

._bundleProducts_1p0fn_187 p strong {
    font-weight: 700;
}

._bundleProducts_1p0fn_187 p em {
    font-style: italic;
}

._bundleProducts_1p0fn_187 ._bundleComposition_1p0fn_207 {
    display: flex;
    justify-content: center;
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 16px;
}

._bundleProducts_1p0fn_187 ._bundleComposition_1p0fn_207>div {
    display: flex;
    gap: 8px;
    flex-direction: column;
    min-width: 70px;
    text-align: center;
}

._bundleProducts_1p0fn_187 ._bundleComposition_1p0fn_207 strong {
    font-weight: 700;
}

._bundleProducts_1p0fn_187 ._bundleComposition_1p0fn_207 ._ticker_1p0fn_224 {
    color: var(--color-text-secondary);
}

._bundleProducts_1p0fn_187 ._bundleComposition_1p0fn_207 img {
    width: 36px;
    height: 36px;
    min-width: 36px;
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
    object-fit: contain;
    object-position: center center;
    align-self: center;
}

._bundleProducts_1p0fn_187 ._bundleComposition_1p0fn_207 i {
    color: rgb(255, 91, 46);
    font-weight: 600;
    margin-top: auto;
}

@keyframes _slideRight_1cbo3_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1cbo3_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1cbo3_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1cbo3_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1cbo3_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1cbo3_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1cbo3_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1cbo3_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1cbo3_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1cbo3_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1cbo3_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._bundleImage_1cbo3_101 {
    display: flex;
}

._bundleBackground_1cbo3_105 {
    max-width: 100%;
    max-height: 100%;
    outline-offset: -4px;
    outline-width: 4px;
    outline-style: solid;
    border-radius: 12px;
}

._bundleProductIcon_1cbo3_114 {
    user-select: none;
    position: absolute;
    width: 30%;
    height: 30%;
    min-width: 30%;
    max-width: 30%;
    min-height: 30%;
    max-height: 30%;
    object-fit: contain;
    object-position: center center;
}

@keyframes _slideRight_2yc7r_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_2yc7r_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_2yc7r_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_2yc7r_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_2yc7r_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_2yc7r_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_2yc7r_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_2yc7r_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_2yc7r_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_2yc7r_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_2yc7r_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._subtitle_2yc7r_101 {
    margin-bottom: 24px;
    align-self: self-start;
    font-weight: 600;
}

._nextStepButton_2yc7r_107 {
    margin-bottom: 16px;
}

._productDetailButton_2yc7r_111 {
    margin-bottom: 24px;
    margin-left: auto;
}

._centeredLoader_2yc7r_116 {
    margin: 0px auto;
}

._bundlesPreview_2yc7r_120 {
    border-radius: 8px;
    display: flex;
    margin-top: 8px;
    flex-direction: column;
    width: 100%;
    gap: 24px;
    overflow: hidden;
}

._bundlesPreview_2yc7r_120 ._bundleSectionTitle_2yc7r_129 {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    font-weight: 600;
}

._bundlesPreview_2yc7r_120 ._bundleSectionTitle_2yc7r_129 a {
    color: rgb(255, 91, 46);
    text-decoration: underline;
    cursor: pointer;
}

._bundlesPreview_2yc7r_120 div._bundleList_2yc7r_141 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 16px;
    overflow: hidden scroll;
    scrollbar-width: none;
}

._bundlesPreview_2yc7r_120 div._bundleList_2yc7r_141 div._bundleCard_2yc7r_149 {
    overflow: hidden;
    background-color: rgb(11, 22, 45) !important;
}

._bundlesPreview_2yc7r_120 div._bundleList_2yc7r_141 ._bundleInfos_2yc7r_155 {
    display: flex;
    flex-direction: column;
    padding: 20px 0px 10px 20px;
    color: rgb(255, 255, 255);
    min-width: 50%;
    max-width: 65%;
    transition: transform 0.2s;
}

._bundlesPreview_2yc7r_120 div._bundleList_2yc7r_141 ._bundleInfos_2yc7r_155 i {
    margin-top: 8px;
    color: rgb(231, 64, 64);
    background-color: rgba(231, 64, 64, 0.15);
    width: fit-content;
    border-radius: 8px;
    padding: 4px;
}

._bundlesPreview_2yc7r_120 div._bundleList_2yc7r_141 ._bundleInfos_2yc7r_155 i[data-positive="true"] {
    color: rgb(45, 210, 141);
    background-color: rgba(15, 219, 151, 0.15);
}

._bundlesPreview_2yc7r_120 div._bundleList_2yc7r_141 ._bundleInfos_2yc7r_155 i[data-positive="true"]::before {
    content: "+";
}

._bundlesPreview_2yc7r_120 div._bundleList_2yc7r_141 ._bundleImage_2yc7r_179 {
    rotate: -16deg;
    transform: scale(0.8);
    margin-left: auto;
    height: inherit;
    position: absolute;
    right: 0px;
    max-width: 100px;
    max-height: 120px;
    transition: transform 0.2s;
}

._bundlesPreview_2yc7r_120 div._bundleList_2yc7r_141 ._bundleImage_2yc7r_179 img {
    margin-left: auto;
    border-radius: 8px;
}

._bundlesPreview_2yc7r_120 div._bundleList_2yc7r_141>div {
    overflow: hidden;
    transition: transform 0.2s;
}

._bundlesPreview_2yc7r_120 div._bundleList_2yc7r_141>div:hover {
    cursor: pointer;
}

._bundlesPreview_2yc7r_120 div._bundleList_2yc7r_141>div:hover ._bundleImage_2yc7r_179 {
    transform: scale(0.85);
}

._bundlesPreview_2yc7r_120 div._bundleList_2yc7r_141>div:hover ._bundleInfos_2yc7r_155 {
    transform: scale(1.05);
}

._bundlesPreview_2yc7r_120 div._bundleList_2yc7r_141>div {
    border-radius: 8px;
    min-height: 90px;
    display: flex;
}

@keyframes _slideRight_1onxs_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1onxs_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1onxs_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1onxs_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1onxs_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1onxs_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1onxs_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1onxs_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1onxs_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1onxs_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1onxs_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._expressCheckoutElement_1onxs_101,
._paymentElement_1onxs_102 {
    width: 100%;
    margin-bottom: 16px;
}

._errorMessage_1onxs_107 {
    color: rgb(211, 29, 41);
    font-size: 1.2rem;
    margin-bottom: 16px;
}

._paymentMethodUpdate_1onxs_113 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 32px;
}

._paymentMethodUpdate_1onxs_113 label {
    align-items: center;
}

._paymentMethodUpdate_1onxs_113 p {
    font-size: 1.2rem;
    margin-bottom: 16px;
    color: var(--color-text-tertiary);
}

._applyToAllWarning_1onxs_128 {
    display: inline-flex;
    gap: 10px;
}

._applyToAllWarning_1onxs_128 span {
    max-width: 16px;
    transform: translate(-3px);
}

@keyframes _slideRight_1nfp9_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1nfp9_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1nfp9_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1nfp9_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1nfp9_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1nfp9_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1nfp9_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1nfp9_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1nfp9_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1nfp9_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1nfp9_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._title_1nfp9_101 {
    color: var(--color-text-primary);
    font-family: PlusJakartaSans;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 24px;
}

._contents_1nfp9_111 {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    margin-bottom: 24px;
    color: var(--color-text-tertiary);
    font-weight: 400;
    text-align: center;
}

._action_1nfp9_121 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    margin-bottom: 40px;
}

._close_1nfp9_129 {
    display: flex;
    justify-content: center;
    flex: 1 1 auto;
}

._close_1nfp9_129 button {
    margin-top: auto;
    color: rgb(168, 179, 184);
}

._successAnimation_1nfp9_139 {
    width: 150px;
    height: 150px;
    min-width: 150px;
    max-width: 150px;
    min-height: 150px;
    max-height: 150px;
    object-fit: contain;
    object-position: center center;
    align-self: center;
}

@keyframes _loading_rig05_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._validationSummary_rig05_14 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

._validationSummary_rig05_14 ._successAnimation_rig05_20 {
    width: 90px;
    height: 90px;
    min-width: 90px;
    max-width: 90px;
    min-height: 90px;
    max-height: 90px;
    object-fit: contain;
    object-position: center center;
    align-self: center;
}

._validationSummary_rig05_14 ._title_rig05_31 {
    color: var(--color-text-primary);
    font-family: PlusJakartaSans;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
}

._validationSummary_rig05_14 ._orderItemCurrencyPrice_rig05_38 {
    color: var(--color-text-quinary);
    background-color: var(--color-background-nonary);
    line-height: 2rem;
    font-size: 1.4rem;
    font-weight: 500;
    border-radius: 16px;
    padding: 4px 8px;
}

._validationSummary_rig05_14 ._switchOptionsTitle_rig05_47,
._validationSummary_rig05_14 ._orderItemQuantity_rig05_48 {
    color: var(--color-text-tertiary);
    font-size: 1.6rem;
    text-align: start;
    min-width: 100%;
    max-width: 100%;
}

._validationSummary_rig05_14 ._switchOptionsTitle_rig05_47 b,
._validationSummary_rig05_14 ._orderItemQuantity_rig05_48 b {
    font-weight: 700;
}

._validationSummary_rig05_14 ._orderItemQuantity_rig05_48 {
    font-weight: 400;
}

._validationSummary_rig05_14 ._switchOptionsTitle_rig05_47 {
    font-weight: 700;
}

._validationSummary_rig05_14 ._separator_rig05_65 {
    width: 100%;
    border-top: 1px solid var(--color-separator);
}

._validationSummary_rig05_14 ._switchSection_rig05_69 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    color: var(--color-text-tertiary);
    min-width: 100%;
}

._validationSummary_rig05_14 ._switchSection_rig05_69 ._switchIcon_rig05_77 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._validationSummary_rig05_14 ._switchSection_rig05_69 ._switchContent_rig05_87 {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
}

._validationSummary_rig05_14 ._switchSection_rig05_69 ._switchContent_rig05_87 ._switchTitle_rig05_92 {
    font-weight: 700;
    font-size: 1.6rem;
}

._validationSummary_rig05_14 ._switchSection_rig05_69 ._switchContent_rig05_87 ._switchTitle_rig05_92 ._apyValue_rig05_96 {
    color: rgb(0, 199, 80);
}

._validationSummary_rig05_14 ._switchSection_rig05_69 ._switchContent_rig05_87 ._switchDescription_rig05_99 {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: var(--color-text-quinary);
}

._validationSummary_rig05_14 ._switchSection_rig05_69 ._switchContent_rig05_87 ._switchDescription_rig05_99 a {
    color: rgb(255, 87, 41);
    text-decoration: underline;
    transition: 0.3s;
}

._validationSummary_rig05_14 ._switchSection_rig05_69 ._switchContent_rig05_87 ._switchDescription_rig05_99 a:hover {
    color: rgb(255, 151, 122);
}

._validationSummary_rig05_14 ._switchSection_rig05_69 ._switch_rig05_47 {
    margin-left: 80px;
    min-width: 36px;
}

._validationSummary_rig05_14 ._totalAmount_rig05_117 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-family: Matter;
    font-size: 2rem;
    font-weight: 500;
    padding: 10px 0px;
}

._footer_rig05_129 {
    margin-top: auto;
    padding-top: 24px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    width: 100%;
}

._footer_rig05_129 ._footerButton_rig05_137 {
    width: 100%;
}

@keyframes _slideRight_e5jzx_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_e5jzx_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_e5jzx_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_e5jzx_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_e5jzx_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_e5jzx_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_e5jzx_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_e5jzx_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_e5jzx_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_e5jzx_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_e5jzx_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._eurosDepositFlow_e5jzx_101 {
    padding: 24px 40px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

@media only screen and (max-width: 575.98px) {
    ._eurosDepositFlow_e5jzx_101 {
        padding: 24px 15px;
    }
}

._eurosDepositFlow_e5jzx_101>* {
    animation: 0.2s ease-out 0s 1 normal forwards running _fadeUpAnimation_e5jzx_1;
}

@keyframes _slideRight_2e0in_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_2e0in_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_2e0in_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_2e0in_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_2e0in_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_2e0in_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_2e0in_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_2e0in_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_2e0in_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_2e0in_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_2e0in_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._title_2e0in_101 {
    display: flex;
    justify-content: center;
    padding-bottom: 24px;
}

._infos_2e0in_107 {
    padding-top: 8px;
    font-size: 1.2rem;
    color: rgb(168, 179, 184);
}

._error_2e0in_113 {
    font-size: 1.2rem;
    padding-top: 8px;
    padding-bottom: 8px;
    color: rgb(231, 64, 64);
}

._footer_2e0in_120 {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: self-end;
    margin-top: 16px;
}

@keyframes _slideRight_swbnv_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_swbnv_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_swbnv_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_swbnv_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_swbnv_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_swbnv_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_swbnv_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_swbnv_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_swbnv_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_swbnv_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_swbnv_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._title_swbnv_101 {
    display: flex;
    justify-content: center;
    padding-bottom: 24px;
}

._transferAmount_swbnv_107 {
    font-weight: 600;
    color: var(--color-text-primary);
    padding-bottom: 16px;
    text-align: center;
}

._footer_swbnv_114 {
    display: flex;
    column-gap: 16px;
    justify-content: center;
    margin-top: 16px;
    flex: 1 1 auto;
    align-items: self-end;
}

._error_swbnv_123 {
    font-size: 1.2rem;
    padding-top: 8px;
    padding-bottom: 8px;
    color: rgb(231, 64, 64);
    text-align: center;
}

._loaderWrapper_swbnv_131 {
    display: flex;
    justify-content: center;
}

@keyframes _slideRight_cknz8_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_cknz8_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_cknz8_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_cknz8_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_cknz8_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_cknz8_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_cknz8_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_cknz8_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_cknz8_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_cknz8_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_cknz8_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._bankInfo_cknz8_101 {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

._section_cknz8_107 {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    row-gap: 16px;
    background-color: var(--color-background-septenary);
    border-radius: 8px;
    padding: 12px;
}

._description_cknz8_117 {
    color: var(--color-text-primary);
    font-size: 1.2rem;
}

._disclaimer_cknz8_122 {
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--color-text-primary);
    line-height: normal;
}

@keyframes _slideRight_k16yq_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_k16yq_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_k16yq_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_k16yq_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_k16yq_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_k16yq_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_k16yq_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_k16yq_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_k16yq_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_k16yq_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_k16yq_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._copy_k16yq_101 {
    position: relative;
}

._copy_k16yq_101 span {
    color: rgb(168, 179, 184);
    font-size: 1.4rem;
    position: absolute;
    transform: translateY(-50%) translate(-50%);
    left: 50%;
    bottom: 90%;
    background-color: var(--color-background-select);
    padding: 3px 6px;
    border-radius: 8px;
    text-align: center;
    width: 70px;
    border: solid 1px var(--color-border-secondary);
    opacity: 0;
    transition: opacity 0.3s;
}

._copy_k16yq_101 span._visible_k16yq_120 {
    visibility: visible;
    opacity: 1;
}

._copy_k16yq_101 span::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--color-border-secondary) transparent transparent transparent;
}

._copy_k16yq_101 ._icon_k16yq_134 {
    cursor: pointer;
}

._copy_k16yq_101 ._icon_k16yq_134 rect,
._copy_k16yq_101 ._icon_k16yq_134 path {
    stroke: rgb(255, 91, 46);
}

@keyframes _slideRight_zqjjx_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_zqjjx_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_zqjjx_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_zqjjx_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_zqjjx_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_zqjjx_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_zqjjx_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_zqjjx_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_zqjjx_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_zqjjx_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_zqjjx_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._row_zqjjx_101._bordered_zqjjx_101 {
    border-bottom: 1px solid rgb(168, 179, 184);
}

._row_zqjjx_101._highlighted_zqjjx_104 {
    border-radius: 8px 8px 0px 0px;
    border-bottom-color: var(--color-background-octonary);
    background-color: var(--color-background-octonary);
    padding: 8px 12px;
}

._row_zqjjx_101._highlighted_zqjjx_104 ._value_zqjjx_110 {
    color: rgb(255, 91, 46);
}

._row_zqjjx_101 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    padding-top: 8px;
}

._label_zqjjx_121 {
    color: var(--color-text-primary);
    font-size: 1.2rem;
}

._value_zqjjx_110 {
    color: var(--color-text-primary);
    font-weight: 600;
}

@keyframes _slideRight_13cne_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_13cne_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_13cne_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_13cne_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_13cne_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_13cne_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_13cne_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_13cne_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_13cne_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_13cne_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_13cne_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._link_13cne_101 {
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    line-height: 16px;
    transition: 0.2s;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    font-family: Matter, sans-serif;
    font-weight: 500;
    border-radius: 25px;
    padding: 8px 16px;
    min-height: 40px;
    max-height: 40px;
    background-color: rgb(255, 91, 46);
    color: rgb(255, 255, 255);
}

._link_13cne_101:hover {
    background-color: rgb(255, 151, 122);
}

@keyframes _slideRight_1bg8s_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1bg8s_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1bg8s_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1bg8s_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1bg8s_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1bg8s_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1bg8s_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1bg8s_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1bg8s_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1bg8s_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1bg8s_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

div._depositFlow_1bg8s_101 {
    padding: 24px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--color-text-primary);
    flex: 1 1 auto;
    overflow-y: auto;
}

@media only screen and (max-width: 575.98px) {
    div._depositFlow_1bg8s_101 {
        padding: 24px 15px;
    }
}

div._depositFlow_1bg8s_101>* {
    animation: 0.2s ease-out 0s 1 normal forwards running _fadeUpAnimation_1bg8s_1;
}

@keyframes _slideRight_ouhst_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_ouhst_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_ouhst_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_ouhst_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_ouhst_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_ouhst_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_ouhst_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_ouhst_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_ouhst_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_ouhst_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_ouhst_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._title_ouhst_101 {
    margin-bottom: 24px;
}

._label_ouhst_105 {
    margin-bottom: 16px;
}

._label_ouhst_105._elevate_ouhst_108 {
    z-index: 10;
}

._description_ouhst_112 {
    color: var(--color-text-tertiary);
    font-size: 1.2rem;
}

._error_ouhst_117 {
    padding-bottom: 8px;
}

._terms_ouhst_121 {
    font-size: 1.2rem;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

._terms_ouhst_121 strong {
    font-weight: 600;
}

._terms_ouhst_121 a {
    color: rgb(255, 91, 46);
}

._footer_ouhst_134 {
    display: flex;
    flex-direction: row;
    align-items: self-end;
    gap: 24px;
    margin-top: 16px;
    flex: 1 1 auto;
}

@keyframes _slideRight_1ql39_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1ql39_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1ql39_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1ql39_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1ql39_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1ql39_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1ql39_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1ql39_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1ql39_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1ql39_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1ql39_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

div._tooltip_1ql39_101 {
    align-self: stretch;
    animation: auto ease 0s 1 normal none running none;
}

div._tooltipPortal_1ql39_106 {
    z-index: 10;
    font-size: 1.3rem;
}

._details_1ql39_112 {
    display: flex;
    gap: 4px;
    flex-direction: column;
}

._details_1ql39_112 ._title_1ql39_117 {
    font-weight: 700;
}

._depositLimit_1ql39_121 {
    display: grid;
    gap: 2px 4px;
    grid-template-columns: 24px 1fr;
    font-size: 1.2rem;
    min-width: 300px;
}

._depositLimit_1ql39_121 ._title_1ql39_117 {
    grid-column: 2 / 4;
}

._depositLimit_1ql39_121 ._infoIcon_1ql39_133 {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
    grid-row: 1 / 3;
}

._depositLimit_1ql39_121 ._amount_1ql39_145 {
    grid-column-start: 2;
}

._depositLimitContainer_1ql39_149 {
    display: flex;
    align-self: stretch;
    gap: 8px;
    margin-bottom: 16px;
}

._depositLimitContainer_1ql39_149 ._card_1ql39_155 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background-color: var(--color-background-quinary);
    border-radius: 8px;
    padding: 16px;
    flex-basis: 100%;
}

._depositLimitContainer_1ql39_149 ._card_1ql39_155 ._titleContainer_1ql39_166 {
    display: flex;
    gap: 8px;
}

._depositLimitContainer_1ql39_149 ._card_1ql39_155 ._titleContainer_1ql39_166 ._title_1ql39_117 {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
}

._depositLimitContainer_1ql39_149 ._card_1ql39_155 ._value_1ql39_174 {
    line-height: 2.4rem;
}

._mobileDepositLimitContainer_1ql39_178 {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 8px;
}

._mobileDepositLimitContainer_1ql39_178 ._mobileTitle_1ql39_184 {
    display: flex;
    gap: 8px;
    font-size: 1.2rem;
    line-height: 15px;
}

._mobileDepositLimitContainer_1ql39_178 ._mobileCard_1ql39_190 {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: var(--color-background-quinary);
    border-radius: 8px;
    padding: 16px;
    flex-basis: 100%;
}

._mobileDepositLimitContainer_1ql39_178 ._mobileCard_1ql39_190 ._kycTitle_1ql39_199 {
    color: rgb(168, 179, 184);
}

._infoIcon_1ql39_133 {
    width: 15px;
    height: 15px;
    min-width: 15px;
    max-width: 15px;
    min-height: 15px;
    max-height: 15px;
    object-fit: contain;
    object-position: center center;
    color: var(--color-text-tertiary);
    stroke: var(--color-text-tertiary);
}

@keyframes _slideRight_1loy4_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1loy4_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1loy4_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1loy4_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1loy4_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1loy4_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1loy4_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1loy4_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1loy4_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1loy4_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1loy4_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._title_1loy4_101 {
    margin-bottom: 24px;
}

._description_1loy4_105 {
    text-align: center;
}

._description_1loy4_105 strong {
    font-weight: 600;
}

._qrcode_1loy4_112 {
    padding-top: 24px;
    padding-bottom: 24px;
}

._details_1loy4_117 {
    display: flex;
    align-self: stretch;
    flex-direction: column;
    row-gap: 8px;
    align-items: center;
}

._depositAddress_1loy4_125 {
    font-weight: 600;
    color: var(--color-text-tertiary);
}

._addressCopyContainer_1loy4_130 {
    background-color: var(--color-background-secondary);
    padding: 16px 24px;
    border-radius: 10px;
    align-self: stretch;
    display: flex;
    justify-content: space-between;
    align-items: center;
    word-break: break-all;
}

@media only screen and (max-width: 575.98px) {
    ._addressCopyContainer_1loy4_130 {
        padding: 16px 8px;
    }
}

._copy_1loy4_146 {
    flex-basis: 100px;
    display: flex;
    justify-content: center;
}

._unavailableAddress_1loy4_152 {
    color: rgb(255, 91, 46);
    font-size: 1.2rem;
}

._unavailableAddressNotice_1loy4_156 {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
}

._unavailableAddressNotice_1loy4_156 a {
    color: rgb(255, 91, 46);
    text-decoration: underline;
}

._footer_1loy4_165 {
    display: flex;
    flex: 1 1 auto;
    align-items: self-end;
    margin-top: 16px;
}

@keyframes _slideRight_sitl1_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_sitl1_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_sitl1_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_sitl1_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_sitl1_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_sitl1_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_sitl1_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_sitl1_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_sitl1_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_sitl1_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_sitl1_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._loader_sitl1_101 svg {
    width: 50px;
    height: 50px;
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
    object-fit: contain;
    object-position: center center;
}

._loader_sitl1_101 {
    align-self: center;
    align-items: center;
    display: flex;
    flex-grow: 1;
}

@keyframes _slideRight_hllz6_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_hllz6_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_hllz6_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_hllz6_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_hllz6_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_hllz6_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_hllz6_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_hllz6_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_hllz6_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_hllz6_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_hllz6_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

div._swapFlow_hllz6_101 {
    flex: 1 1 0%;
    padding: 24px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--color-text-primary);
    overflow: auto;
}

@media only screen and (max-width: 575.98px) {
    div._swapFlow_hllz6_101 {
        padding: 24px 15px;
    }
}

div._swapFlow_hllz6_101>* {
    animation: 0.2s ease-out 0s 1 normal forwards running _fadeUpAnimation_hllz6_1;
}

div._swapFlow_hllz6_101 ._textCenter_hllz6_118 {
    text-align: center;
}

div._swapFlow_hllz6_101 div.title {
    margin-bottom: 24px;
}

div._swapFlow_hllz6_101 .label,
div._swapFlow_hllz6_101 button.swap {
    margin-bottom: 8px;
}

div._swapFlow_hllz6_101 button.swap svg {
    width: 32px;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    object-fit: contain;
    object-position: center center;
    transition: 0.3s;
}

div._swapFlow_hllz6_101 button.swap:hover svg {
    opacity: 0.8;
}

div._swapFlow_hllz6_101 button.swap:disabled {
    cursor: initial;
}

div._swapFlow_hllz6_101 button.swap:disabled svg {
    filter: grayscale(1);
    opacity: 1;
}

div._swapFlow_hllz6_101 div.exchangeProposal {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin: 24px 0px;
}

@media only screen and (max-width: 575.98px) {
    div._swapFlow_hllz6_101 div.exchangeProposal {
        flex-direction: column;
        flex: 1 1 auto;
        justify-content: center;
    }
}

div._swapFlow_hllz6_101 div.exchangeProposal>div {
    background-color: var(--color-background-senary);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
}

div._swapFlow_hllz6_101 div.exchangeProposal>div b {
    font-weight: 600;
    white-space: nowrap;
}

div._swapFlow_hllz6_101 div.exchangeProposal>div img {
    width: 25px;
    height: 25px;
    min-width: 25px;
    max-width: 25px;
    min-height: 25px;
    max-height: 25px;
    object-fit: contain;
    object-position: center center;
}

@media only screen and (min-width: 576px) {
    div._swapFlow_hllz6_101 div.exchangeProposal>div {
        flex: 1 1 0%;
    }
}

div._swapFlow_hllz6_101 div.exchangeProposal>svg {
    width: 8px;
    height: 8px;
    min-width: 8px;
    max-width: 8px;
    min-height: 8px;
    max-height: 8px;
    object-fit: contain;
    object-position: center center;
}

div._swapFlow_hllz6_101 div.exchangeProposal>svg path {
    fill: var(--color-text-secondary);
}

div._swapFlow_hllz6_101 p.info {
    display: flex;
    flex-direction: column;
    font-size: 1.2rem;
    color: rgb(168, 179, 184);
    padding-bottom: 16px;
}

div._swapFlow_hllz6_101 p.info b {
    font-weight: 600;
}

div._swapFlow_hllz6_101 div.footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    margin-top: auto;
    margin-bottom: 16px;
}

div._swapFlow_hllz6_101 .isLoading {
    animation: 0.8s ease-in-out 0s infinite alternate none running loading;
}

._error_s80le_1 {
    padding-bottom: 10px;
}

._loaderDestinationCurrencies_s80le_5 {
    margin-bottom: 8px;
}

._numberInputFakeSelectWrapper_s80le_9 {
    display: flex;
    column-gap: 5px;
}

._numberInputFakeSelectWrapper_s80le_9>div:first-child {
    flex: 1 1 auto;
}

._fakeSelect_s80le_17 {
    width: unset;
    padding: 16px 28px 16px 16px;
}

._fakeSelect_s80le_17>svg {
    right: 16px;
}

@keyframes _slideRight_13dex_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_13dex_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_13dex_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_13dex_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_13dex_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_13dex_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_13dex_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_13dex_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_13dex_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_13dex_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_13dex_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._exchangeLimits_13dex_101 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: space-between;
    min-width: 100%;
    margin-bottom: 16px;
}

._exchangeLimits_13dex_101 ._limit_13dex_109 {
    flex: 1 1 0%;
    background-color: var(--color-background-quinary);
    color: var(--color-text-secondary);
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    min-width: calc(50% - 16px);
    text-align: center;
}

._exchangeLimits_13dex_101 ._limit_13dex_109 ._limitLabel_13dex_122 {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
    text-align: center;
}

@keyframes _slideRight_1q4vp_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1q4vp_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1q4vp_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1q4vp_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1q4vp_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1q4vp_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1q4vp_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1q4vp_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1q4vp_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1q4vp_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1q4vp_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._title_1q4vp_101 {
    margin-bottom: 24px;
}

._content_1q4vp_105 {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    z-index: 2;
    align-self: stretch;
}

@media only screen and (max-width: 575.98px) {
    ._content_1q4vp_105 {
        flex: 1 1 auto;
    }
}

._amountContainer_1q4vp_118 {
    display: flex;
    flex-flow: wrap;
    gap: 5px;
    margin-bottom: 8px;
}

@media only screen and (max-width: 575.98px) {
    ._amountContainer_1q4vp_118 {
        flex-wrap: nowrap;
    }
}

._amountContainer_1q4vp_118>div:first-child {
    flex: 1 1 auto;
    animation: 0.3s ease-in 0s 1 normal none running _growthRight_1q4vp_1;
}

._amountContainer_1q4vp_118>div:first-child>div {
    height: 100%;
}

@media only screen and (max-width: 575.98px) {
    ._amountContainer_1q4vp_118>div:first-child input {
        width: 150px;
    }
}

._amountContainer_1q4vp_118>div:nth-child(2) {
    width: unset;
}

._amountContainer_1q4vp_118._collapsed_1q4vp_145 {
    width: 100%;
}

._amountContainer_1q4vp_118._collapsed_1q4vp_145>div:first-child {
    max-width: 0px;
    display: none;
}

._amountContainer_1q4vp_118._collapsed_1q4vp_145>div:nth-child(2) {
    width: 100%;
}

._minimalAmount_1q4vp_156 {
    padding-bottom: 10px;
}

._description_1q4vp_160,
._minimalAmount_1q4vp_156 {
    color: var(--color-text-tertiary);
    font-size: 1.2rem;
}

._conversion_1q4vp_165,
._availableQuantity_1q4vp_165 {
    margin-top: 8px;
}

._footer_1q4vp_169 {
    flex: 1 1 auto;
    display: flex;
    align-items: self-end;
    margin-top: 16px;
}

._amountErrorMessage_1q4vp_176 {
    color: rgb(211, 29, 41);
}

._max_1q4vp_180 {
    background-color: rgb(255, 91, 46);
    color: rgb(255, 255, 255);
    padding: 6px 8px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 1.2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

._quantityInput_1q4vp_193 {
    position: relative;
}

._quantityInput_1q4vp_193 ._input_1q4vp_196 {
    height: 100%;
}

._quantityInput_1q4vp_193 ._input_1q4vp_196 input {
    padding-right: 30px;
}

@keyframes _slideRight_1sfzc_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1sfzc_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1sfzc_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1sfzc_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1sfzc_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1sfzc_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1sfzc_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1sfzc_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1sfzc_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1sfzc_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1sfzc_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._fee_1sfzc_101 {
    margin-top: 16px;
}

@keyframes _slideRight_o0xm4_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_o0xm4_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_o0xm4_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_o0xm4_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_o0xm4_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_o0xm4_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_o0xm4_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_o0xm4_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_o0xm4_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_o0xm4_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_o0xm4_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._securityContainer_o0xm4_101 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 16px;
}

._error_o0xm4_108 {
    text-align: center;
}

@keyframes _slideRight_16l0a_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_16l0a_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_16l0a_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_16l0a_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_16l0a_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_16l0a_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_16l0a_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_16l0a_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_16l0a_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_16l0a_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_16l0a_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._emailVerificationCodeInput_16l0a_101 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

._resendCode_16l0a_107 {
    cursor: pointer;
    display: block;
    color: rgb(255, 91, 46);
    font-size: 1.2rem;
}

._resendCode_16l0a_107:hover {
    text-decoration: underline;
}

._resendCode_16l0a_107:disabled {
    color: rgb(168, 179, 184);
    text-decoration: none;
    cursor: initial;
}

._description_16l0a_122 {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
    margin: 8px 0px;
    text-align: center;
}

._error_16l0a_129 {
    margin-bottom: 8px;
}

@keyframes _slideRight_19slh_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_19slh_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_19slh_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_19slh_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_19slh_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_19slh_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_19slh_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_19slh_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_19slh_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_19slh_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_19slh_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._googleAuthenticatorInput_19slh_101 {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

._description_19slh_107 {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
    margin-bottom: 8px;
    text-align: center;
    margin-top: 8px;
}

._link_19slh_115 {
    align-self: center;
    color: rgb(255, 91, 46);
    font-size: 1.2rem;
}

._link_19slh_115:hover {
    cursor: pointer;
    text-decoration: underline;
}

@keyframes _slideRight_121jd_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_121jd_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_121jd_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_121jd_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_121jd_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_121jd_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_121jd_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_121jd_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_121jd_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_121jd_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_121jd_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._passwordInput_121jd_101 {
    display: flex;
    align-items: center;
    min-width: 100%;
    background-color: var(--color-background-secondary);
    border-radius: 8px;
}

._passwordInput_121jd_101 input {
    flex: 1 1 0%;
    padding: 16px 24px;
    border: 1px solid transparent;
    color: var(--color-text-primary);
}

._passwordInput_121jd_101 input:focus {
    outline: none;
}

._passwordInput_121jd_101 button {
    cursor: pointer;
    display: flex;
    align-items: center;
}

._passwordInput_121jd_101 button svg {
    position: absolute;
    right: 12px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _loading_115el_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._passkeyAuthentication_115el_9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

._passkeyAuthentication_115el_9 span {
    text-align: center;
}

._passkeyAuthentication_115el_9 ._error_115el_18 {
    font-size: 1.4rem;
    color: rgb(211, 29, 41);
}

@keyframes _slideRight_egccq_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_egccq_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_egccq_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_egccq_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_egccq_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_egccq_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_egccq_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_egccq_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_egccq_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_egccq_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_egccq_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._authenticationMethodSelector_egccq_101 ._description_egccq_101 {
    color: var(--color-text-tertiary);
    margin: 24px 0px;
    font-size: 1.6rem;
    font-weight: 600;
}

._authenticationMethodSelector_egccq_101 ._securityMethodSelection_egccq_107 {
    display: flex;
    flex-direction: column;
    background-color: var(--color-background-secondary);
    border-radius: 8px;
    width: 100%;
}

._authenticationMethodSelector_egccq_101 ._securityMethodSelection_egccq_107 ._securityMethodButton_egccq_114 {
    color: var(--color-text-primary);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    margin: 8px;
    padding: 16px;
    transition: 0.3s;
    cursor: pointer;
}

._authenticationMethodSelector_egccq_101 ._securityMethodSelection_egccq_107 ._securityMethodButton_egccq_114 ._arrow_egccq_126 {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 91, 46);
}

._authenticationMethodSelector_egccq_101 ._securityMethodSelection_egccq_107 ._securityMethodButton_egccq_114:hover {
    background-color: rgba(216, 218, 223, 0.15);
}

._authenticationMethodSelector_egccq_101 ._securityMethodSelection_egccq_107 hr {
    border-bottom: 1px solid rgb(216, 218, 223);
}

._authenticationMethodSelector_egccq_101 ._securityMethodSelection_egccq_107 hr:last-child {
    display: none;
}

[data-theme="dark"] div._authenticationMethodSelector_egccq_101 ._securityMethodSelection_egccq_107 ._securityMethodButton_egccq_114:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] div._authenticationMethodSelector_egccq_101 ._securityMethodSelection_egccq_107 hr {
    border-bottom: 1px solid rgb(216, 218, 223);
}

._description_t7lo6_1 {
    color: var(--color-text-quaternary);
    margin: 24px 0px;
    font-size: 1.6rem;
    font-weight: 500;
}

._securityMethodSelection_t7lo6_8 {
    display: flex;
    flex-direction: column;
    background-color: var(--color-background-secondary);
    border-radius: 8px;
    width: 100%;
}

._securityMethodSelection_t7lo6_8 ._securityMethodButton_t7lo6_15 {
    color: var(--color-text-quaternary);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    margin: 8px;
    padding: 16px;
    transition: 0.3s;
    cursor: pointer;
}

._securityMethodSelection_t7lo6_8 ._securityMethodButton_t7lo6_15 ._arrow_t7lo6_27 {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 91, 46);
}

._securityMethodSelection_t7lo6_8 ._securityMethodButton_t7lo6_15:hover {
    background-color: var(--color-background-quaternary);
}

._securityMethodSelection_t7lo6_8 hr {
    border: 1px solid var(--color-separator);
}

._securityMethodSelection_t7lo6_8 hr:last-child {
    display: none;
}

._footer_t7lo6_48 {
    margin-top: auto;
    display: flex;
    justify-content: center;
    padding-top: 24px;
}

._footer_eyu9s_1 {
    margin-top: auto;
    display: flex;
    justify-content: center;
    padding-top: 24px;
    gap: 8px;
}

._error_eyu9s_9 {
    margin-top: 16px;
}

@keyframes _fadeIn_g2mmp_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_g2mmp_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_g2mmp_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_g2mmp_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_g2mmp_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_g2mmp_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_g2mmp_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_g2mmp_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._enable2faSection_g2mmp_87 {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
}

._enable2faSection_g2mmp_87 p {
    text-align: left;
    display: flex;
    flex-direction: row;
    gap: 8px;
}

._enable2faSection_g2mmp_87 p>svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._enable2faSection_g2mmp_87 ._qrCodeSection_g2mmp_108 {
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin-top: 16px;
}

._enable2faSection_g2mmp_87 ._qrCodeSection_g2mmp_108>div {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

._enable2faSection_g2mmp_87 ._qrCodeSection_g2mmp_108>div>span {
    text-align: left;
    color: var(--color-text-quaternary);
}

._enable2faSection_g2mmp_87 ._qrCodeSection_g2mmp_108>div b {
    display: flex;
    align-items: center;
    gap: 8px;
}

._enable2faSection_g2mmp_87 ._qrCodeSection_g2mmp_108>div b svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

._enable2faSection_g2mmp_87 ._qrCodeSection_g2mmp_108 ._qrCodeSeparator_g2mmp_138 {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
}

._enable2faSection_g2mmp_87 ._qrCodeSection_g2mmp_108 ._qrCodeSeparator_g2mmp_138 hr {
    flex: 1 1 0%;
    border: 1px solid var(--color-separator);
}

._enable2faSection_g2mmp_87 ._qrCodeSection_g2mmp_108 ._qrCodeSeparator_g2mmp_138 span {
    color: rgb(168, 179, 184);
    margin: 0px 8px;
}

._enable2faSection_g2mmp_87 ._otpInputSection_g2mmp_152 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 40px;
}

._enable2faSection_g2mmp_87 ._otpInputSection_g2mmp_152 h3 {
    font-size: 1.8rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-weight: 700;
}

._enable2faSection_g2mmp_87 ._otpInputSection_g2mmp_152 h3 svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _fadeIn_nevcc_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_nevcc_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_nevcc_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_nevcc_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_nevcc_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_nevcc_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_nevcc_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_nevcc_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._copyTooltip_nevcc_87 {
    width: fit-content;
}

._copyTooltip_nevcc_87 ._copyBtn_nevcc_90 {
    display: flex;
    align-items: center;
    justify-content: center;
}

._copyTooltip_nevcc_87 ._copyBtn_nevcc_90:disabled svg path {
    stroke: rgb(50, 77, 87);
}

[data-theme="dark"] ._copyTooltip_nevcc_87 ._copyBtn_nevcc_90:disabled svg path {
    stroke: rgb(216, 218, 223);
}

._copyTooltip_nevcc_87 ._copyBtn_nevcc_90>svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _fadeIn_1l13x_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1l13x_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1l13x_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1l13x_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1l13x_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1l13x_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1l13x_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1l13x_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._trigger_1l13x_87 {
    cursor: pointer;
}

._tooltip_1l13x_91 {
    z-index: 1000;
    position: absolute;
    background-color: rgb(255, 255, 255);
    border-radius: 8px;
    border: 1px solid rgb(235, 236, 244);
    padding: 8px;
    color: rgb(50, 77, 87);
    font-size: 1.1rem;
    max-width: 200px;
    white-space: normal !important;
}

[data-theme="dark"] ._tooltip_1l13x_91 {
    background-color: rgb(11, 22, 45);
    color: rgb(168, 179, 184);
    border-color: transparent;
}

._footer_o3l6p_1 {
    margin-top: auto;
    display: flex;
    justify-content: center;
    padding-top: 24px;
    gap: 8px;
}

._passkeyRegistration_o3l6p_9 {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

._passkeyRegistration_o3l6p_9 span {
    text-align: center;
}

._error_o3l6p_20 {
    margin-top: 16px;
}

@keyframes _slideRight_p16hi_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_p16hi_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_p16hi_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_p16hi_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_p16hi_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_p16hi_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_p16hi_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_p16hi_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_p16hi_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_p16hi_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_p16hi_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._title_p16hi_101,
._addIBAN_p16hi_105 {
    margin-bottom: 24px;
}

._footer_p16hi_109 {
    display: flex;
    column-gap: 24px;
    flex: 1 1 auto;
    align-items: self-end;
    margin-top: 16px;
}

._toggler_p16hi_117 {
    font-size: 1.2rem;
    font-weight: 400;
    cursor: pointer;
}

._toggler_p16hi_117:hover {
    text-decoration: underline;
}

@keyframes _slideRight_hsqq2_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_hsqq2_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_hsqq2_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_hsqq2_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_hsqq2_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_hsqq2_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_hsqq2_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_hsqq2_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_hsqq2_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_hsqq2_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_hsqq2_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._title_hsqq2_101 {
    color: var(--color-text-tertiary);
    font-size: 1.6rem;
    font-weight: 600;
    padding-bottom: 24px;
    align-self: stretch;
}

._description_hsqq2_109 {
    margin-bottom: 24px;
}

._description_hsqq2_109 strong {
    font-weight: 700;
}

._container_hsqq2_116 {
    max-height: 300px;
    overflow: auto;
    align-self: stretch;
}

._actions_hsqq2_122 {
    display: flex;
    column-gap: 8px;
}

@keyframes _slideRight_1cxkn_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1cxkn_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1cxkn_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1cxkn_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1cxkn_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1cxkn_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1cxkn_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1cxkn_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1cxkn_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1cxkn_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1cxkn_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._addressContainer_1cxkn_101 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 100%;
    padding: 0px 16px;
    border-radius: 8px;
    background-color: var(--color-background-secondary);
}

._addressContainer_1cxkn_101> :not(:last-child) {
    border-bottom: 1px solid rgb(168, 179, 184);
}

@keyframes _slideRight_fjex1_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_fjex1_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_fjex1_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_fjex1_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_fjex1_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_fjex1_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_fjex1_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_fjex1_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_fjex1_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_fjex1_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_fjex1_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._userAddress_fjex1_101 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 0px;
}

._userAddress_fjex1_101 ._addressInfo_fjex1_107 {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: rgba(255, 151, 122, 0.05);
    border-radius: 4px;
}

._userAddress_fjex1_101 ._addressInfo_fjex1_107 ._networkName_fjex1_115 {
    font-size: 1.2rem;
    color: rgb(168, 179, 184);
}

._userAddress_fjex1_101 ._addressInfo_fjex1_107 ._address_fjex1_107 {
    font-weight: 500;
    color: var(--color-text-primary);
}

._userAddress_fjex1_101 ._addressInfo_fjex1_107 ._completeAddressButton_fjex1_123 {
    color: rgb(255, 91, 46);
    justify-content: flex-start;
    transition: color 0.2s;
}

._userAddress_fjex1_101 ._addressInfo_fjex1_107 ._completeAddressButton_fjex1_123:hover {
    color: rgb(255, 151, 122);
}

._userAddress_fjex1_101 ._informationRequired_fjex1_131 {
    font-size: 1.2rem;
    color: rgb(168, 179, 184);
    padding: 8px;
    background-color: rgba(255, 151, 122, 0.15);
    border-radius: 4px;
}

._userAddress_fjex1_101 ._informationRequired_fjex1_131 b {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--color-text-primary);
}

._userAddress_fjex1_101 ._informationRequired_fjex1_131 a {
    color: rgb(255, 91, 46);
    transition: color 0.2s;
}

._userAddress_fjex1_101 ._informationRequired_fjex1_131 a:hover {
    color: rgb(255, 151, 122);
}

._userAddress_fjex1_101._isComplete_fjex1_150 ._addressInfo_fjex1_107 {
    background-color: unset;
    cursor: pointer;
}

._userAddress_fjex1_101._isComplete_fjex1_150 ._addressInfo_fjex1_107:hover,
._userAddress_fjex1_101._isActive_fjex1_157 ._addressInfo_fjex1_107 {
    background-color: var(--color-background-senary);
}

@keyframes _slideRight_18on8_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_18on8_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_18on8_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_18on8_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_18on8_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_18on8_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_18on8_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_18on8_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_18on8_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_18on8_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_18on8_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._completeAddress_18on8_101 {
    align-self: stretch;
}

._completeAddress_18on8_101 ._subtitle_18on8_104 {
    color: var(--color-text-tertiary);
    font-size: 1.6rem;
    font-weight: 600;
    padding-bottom: 24px;
    display: flex;
    flex-direction: column;
    align-self: stretch;
}

._completeAddress_18on8_101 ._subtitle_18on8_104 ._toggler_18on8_113 {
    font-size: 1.2rem;
    font-weight: 400;
    cursor: pointer;
}

._completeAddress_18on8_101 ._subtitle_18on8_104 ._toggler_18on8_113:hover {
    text-decoration: underline;
}

._completeAddress_18on8_101 ._form_18on8_121 {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    margin-bottom: auto;
}

._completeAddress_18on8_101 ._form_18on8_121 div._select_18on8_127,
._completeAddress_18on8_101 ._form_18on8_121 div._select_18on8_127 * {
    font-weight: 400;
}

._completeAddress_18on8_101 ._form_18on8_121 div._select_18on8_127 ul {
    border: 1px solid rgb(219, 219, 219);
}

._completeAddress_18on8_101 ._form_18on8_121 ._explanationLink_18on8_134 {
    font-size: 1.2rem;
    color: rgb(255, 91, 46);
}

._footer_18on8_139 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    min-width: 100%;
    margin-top: auto;
    padding-top: 24px;
}

@keyframes _slideRight_1ooqt_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1ooqt_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1ooqt_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1ooqt_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1ooqt_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1ooqt_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1ooqt_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1ooqt_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1ooqt_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1ooqt_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1ooqt_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._addAddressContainer_1ooqt_101 {
    position: relative;
    z-index: 2;
    align-self: stretch;
}

._addAddressContainer_1ooqt_101 ._fakeLabel_1ooqt_106 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: var(--color-text-tertiary);
    text-align: left;
}

._addAddressContainer_1ooqt_101 ._fakeLabel_1ooqt_106 * {
    font-size: 1.6rem;
    font-weight: 400;
}

._addAddressContainer_1ooqt_101 ._fakeLabel_1ooqt_106 ._switchButton_1ooqt_119 {
    display: inline-flex;
    gap: 16px;
}

._addAddressContainer_1ooqt_101 ._fakeLabel_1ooqt_106 ._switchButton_1ooqt_119 button {
    flex: 1 1 0%;
    min-height: 40px;
    border-radius: 8px;
    border: 1px solid rgb(168, 179, 184);
    color: var(--color-text-tertiary);
    transition: 0.2s ease-in-out;
}

._addAddressContainer_1ooqt_101 ._fakeLabel_1ooqt_106 ._switchButton_1ooqt_119 button[data-selected="true"],
._addAddressContainer_1ooqt_101 ._fakeLabel_1ooqt_106 ._switchButton_1ooqt_119 button:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 91, 46);
    border-color: rgb(255, 91, 46);
}

._addAddressContainer_1ooqt_101 ._fakeLabel_1ooqt_106 ._switchButton_1ooqt_119 button:hover {
    opacity: 0.8;
}

._addAddressContainer_1ooqt_101 ._doubleInput_1ooqt_139 {
    display: inline-flex;
    gap: 16px;
}

._addAddressContainer_1ooqt_101 ._doubleInput_1ooqt_139>* {
    min-width: 100px;
    flex: 1 1 0%;
}

._addAddressContainer_1ooqt_101 ._holderRecap_1ooqt_147 {
    border-radius: 8px;
    background-color: var(--color-background-secondary);
    padding: 16px 24px;
    gap: 8px;
    display: flex;
    flex-direction: column;
}

._addAddressContainer_1ooqt_101 ._holderRecap_1ooqt_147 span:first-child {
    font-size: 1.4rem;
    font-weight: 400;
}

._addAddressContainer_1ooqt_101 ._holderRecap_1ooqt_147 span {
    color: var(--color-text-tertiary);
}

._subtitle_1ooqt_163 {
    color: var(--color-text-tertiary);
    font-size: 1.6rem;
    font-weight: 600;
    padding-bottom: 24px;
    display: flex;
    align-items: center;
    column-gap: 8px;
}

._subtitle_1ooqt_163 svg {
    cursor: pointer;
}

._form_1ooqt_176 {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

._form_1ooqt_176 ._formSection_1ooqt_181 {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

._form_1ooqt_176 div._select_1ooqt_186,
._form_1ooqt_176 div._select_1ooqt_186 * {
    font-weight: 400;
}

._form_1ooqt_176 ._coldWalletBanner_1ooqt_190 {
    background-color: var(--color-background-quinary);
    padding: 16px;
    font-size: 1.4rem;
    color: var(--color-text-primary);
    border-radius: 8px;
    width: 100%;
    margin-top: 16px;
}

._form_1ooqt_176 ._coldWalletBanner_1ooqt_190 a {
    color: rgb(255, 91, 46);
}

._form_1ooqt_176 ._explanationLink_1ooqt_202 {
    font-size: 1.2rem;
    color: rgb(255, 91, 46);
}

._form_1ooqt_176 ._explanationLink_1ooqt_202._memoExplanation_1ooqt_206 {
    margin-left: auto;
}

@keyframes _slideRight_3az2z_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_3az2z_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_3az2z_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_3az2z_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_3az2z_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_3az2z_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_3az2z_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_3az2z_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_3az2z_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_3az2z_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_3az2z_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

label._formGroup_3az2z_101 {
    background-color: var(--color-background-secondary);
    padding: 16px 24px;
    border-radius: 8px;
    font-size: 1.6rem;
    font-weight: 400;
    border: 1px solid transparent;
}

label._formGroup_3az2z_101 pre {
    font-size: 1.2rem;
    color: var(--color-text-tertiary);
}

label._formGroup_3az2z_101 input {
    color: var(--color-text-primary);
}

label._formGroup_3az2z_101._error_3az2z_116 {
    border-color: rgb(231, 64, 64);
}

label._formGroup_3az2z_101._disabled_3az2z_119 {
    opacity: 0.4;
}

@keyframes _slideRight_1ezy8_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1ezy8_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1ezy8_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1ezy8_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1ezy8_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1ezy8_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1ezy8_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1ezy8_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1ezy8_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1ezy8_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1ezy8_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

div._nestedSelect_1ezy8_101 {
    color: var(--color-text-primary);
    position: relative;
}

div._nestedSelect_1ezy8_101[data-disabled="true"]>div {
    pointer-events: none;
    background-color: rgba(216, 218, 223, 0.5) !important;
    color: rgb(168, 179, 184) !important;
}

div._nestedSelect_1ezy8_101[data-disabled="true"]>div svg path {
    fill: rgb(168, 179, 184) !important;
}

div._nestedSelect_1ezy8_101>div {
    border-radius: 10px;
    background-color: var(--color-background-secondary);
    display: flex;
    align-items: center;
    cursor: pointer;
    min-height: 56px;
}

div._nestedSelect_1ezy8_101>div>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 24px;
    line-height: 2.1rem;
    min-width: 100%;
}

div._nestedSelect_1ezy8_101>div>div.placeholder {
    color: rgb(168, 179, 184) !important;
}

div._nestedSelect_1ezy8_101>div input {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    min-width: 100%;
    padding: 16px 34px 16px 24px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
}

div._nestedSelect_1ezy8_101>div svg {
    width: 12px;
    height: 12px;
    min-width: 12px;
    max-width: 12px;
    min-height: 12px;
    max-height: 12px;
    object-fit: contain;
    object-position: center center;
    transform: rotate(-90deg);
    position: absolute;
    right: 16px;
    transition: 0.2s ease-in-out;
}

div._nestedSelect_1ezy8_101>div svg path {
    fill: var(--color-text-primary);
}

div._nestedSelect_1ezy8_101 ul {
    min-width: 100%;
    visibility: hidden;
    position: absolute;
    padding: 8px;
    background-color: var(--color-background-select);
    z-index: 10;
    border-radius: 8px;
    transform: scaleY(0);
    transform-origin: center top;
    overflow-y: auto;
    transition: 0.2s ease-in-out;
    opacity: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
    max-height: 280px;
}

div._nestedSelect_1ezy8_101 ul li {
    padding: 8px;
    margin: 0px;
    transition: 0.2s ease-in-out;
    cursor: pointer;
    border-radius: 5px;
}

div._nestedSelect_1ezy8_101 ul li:not(._noResult_1ezy8_184):hover,
div._nestedSelect_1ezy8_101 ul li._current_1ezy8_184 {
    background-color: var(--color-background-senary);
}

div._nestedSelect_1ezy8_101 ul li._noResult_1ezy8_184 {
    opacity: 0.7;
    cursor: default;
}

div._nestedSelect_1ezy8_101[data-opened="true"] svg {
    transform: rotate(90deg);
}

div._nestedSelect_1ezy8_101[data-opened="true"] ul {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
    box-shadow: 0 4px 30px 0 var(--color-background-septenary);
}

div._nestedSelect_1ezy8_101._openFromBottom_1ezy8_200 ul {
    transform-origin: center bottom;
    top: unset;
    bottom: calc(100% + 4px);
}

div._nestedSelect_1ezy8_101 ._optionWithSubOptions_1ezy8_205 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div._nestedSelect_1ezy8_101 ._optionWithSubOptions_1ezy8_205 svg {
    font-size: 1.4rem !important;
    transform: rotate(180deg);
}

div._nestedSelect_1ezy8_101 ._optionWithSubOptions_1ezy8_205 svg path {
    fill: var(--color-text-primary);
}

div._nestedSelect_1ezy8_101 ._backOption_1ezy8_217 {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 1.4rem !important;
}

div._nestedSelect_1ezy8_101 ._backOption_1ezy8_217 svg {
    font-size: 1.4rem !important;
    transform: rotate(0deg);
}

div._nestedSelect_1ezy8_101 ._backOption_1ezy8_217 svg path {
    fill: var(--color-text-primary);
}

@keyframes _slideRight_i8q68_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_i8q68_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_i8q68_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_i8q68_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_i8q68_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_i8q68_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_i8q68_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_i8q68_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_i8q68_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_i8q68_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_i8q68_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._title_i8q68_101,
._addIBAN_i8q68_105 {
    margin-bottom: 24px;
}

._footer_i8q68_109 {
    margin-top: auto;
    display: flex;
    column-gap: 24px;
}

._subtitle_i8q68_115 {
    color: var(--color-text-tertiary);
    font-size: 1.6rem;
    font-weight: 600;
    padding-bottom: 24px;
    display: flex;
    flex-direction: column;
    align-self: stretch;
}

._toggler_i8q68_125 {
    font-size: 1.2rem;
    font-weight: 400;
    cursor: pointer;
}

._toggler_i8q68_125:hover {
    text-decoration: underline;
}

@keyframes _slideRight_10sul_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_10sul_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_10sul_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_10sul_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_10sul_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_10sul_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_10sul_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_10sul_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_10sul_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_10sul_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_10sul_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._default_10sul_101 {
    --color-text-primary: hsl(204, 80%, 8%);
    --color-text-secondary: hsl(204, 80%, 8%);
    --color-text-tertiary: hsl(197, 27%, 27%);
    --color-text-quaternary: hsl(203, 61%, 11%);
    --color-text-quinary: hsl(199, 10%, 69%);
    --color-background-primary: hsl(40, 50%, 98%);
    --color-background-secondary: white;
    --color-background-tertiary: hsla(0, 0%, 100%, .5);
    --color-background-quaternary: hsla(43, 44%, 94%, .8);
    --color-background-quinary: hsl(43, 44%, 94%);
    --color-background-senary: hsl(233, 29%, 94%);
    --color-background-septenary: white;
    --color-background-octonary: hsl(9, 87%, 97%);
    --color-background-nonary: hsl(240, 4%, 95%);
    --color-separator: hsl(223, 10%, 86%);
    --color-border-secondary: hsla(233, 29%, 94%, .7);
    --linear-background: linear-gradient(95deg, hsl(40, 50%, 98%) 15.73%, hsl(43, 44%, 94%) 95.85%);
    --overlay-background: hsla(0, 0%, 0%, .1);
    --color-background-select: white;
    --close-module-background: white;
}

._default_10sul_101 .react-loading-skeleton {
    --base-color: hsl(0, 0%, 90%) !important;
    --highlight-color: hsl(0, 0%, 95%) !important;
}

._default_10sul_101 {
    --background-mobile-menu: var(--linear-background);
}

._dark_10sul_131 {
    --color-text-primary: white;
    --color-text-secondary: hsl(0, 0%, 86%);
    --color-text-tertiary: hsl(199, 10%, 69%);
    --color-text-quaternary: hsl(199, 10%, 69%);
    --color-text-quinary: hsl(40, 50%, 98%);
    --color-background-primary: linear-gradient(35deg, hsl(230deg 38% 12%) 0%, hsl(227deg 27% 17%) 50%, hsl(225deg 23% 22%) 74%, hsl(224deg 22% 25%) 88%, hsl(224deg 21% 28%) 96%, hsl(223deg 20% 31%) 100%, hsl(223deg 20% 33%) 101%, hsl(223deg 19% 35%) 100%);
    --color-background-secondary: hsla(204, 80%, 8%, .25);
    --color-background-tertiary: hsla(0, 0%, 0%, .1);
    --color-background-quaternary: hsla(0, 0%, 100%, .15);
    --color-background-quinary: hsla(223, 10%, 86%, .15);
    --color-background-senary: hsla(0, 0%, 100%, .15);
    --color-background-septenary: hsl(220, 61%, 11%);
    --color-background-octonary: hsla(13, 100%, 74%, .1);
    --color-background-nonary: hsl(220, 61%, 11%);
    --color-separator: hsla(0, 0%, 100%, .15);
    --color-border-secondary: hsla(0, 0%, 100%, .15);
    --linear-background: linear-gradient(35deg, hsl(230deg 38% 12%) 0%, hsl(227deg 27% 17%) 50%, hsl(225deg 23% 22%) 74%, hsl(224deg 22% 25%) 88%, hsl(224deg 21% 28%) 96%, hsl(223deg 20% 31%) 100%, hsl(223deg 20% 33%) 101%, hsl(223deg 19% 35%) 100%);
    --overlay-background: hsla(0, 0%, 0%, .55);
    --color-background-select: hsl(224, 30%, 18%);
    --close-module-background: hsl(224, 30%, 18%);
}

._dark_10sul_131 .react-loading-skeleton {
    --base-color: hsla(176, 20%, 34%, .07) !important;
    --highlight-color: hsla(0, 0%, 100%, .15) !important;
}

._dark_10sul_131 {
    --background-mobile-menu: unset;
}

@keyframes _slideRight_d4vr9_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_d4vr9_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_d4vr9_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_d4vr9_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_d4vr9_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_d4vr9_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_d4vr9_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_d4vr9_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_d4vr9_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_d4vr9_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_d4vr9_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

div._menu_d4vr9_101 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;
    height: 64px;
    min-height: 64px;
    width: 100%;
    background: var(--linear-background);
}

@media only screen and (max-width: 575.98px) {
    div._menu_d4vr9_101 {
        box-shadow: unset;
        border-bottom: 1px solid var(--color-background-quaternary);
        border-radius: 0px;
        background: var(--background-mobile-menu);
    }
}

div._menu_d4vr9_101>svg {
    width: 6px;
    height: 10px;
    min-width: 6px;
    max-width: 6px;
    min-height: 10px;
    max-height: 10px;
    object-fit: contain;
    object-position: center center;
    cursor: pointer;
}

div._menu_d4vr9_101>nav {
    display: inline-flex;
    gap: 16px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
}

div._menu_d4vr9_101>nav::-webkit-scrollbar {
    display: none;
}

div._menu_d4vr9_101>nav>button {
    cursor: pointer;
    transition: 0.2s;
    padding: 11px 16px;
    white-space: nowrap;
    font-family: Matter, sans-serif;
    color: rgb(255, 91, 46);
    font-weight: 500;
    border-radius: 25px;
    background: var(--color-background-tertiary);
    line-height: 16px;
}

div._menu_d4vr9_101>nav>button._current_d4vr9_154,
div._menu_d4vr9_101>nav>button:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 91, 46) !important;
}

@keyframes _slideRight_soo2e_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_soo2e_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_soo2e_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_soo2e_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_soo2e_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_soo2e_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_soo2e_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_soo2e_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_soo2e_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_soo2e_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_soo2e_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._withdrawFlow_soo2e_101 {
    padding: 24px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 auto;
    color: var(--color-text-primary);
    overflow-y: auto;
}

@media only screen and (max-width: 575.98px) {
    ._withdrawFlow_soo2e_101 {
        padding: 24px 15px;
    }
}

._withdrawFlow_soo2e_101>* {
    animation: 0.2s ease-out 0s 1 normal forwards running _fadeUpAnimation_soo2e_1;
}

@keyframes _slideRight_rc75g_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_rc75g_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_rc75g_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_rc75g_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_rc75g_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_rc75g_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_rc75g_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_rc75g_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_rc75g_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_rc75g_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_rc75g_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._title_rc75g_101 {
    margin-bottom: 24px;
}

._content_rc75g_105 {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    z-index: 2;
    align-self: stretch;
}

@media only screen and (max-width: 575.98px) {
    ._content_rc75g_105 {
        flex: 1 1 auto;
    }
}

._amountContainer_rc75g_118 {
    display: flex;
    flex-flow: wrap;
    gap: 5px;
    margin-bottom: 8px;
}

@media only screen and (max-width: 575.98px) {
    ._amountContainer_rc75g_118 {
        flex-wrap: nowrap;
    }
}

._amountContainer_rc75g_118>div:first-child {
    flex: 1 1 auto;
    animation: 0.3s ease-in 0s 1 normal none running _growthRight_rc75g_1;
}

._amountContainer_rc75g_118>div:first-child>div {
    height: 100%;
}

@media only screen and (max-width: 575.98px) {
    ._amountContainer_rc75g_118>div:first-child input {
        width: 150px;
    }
}

._amountContainer_rc75g_118>div:nth-child(2) {
    width: unset;
}

._amountContainer_rc75g_118._collapsed_rc75g_145 {
    width: 100%;
}

._amountContainer_rc75g_118._collapsed_rc75g_145>div:first-child {
    max-width: 0px;
    display: none;
}

._amountContainer_rc75g_118._collapsed_rc75g_145>div:nth-child(2) {
    width: 100%;
}

._minimalAmount_rc75g_156 {
    padding-bottom: 10px;
}

._description_rc75g_160,
._minimalAmount_rc75g_156 {
    color: var(--color-text-tertiary);
    font-size: 1.2rem;
    padding-bottom: 10px;
}

._conversion_rc75g_166,
._availableQuantity_rc75g_166 {
    margin-top: 8px;
}

._footer_rc75g_170 {
    margin-top: 16px;
    display: flex;
    flex: 1 1 auto;
    align-items: self-end;
}

._amountErrorMessage_rc75g_177 {
    color: rgb(211, 29, 41);
}

._max_rc75g_181 {
    background-color: rgb(255, 91, 46);
    color: rgb(255, 255, 255);
    padding: 6px 8px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 1.2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

._quantityInput_rc75g_194 {
    position: relative;
}

._quantityInput_rc75g_194 ._input_rc75g_197 {
    height: 100%;
}

._quantityInput_rc75g_194 ._input_rc75g_197 input {
    padding-right: 30px;
}

._disclaimer_rc75g_204 {
    text-align: center;
    margin-bottom: 20px;
}

@keyframes _slideRight_nbxzi_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_nbxzi_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_nbxzi_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_nbxzi_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_nbxzi_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_nbxzi_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_nbxzi_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_nbxzi_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_nbxzi_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_nbxzi_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_nbxzi_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._currencyLogo_nbxzi_101 {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._error_nbxzi_113 {
    flex-basis: 100%;
}

@keyframes _slideRight_rw285_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_rw285_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_rw285_109 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_rw285_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_rw285_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_rw285_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_rw285_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_rw285_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_rw285_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_rw285_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_rw285_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._title_rw285_101,
._addIBAN_rw285_105 {
    margin-bottom: 24px;
}

._loadingBlock_rw285_109 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}

._footer_rw285_116 {
    display: flex;
    column-gap: 24px;
    flex: 1 1 auto;
    margin-top: 16px;
    align-items: self-end;
}

._subtitle_rw285_124 {
    color: var(--color-text-tertiary);
    font-size: 1.6rem;
    font-weight: 600;
    padding-bottom: 24px;
    display: flex;
    flex-direction: column;
    align-self: stretch;
}

._toggler_rw285_134 {
    font-size: 1.2rem;
    font-weight: 400;
    cursor: pointer;
}

._toggler_rw285_134:hover {
    text-decoration: underline;
}

@keyframes _slideRight_5truq_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_5truq_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_5truq_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_5truq_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_5truq_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_5truq_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_5truq_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_5truq_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_5truq_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_5truq_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_5truq_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._bankContainer_5truq_101 {
    align-self: stretch;
    overflow: auto;
    max-height: 300px;
}

._noBanks_5truq_107 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
}

._noBanks_5truq_107 span {
    color: var(--color-text-tertiary);
}

._noBanks_5truq_107 a {
    margin-top: 8px;
    font-size: 1.4rem;
    color: rgb(255, 91, 46);
    font-weight: 600;
}

@keyframes _slideRight_39vmg_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_39vmg_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_39vmg_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_39vmg_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_39vmg_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_39vmg_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_39vmg_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_39vmg_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_39vmg_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_39vmg_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_39vmg_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._container_39vmg_101 {
    background-color: var(--color-background-secondary);
    padding: 16px;
    border-radius: 8px;
    overflow: auto;
}

._row_39vmg_108 {
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid transparent;
    cursor: pointer;
}

._rowContainer_39vmg_114:has(._active_39vmg_114),
._rowContainer_39vmg_114:hover {
    background-color: var(--color-background-senary);
}

._rowContainer_39vmg_114 {
    padding: 8px;
    border-radius: 8px;
}

._row_39vmg_108:not(:last-child) {
    border-bottom: 1px solid rgb(168, 179, 184);
}

._rowHeader_39vmg_124 {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
    display: flex;
    align-items: center;
}

._rowHeader_39vmg_124 span,
._rowHeader_39vmg_124 div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

._rowContent_39vmg_135 {
    font-weight: 600;
    font-size: 1.6rem;
    display: flex;
    flex-direction: column;
}

._rowContent_39vmg_135 span,
._rowContent_39vmg_135 div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--color-text-primary);
}

@keyframes _slideRight_1fmid_1 {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _scaleUp_1fmid_1 {
    0% {
        transform: scale(0);
    }

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

@keyframes _loading_1fmid_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes _rotate_1fmid_1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeOut_1fmid_1 {

    0%,
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes _scaleDownAnimation_1fmid_1 {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes _fadeUpAnimation_1fmid_1 {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _flash_1fmid_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _fade_1fmid_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1fmid_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _growthRight_1fmid_1 {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 600px;
    }
}

._title_1fmid_101 {
    margin-bottom: 24px;
}

._error_1fmid_105 {
    padding-top: 16px;
}

._footer_1fmid_109 {
    display: flex;
    column-gap: 24px;
    align-items: self-end;
    flex: 1 1 auto;
    margin-top: 16px;
}

@keyframes react-loading-skeleton {
    100% {
        transform: translate(100%);
    }
}

.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block;
    background-color: var(--base-color);
    width: 100%;
    border-radius: 0.25rem;
    display: inline-flex;
    line-height: 1;
    position: relative;
    user-select: none;
    overflow: hidden;
}

.react-loading-skeleton::after {
    content: " ";
    display: var(--pseudo-element-display);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
    background-repeat: no-repeat;
    background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));
    transform: translate(-100%);
    animation-name: react-loading-skeleton;
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
    .react-loading-skeleton {
        --pseudo-element-display: none;
    }
}

@keyframes _fadeIn_1v1b5_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1v1b5_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1v1b5_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1v1b5_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1v1b5_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1v1b5_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1v1b5_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1v1b5_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._main_1v1b5_87 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

._main__container_1v1b5_93 {
    display: flex;
    height: 100%;
    overflow: hidden;
}

._main__content_1v1b5_98 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-width: 0px;
    transition: 0.2s ease-in-out;
}

._main__content_1v1b5_98._hasRightNavOpened_1v1b5_105 {
    margin-right: min(360px, 100vw);
}

@keyframes _fadeIn_1vr8i_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1vr8i_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1vr8i_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1vr8i_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1vr8i_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1vr8i_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1vr8i_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1vr8i_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@media only screen and (max-width: 1399.98px) {
    ._menuContainer_1vr8i_88 {
        flex: 0 0 72px;
    }
}

._userName_1vr8i_93 {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
    font-size: 1.4rem;
    font-weight: 400;
}

._menu_1vr8i_88 {
    z-index: 100;
    background-color: rgb(252, 251, 247);
    transition: background-color 0.6s, max-width 0.2s, padding-left 0.2s;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    overflow: hidden auto;
    font-size: 1.6rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px 0px;
}

@media only screen and (max-width: 1399.98px) {
    ._menu_1vr8i_88 {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
    }
}

._menu_1vr8i_88._open_1vr8i_123 {
    background-color: rgb(255, 255, 255);
    max-width: 1000px;
}

._menu_1vr8i_88._open_1vr8i_123 div._logo_1vr8i_127 {
    margin-left: 4px;
}

._menu_1vr8i_88._open_1vr8i_123 div._logo_1vr8i_127 svg:nth-child(2) {
    min-width: 74px;
    max-width: 74px;
}

._menu_1vr8i_88._open_1vr8i_123 a {
    justify-content: start;
    gap: 8px;
}

._menu_1vr8i_88._open_1vr8i_123 a span {
    opacity: 1;
    display: block;
}

._menu_1vr8i_88._open_1vr8i_123 ._bottomLink_1vr8i_142 {
    display: flex;
}

._menu_1vr8i_88._open_1vr8i_123 div._loggedUser_1vr8i_145 {
    justify-content: start;
    margin-left: 0px;
}

._menu_1vr8i_88._open_1vr8i_123 div._loggedUser_1vr8i_145 span {
    opacity: 1;
}

._menu_1vr8i_88._open_1vr8i_123 div._loggedUser_1vr8i_145 ._userName_1vr8i_93 {
    display: block;
}

._menu_1vr8i_88._open_1vr8i_123 ._layoutIcon_1vr8i_155 {
    margin-bottom: 0px;
}

._menu_1vr8i_88._open_1vr8i_123 ._layoutIcon_1vr8i_155 span {
    display: block;
}

._menu_1vr8i_88 div._logo_1vr8i_127 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 8px;
    padding: 0px 16px;
}

._menu_1vr8i_88 div._logo_1vr8i_127 svg:nth-child(1) {
    width: 40px;
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
    object-fit: contain;
    object-position: center center;
    padding: 6px;
}

._menu_1vr8i_88 div._logo_1vr8i_127._christmasTheme_1vr8i_180 svg:nth-child(1) {
    width: 42px;
    height: 42px;
    min-width: 42px;
    max-width: 42px;
    min-height: 42px;
    max-height: 42px;
    object-fit: contain;
    object-position: center center;
}

._menu_1vr8i_88 div._logo_1vr8i_127 svg:nth-child(2) {
    width: 0px;
    height: 22px;
    min-width: 0px;
    max-width: 0px;
    min-height: 22px;
    max-height: 22px;
    object-fit: contain;
    object-position: center center;
    overflow-x: hidden;
    margin-left: 0px;
    transform: translateY(-2.5px);
    transition: min-width 0.2s, max-width 0.2s, margin-left 0.2s;
}

._menu_1vr8i_88 a {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    color: rgb(11, 32, 45);
    font-weight: 500;
    font-family: Matter, sans-serif;
}

._menu_1vr8i_88 div._loggedUser_1vr8i_145 {
    margin-bottom: 8px;
    padding: 12px 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    height: 40px;
    justify-content: center;
}

._menu_1vr8i_88 div._loggedUser_1vr8i_145>div {
    transition: margin-right 0.2s;
    background-color: rgb(45, 210, 141);
    min-width: 8px;
    max-width: 8px;
    min-height: 8px;
    max-height: 8px;
    border-radius: 4px;
}

._menu_1vr8i_88 div._loggedUser_1vr8i_145>span {
    font-family: Matter, sans-serif;
    color: rgb(168, 179, 184);
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.2s 0.05s;
}

._menu_1vr8i_88 ._bottomLink_1vr8i_142 {
    display: none;
    white-space: nowrap;
    width: 100%;
    text-align: start;
    justify-content: flex-start;
    gap: 8px;
    padding: 8px;
    font-size: 1.4rem;
}

._menu_1vr8i_88 ._bottomLink_1vr8i_142 svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    margin: 0px;
}

._bottomSection_1vr8i_262 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: auto;
    padding: 0px 16px;
}

._bottomSection_1vr8i_262 ._layoutIcon_1vr8i_155 {
    cursor: pointer;
    padding: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-bottom: 40px;
}

._bottomSection_1vr8i_262 ._layoutIcon_1vr8i_155 svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._bottomSection_1vr8i_262 ._layoutIcon_1vr8i_155 svg path {
    color: rgb(11, 32, 45);
}

[data-theme="dark"] ._bottomSection_1vr8i_262 ._layoutIcon_1vr8i_155 svg path {
    color: rgb(168, 179, 184);
}

._bottomSection_1vr8i_262 ._layoutIcon_1vr8i_155 span {
    display: none;
    font-weight: 500;
    font-family: Matter, sans-serif;
    font-size: 1.4rem;
}

._overlay_1vr8i_303 {
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    min-width: 0px;
    max-width: 0px;
    z-index: 15;
    transition: background-color 0.4s;
}

._overlay_1vr8i_303._open_1vr8i_123 {
    background-color: rgba(0, 0, 0, 0.2);
    min-width: 100vw;
    max-width: 100vw;
}

[data-theme="dark"] ._menu_1vr8i_88 {
    transition: max-width 0.4s;
    background-color: rgb(30, 36, 57);
}

[data-theme="dark"] ._menu_1vr8i_88 div._logo_1vr8i_127 svg:nth-child(2) path {
    fill: rgb(255, 255, 255);
}

[data-theme="dark"] ._menu_1vr8i_88 a {
    color: rgb(255, 255, 255);
}

@keyframes _fadeIn_uqi87_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_uqi87_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_uqi87_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_uqi87_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_uqi87_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_uqi87_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_uqi87_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_uqi87_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._menuItems_uqi87_87 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0px 16px;
}

._notificationsCountBubble_uqi87_94 {
    z-index: 1;
    background-color: rgb(255, 87, 41);
    color: rgb(255, 255, 255);
    border-radius: 30px;
    position: absolute;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: translate(14px, -8px);
    font-size: 1rem;
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

@media only screen and (max-width: 991.98px) {
    ._notificationsCountBubble_uqi87_94 {
        transform: translate(8px, -8px);
    }
}

._mobileItem_uqi87_122 {
    margin-bottom: 8px;
    transition: background-color 0.6s;
    border-radius: 10px;
}

._mobileItem_uqi87_122 svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._mobileItem_uqi87_122 svg path {
    color: rgb(11, 32, 45);
}

[data-theme="dark"] ._mobileItem_uqi87_122 svg path {
    color: rgb(168, 179, 184);
}

._mobileItem_uqi87_122 a {
    display: flex;
    align-items: center;
    column-gap: 12px;
    color: rgb(11, 32, 45);
    font-weight: 500;
    font-family: Matter, sans-serif;
    padding: 8px;
    font-size: 2rem;
}

[data-theme="dark"] ._mobileItem_uqi87_122 a {
    color: rgb(255, 255, 255);
}

._mobileItem_uqi87_122 a ._iconContainer_uqi87_158 {
    display: flex;
    justify-content: center;
    align-items: center;
}

._mobileItem_uqi87_122 a ._iconContainer_uqi87_158 svg {
    width: 28px;
    height: 28px;
    min-width: 28px;
    max-width: 28px;
    min-height: 28px;
    max-height: 28px;
    object-fit: contain;
    object-position: center center;
}

._mobileItem_uqi87_122 a ._iconContainer_uqi87_158 path {
    color: rgb(11, 32, 45);
}

[data-theme="dark"] ._mobileItem_uqi87_122 a ._iconContainer_uqi87_158 path {
    color: rgb(168, 179, 184);
}

._mobileItem_uqi87_122 a.active {
    color: rgb(255, 87, 41);
}

._mobileItem_uqi87_122 a.active svg path {
    color: rgb(255, 87, 41) !important;
}

._mobileItem_uqi87_122:hover {
    background-color: rgb(246, 243, 233);
}

[data-theme="dark"] ._mobileItem_uqi87_122:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

._mobileItem_uqi87_122:hover a {
    color: rgb(255, 87, 41);
}

._mobileItem_uqi87_122:hover svg path {
    color: rgb(255, 87, 41);
}

._mobileItem_uqi87_122:has(a.active) {
    color: rgb(255, 87, 41);
}

._item_uqi87_203 {
    padding: 8px;
}

._item_uqi87_203 a {
    border-radius: 10px;
    transition: background-color 0.6s;
    justify-content: center;
}

._item_uqi87_203 a svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    transition: margin-right 0.2s 0.1s;
}

._item_uqi87_203 a svg path {
    color: rgb(11, 32, 45);
}

[data-theme="dark"] ._item_uqi87_203 a svg path {
    color: rgb(168, 179, 184);
}

._item_uqi87_203 a:hover,
._item_uqi87_203 a.active {
    color: rgb(255, 87, 41);
}

._item_uqi87_203 a:hover svg path,
._item_uqi87_203 a.active svg path {
    color: rgb(255, 87, 41);
}

._item_uqi87_203 a span {
    font-size: 1.4rem;
    white-space: nowrap;
    display: none;
    opacity: 0;
    transition: opacity 0.2s 0.05s;
}

@keyframes _fadeIn_19ofe_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_19ofe_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_19ofe_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_19ofe_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_19ofe_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_19ofe_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_19ofe_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_19ofe_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._topbar_19ofe_87 {
    display: flex;
    position: relative;
    align-items: center;
    padding-right: 24px;
}

._topbar_19ofe_87 ._titleContainerBorder_19ofe_93 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
    border-bottom: 1px solid rgb(235, 236, 244);
}

[data-theme="dark"] ._topbar_19ofe_87 ._titleContainerBorder_19ofe_93 {
    border-bottom-color: rgba(255, 255, 255, 0.15);
}

._titleContainer_19ofe_93 {
    flex: 1 1 auto;
    padding: 50px 24px 18px;
}

._titleContainer_19ofe_93._titleContainerBordered_19ofe_109 {
    padding-top: 24px;
}

@media only screen and (max-width: 575.98px) {
    ._titleContainer_19ofe_93 {
        padding: 10px 15px;
    }
}

._title_19ofe_93 {
    margin-bottom: 16px;
}

@media only screen and (max-width: 991.98px) {
    ._title_19ofe_93 {
        font-size: 3.5rem;
    }
}

._description_19ofe_127 {
    color: rgb(168, 179, 184);
    font-size: 1.4rem;
    line-height: 1.4rem;
}

@keyframes _fadeIn_188q7_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_188q7_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_188q7_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_188q7_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_188q7_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_188q7_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_188q7_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_188q7_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._quickActions_188q7_87 {
    position: absolute;
    display: flex;
    column-gap: 10px;
    align-items: center;
    right: 0px;
    top: 0px;
    padding: 24px 24px 16px;
    z-index: 10;
}

._link_188q7_99 {
    width: 36px;
    height: 36px;
    min-width: 36px;
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
    object-fit: contain;
    object-position: center center;
    font-family: Matter, sans-serif;
    background-color: rgb(252, 251, 247);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: rgb(4, 24, 37);
    font-size: 1.4rem;
    font-weight: 700;
}

[data-theme="dark"] ._link_188q7_99 {
    color: rgb(235, 236, 244);
    background-color: rgb(11, 22, 45);
    border-color: rgb(11, 32, 45);
}

._link_188q7_99:hover {
    opacity: 0.8;
}

@media only screen and (max-width: 1199.98px) {
    ._currencySearchBar_188q7_129 {
        width: 200px !important;
    }
}

@keyframes _fadeIn_1kblo_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1kblo_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1kblo_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1kblo_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1kblo_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1kblo_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1kblo_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1kblo_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._themeSwitcher_1kblo_87 {
    background-color: rgb(235, 236, 244);
    min-width: 70px;
    max-width: 70px;
    min-height: 36px;
    max-height: 36px;
    border-radius: 18px;
    display: flex;
    justify-content: space-between;
}

[data-theme="dark"] ._themeSwitcher_1kblo_87 {
    background-color: rgb(11, 22, 45);
}

._themeSwitcher_1kblo_87 svg {
    width: 36px;
    height: 36px;
    min-width: 36px;
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
    object-fit: contain;
    object-position: center center;
    padding: 8px;
    z-index: 3;
    transform-origin: center center;
    transition: transform 0.2s;
    border-radius: 100%;
}

._themeSwitcher_1kblo_87 svg:nth-child(1) path {
    fill: rgb(255, 255, 255);
}

._themeSwitcher_1kblo_87 svg:hover {
    transform: scale(1.1);
}

._themeSwitcher_1kblo_87>div {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgb(168, 179, 184);
    min-width: 36px;
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
    border-radius: 18px;
    transition: left 0.2s;
    z-index: 2;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 2px;
}

[data-theme="dark"] ._themeSwitcher_1kblo_87>div {
    left: 34px;
}

@keyframes _fadeIn_b90bc_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_b90bc_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_b90bc_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_b90bc_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_b90bc_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_b90bc_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_b90bc_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_b90bc_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _shake_b90bc_1 {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(5deg) scale(1.1);
    }

    50% {
        transform: rotate(0deg) scale(1.1);
    }

    75% {
        transform: rotate(-5deg) scale(1.1);
    }

    100% {
        transform: rotate(0deg) scale(1);
    }
}

._affiliationLink_b90bc_104 {
    display: inline-flex;
    gap: 8px;
    background-color: rgb(255, 87, 41);
    color: rgb(255, 255, 255);
    padding: 8px;
    border-radius: 32px;
    align-items: center;
    transition: background-color 0.2s;
    font-size: 1.4rem;
    font-weight: 700;
}

._affiliationLink_b90bc_104 ._giftIcon_b90bc_116 {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
    transform-origin: center center;
}

._affiliationLink_b90bc_104:hover {
    background-color: rgb(255, 151, 122);
}

._affiliationLink_b90bc_104:hover ._giftIcon_b90bc_116 {
    animation: 0.5s linear 0s 1 normal none running _shake_b90bc_1;
}

@keyframes _fadeIn_18gez_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_18gez_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_18gez_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_18gez_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_18gez_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_18gez_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_18gez_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_18gez_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._christmasThemeSwitcher_18gez_87 {
    background-color: rgb(241, 245, 249);
    min-width: 52px;
    max-width: 52px;
    min-height: 32px;
    max-height: 32px;
    border-radius: 18px;
    display: flex;
    justify-content: space-between;
    border: 2px solid rgb(226, 232, 240);
}

._christmasThemeSwitcher_18gez_87 svg {
    width: 28px;
    height: 28px;
    min-width: 28px;
    max-width: 28px;
    min-height: 28px;
    max-height: 28px;
    object-fit: contain;
    object-position: center center;
    padding: 6px;
    z-index: 3;
    transform-origin: center center;
    transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 100%;
    position: relative;
    left: 0px;
}

._christmasThemeSwitcher_18gez_87 svg:nth-child(1) path {
    fill: rgb(255, 255, 255);
}

._christmasThemeSwitcher_18gez_87 svg:hover:not([data-checked="true"]) {
    transform: scale(1.1);
}

._christmasThemeSwitcher_18gez_87 svg {
    color: rgb(202, 213, 226);
}

._christmasThemeSwitcher_18gez_87>div {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgb(255, 255, 255);
    min-width: 28px;
    max-width: 28px;
    min-height: 28px;
    max-height: 28px;
    border-radius: 14px;
    transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 2px;
}

._christmasThemeSwitcher_18gez_87[data-checked="true"] {
    background-color: rgb(212, 36, 38);
    border: 2px solid rgb(212, 36, 38);
    box-shadow: rgba(212, 36, 38, 0.4) 0px 0px 10px;
}

._christmasThemeSwitcher_18gez_87[data-checked="true"]>div {
    left: 20px;
}

._christmasThemeSwitcher_18gez_87[data-checked="true"] svg {
    left: 20px;
    color: rgb(212, 36, 38);
    animation: 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal none running _spinAndSlide_18gez_1;
}

@keyframes _spinAndSlide_18gez_1 {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _fadeIn_16ius_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_16ius_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_16ius_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_16ius_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_16ius_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_16ius_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_16ius_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_16ius_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._searchBarWrapper_16ius_87 {
    position: relative;
    display: inline-block;
    width: 340px;
    max-width: 100%;
    min-width: 100px;
    max-height: 40px;
}

._searchBarWrapper_16ius_87 input._searchBar_16ius_87 {
    width: 100%;
    display: flex;
    color: rgb(50, 77, 87);
    border: 1px solid rgb(235, 236, 244);
    background-color: rgba(216, 218, 223, 0.15);
}

[data-theme="dark"] ._searchBarWrapper_16ius_87 input._searchBar_16ius_87 {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: rgb(255, 255, 255) !important;
}

._noResult_16ius_108 {
    padding: 16px;
    font-size: 1.4rem;
}

._currencySelector_16ius_113 {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    margin-top: 4px;
    background-color: rgb(255, 255, 255);
    color: rgb(4, 24, 37);
    overflow-y: auto;
    border-radius: 16px;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    font-size: 1.4rem;
    line-height: initial;
}

[data-theme="dark"] ._currencySelector_16ius_113 {
    background-color: rgb(11, 22, 45);
    color: rgb(255, 255, 255);
}

._currencySelector_16ius_113 ul {
    padding: 8px;
}

._currencySelector_16ius_113 li {
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    color: rgb(4, 24, 37);
}

[data-theme="dark"] ._currencySelector_16ius_113 li {
    color: rgb(255, 255, 255);
}

._currencySelector_16ius_113 li:hover {
    background-color: rgb(235, 236, 244);
}

[data-theme="dark"] ._currencySelector_16ius_113 li:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

._currencySelector_16ius_113 li b {
    font-weight: 600;
    color: rgb(255, 87, 41);
}

._currencySelector_16ius_113 li img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _fadeIn_1qoir_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1qoir_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1qoir_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1qoir_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1qoir_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1qoir_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1qoir_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1qoir_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

input._roundedInput_1qoir_87 {
    padding: 11px 16px;
    border: 2px solid rgb(235, 236, 244);
    font-size: 1.4rem;
    height: 40px;
    border-radius: 30px !important;
}

[data-theme="dark"] input._roundedInput_1qoir_87 {
    border-color: rgb(168, 179, 184);
    color: rgb(168, 179, 184);
}

@keyframes _fadeIn_9gfwy_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_9gfwy_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_9gfwy_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_9gfwy_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_9gfwy_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_9gfwy_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_9gfwy_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_9gfwy_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._textInput_9gfwy_87 {
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid rgb(216, 218, 223);
    min-width: 100%;
    cursor: text !important;
}

._textInput_9gfwy_87:disabled {
    background-color: rgb(235, 236, 244);
    cursor: not-allowed !important;
}

._textInput_9gfwy_87:disabled {
    background-color: rgb(235, 236, 244);
}

[data-theme="dark"] ._textInput_9gfwy_87 {
    color: rgb(168, 179, 184);
    border-color: rgb(168, 179, 184);
}

[data-theme="dark"] ._textInput_9gfwy_87:disabled {
    background-color: rgba(4, 24, 37, 0.25);
}

@keyframes _fadeIn_bjg3p_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_bjg3p_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_bjg3p_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_bjg3p_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_bjg3p_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_bjg3p_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_bjg3p_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_bjg3p_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._fastActionSideBar_bjg3p_87 {
    position: absolute;
    left: 100%;
    top: 0px;
    bottom: 0px;
    background-color: rgb(255, 255, 255);
    z-index: 99;
    transform-origin: right center;
    transition: transform 0.2s ease-in-out;
    width: min(360px, 100vw);
}

@media only screen and (max-width: 991.98px) {
    ._fastActionSideBar_bjg3p_87 {
        width: 100%;
        padding: 0px 10%;
    }
}

@media only screen and (max-width: 575.98px) {
    ._fastActionSideBar_bjg3p_87 {
        padding: 0px;
    }
}

[data-theme="dark"] ._fastActionSideBar_bjg3p_87 {
    background-color: rgb(30, 36, 57);
}

._fastActionSideBar_bjg3p_87._open_bjg3p_113 {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    transform: translate(-100%);
}

@media only screen and (max-width: 991.98px) {
    ._fastActionSideBar_bjg3p_87._open_bjg3p_113 ._toggleButton_bjg3p_118 {
        left: 0px;
        top: 40px;
        box-shadow: none;
    }
}

._fastActionSideBar_bjg3p_87._open_bjg3p_113 ._toggleButton_bjg3p_118 svg {
    transform: rotate(180deg);
}

._fastActionSideBar_bjg3p_87 ._quickActions_bjg3p_127 {
    width: 100%;
    background: linear-gradient(white 0%, white 90%, transparent 100%);
    justify-content: flex-end;
}

[data-theme="dark"] ._fastActionSideBar_bjg3p_87 ._quickActions_bjg3p_127 {
    background: linear-gradient(rgb(30, 36, 57) 0%, rgb(30, 36, 57) 90%, transparent 100%);
}

._fastActionSideBar_bjg3p_87 ._content_bjg3p_136 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 24px;
    padding: 84px 16px 16px;
    overflow-y: auto;
}

._fastActionSideBar_bjg3p_87 ._toggleButton_bjg3p_118 {
    position: absolute;
    left: -32px;
    top: 56px;
    width: 32px;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    background-color: rgb(252, 251, 248);
    transform-origin: right center;
    transition: transform 0.2s ease-in-out;
    border-color: rgba(216, 218, 223, 0.15);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px 0px 0px 8px;
    z-index: 1;
}

._fastActionSideBar_bjg3p_87 ._toggleButton_bjg3p_118 svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 87, 41);
    transition: transform 0.2s ease-in-out;
}

[data-theme="dark"] ._fastActionSideBar_bjg3p_87 ._toggleButton_bjg3p_118 {
    background-color: rgb(11, 22, 45);
}

._fastActionSideBar_bjg3p_87 ._toggleButton_bjg3p_118:hover {
    transform: scale(1.1);
}

._fastActionSideBar_bjg3p_87 ._fastActionButtonsContainer_bjg3p_187 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
    margin-bottom: 16px;
}

._fastActionSideBar_bjg3p_87 ._fastActionButton_bjg3p_187 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    border-radius: 32px;
    font-family: Matter;
    font-size: 1.4rem;
    font-weight: 700;
    color: rgb(50, 77, 87);
    width: 100%;
    line-height: 100%;
}

[data-theme="dark"] ._fastActionSideBar_bjg3p_87 ._fastActionButton_bjg3p_187 {
    color: rgb(235, 236, 244);
}

._fastActionSideBar_bjg3p_87 ._fastActionButton_bjg3p_187 ._fastActionButtonIcon_bjg3p_213 {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 255, 255);
    transition: 0.3s;
}

._fastActionSideBar_bjg3p_87 ._fastActionButton_bjg3p_187 ._fastActionButtonIconContainer_bjg3p_225 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    background-color: rgb(255, 87, 41);
}

._fastActionSideBar_bjg3p_87 ._fastActionButton_bjg3p_187:hover {
    color: rgb(255, 151, 122);
}

._fastActionSideBar_bjg3p_87 ._fastActionButton_bjg3p_187:hover ._fastActionButtonIconContainer_bjg3p_225 {
    background-color: rgb(255, 151, 122);
}

@keyframes _fadeIn_rdqvg_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_rdqvg_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_rdqvg_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_rdqvg_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_rdqvg_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_rdqvg_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_rdqvg_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_rdqvg_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._swapSection_rdqvg_87 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

._swapSection_rdqvg_87 ._swapIcon_rdqvg_93 {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
    margin: auto;
    color: rgb(255, 151, 122);
    cursor: pointer;
}

._swapSection_rdqvg_87 ._conversionFee_rdqvg_106 {
    font-size: 1.2rem;
    color: rgb(97, 103, 143);
}

._swapSection_rdqvg_87 ._swapButton_rdqvg_110 {
    margin-top: 16px;
}

._swapSection_rdqvg_87 ._swapError_rdqvg_113 {
    display: flex;
    flex-direction: row;
    padding: 8px;
    gap: 8px;
    border-radius: 8px;
    background-color: rgba(255, 151, 122, 0.1);
    border: 1px solid rgb(255, 151, 122);
    align-items: center;
}

._swapSection_rdqvg_87 ._swapError_rdqvg_113 ._swapErrorIcon_rdqvg_123 {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 87, 41);
}

._swapSection_rdqvg_87 ._swapError_rdqvg_113 {
    font-size: 1.2rem;
    color: rgb(50, 77, 87);
}

._swapSection_rdqvg_87 ._swapError_rdqvg_113 div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[data-theme="dark"] ._swapSection_rdqvg_87 ._swapError_rdqvg_113 {
    color: rgb(235, 236, 244);
}

._swapValidated_rdqvg_147 {
    display: flex;
    flex-direction: column;
}

._swapValidated_rdqvg_147 ._successAnimation_rdqvg_151 {
    width: 150px;
    height: 150px;
    min-width: 150px;
    max-width: 150px;
    min-height: 150px;
    max-height: 150px;
    object-fit: contain;
    object-position: center center;
    align-self: center;
}

._swapValidated_rdqvg_147 ._title_rdqvg_162 {
    font-weight: 700;
    margin: 8px 0px;
    align-self: center;
    color: rgb(4, 24, 37);
}

[data-theme="dark"] ._swapValidated_rdqvg_147 ._title_rdqvg_162 {
    color: rgb(255, 255, 255);
}

._swapValidated_rdqvg_147 ._content_rdqvg_172 {
    align-self: center;
    color: rgb(50, 77, 87);
}

[data-theme="dark"] ._swapValidated_rdqvg_147 ._content_rdqvg_172 {
    color: rgb(255, 255, 255);
}

._swapValidated_rdqvg_147 ._closeButton_rdqvg_180 button {
    width: 100%;
    margin-top: 32px;
}

@keyframes _fade_d1jic_1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

svg._loader_d1jic_12 path {
    animation: 1s ease-in-out 0s infinite normal none running _fade_d1jic_1;
}

svg._loader_d1jic_12 path:nth-child(1) {
    animation-delay: 0s;
}

svg._loader_d1jic_12 path:nth-child(2) {
    animation-delay: 0.75s;
}

svg._loader_d1jic_12 path:nth-child(3) {
    animation-delay: 0.25s;
}

svg._loader_d1jic_12 path:nth-child(4) {
    animation-delay: 0.5s;
}

@keyframes _fadeIn_x0exp_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_x0exp_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_x0exp_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_x0exp_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_x0exp_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_x0exp_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_x0exp_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_x0exp_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._currencySelectorContainer_x0exp_87 {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 12px 16px;
    gap: 8px;
    border-radius: 8px;
    background-color: rgb(252, 251, 248);
    position: relative;
}

[data-theme="dark"] ._currencySelectorContainer_x0exp_87 {
    background-color: rgb(11, 22, 45);
}

._currencySelectorContainer_x0exp_87 ._dropdownTrigger_x0exp_101 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    outline: none;
    cursor: pointer;
    z-index: 1;
}

._currencySelectorContainer_x0exp_87 ._labelHeader_x0exp_113 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

._currencySelectorContainer_x0exp_87 ._labelHeader_x0exp_113 span {
    font-size: 1.2rem;
    color: rgb(50, 77, 87);
}

._currencySelectorContainer_x0exp_87 ._labelHeader_x0exp_113 div {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

._currencySelectorContainer_x0exp_87 ._labelHeader_x0exp_113 div button {
    flex: 1 1 0%;
    padding: 6px 8px;
    border-radius: 8px;
    background-color: rgb(254, 243, 241);
    color: rgb(255, 87, 41);
    font-size: 1.2rem;
    font-weight: 600;
}

._currencySelectorContainer_x0exp_87 ._labelHeader_x0exp_113 div button:hover {
    background-color: rgb(255, 87, 41);
    color: rgb(255, 255, 255);
}

[data-theme="dark"] ._currencySelectorContainer_x0exp_87 ._labelHeader_x0exp_113 span {
    color: rgb(235, 236, 244);
}

[data-theme="dark"] ._currencySelectorContainer_x0exp_87 ._labelHeader_x0exp_113 div button {
    background-color: rgba(255, 87, 41, 0.1);
}

._currencySelectorContainer_x0exp_87 ._inputWithSelector_x0exp_148 {
    display: flex;
    max-height: 40px;
}

._currencySelectorContainer_x0exp_87 ._inputWithSelector_x0exp_148 ._numberInput_x0exp_152 {
    flex: 2 1 0%;
    min-width: 0px;
    background: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    color: rgb(50, 77, 87);
    font-size: 2.4rem;
    font-weight: 600;
    padding: 4px 8px 4px 0px;
}

._currencySelectorContainer_x0exp_87 ._inputWithSelector_x0exp_148 ._currencySelector_x0exp_87 {
    flex-direction: row;
    align-items: center;
    flex: 1 1 0%;
    min-width: 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    padding: 8px;
    gap: 8px;
}

._currencySelectorContainer_x0exp_87 ._inputWithSelector_x0exp_148 ._currencySelector_x0exp_87>img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    margin-right: 0px;
}

._currencySelectorContainer_x0exp_87 ._inputWithSelector_x0exp_148 ._currencySelector_x0exp_87 span {
    font-size: 1.4rem;
    color: rgb(50, 77, 87);
    font-weight: 700;
}

[data-theme="dark"] ._currencySelectorContainer_x0exp_87 ._inputWithSelector_x0exp_148 ._numberInput_x0exp_152 {
    color: rgb(235, 236, 244);
}

._currencySelectorContainer_x0exp_87 ._totalAvailableAmount_x0exp_191 {
    font-size: 1.2rem;
    color: rgb(50, 77, 87);
    margin-left: auto;
}

[data-theme="dark"] ._currencySelectorContainer_x0exp_87 ._totalAvailableAmount_x0exp_191 {
    color: rgb(235, 236, 244);
}

@keyframes _loading_xv3zc_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._swapCurrencySelector_xv3zc_14 {
    cursor: pointer;
    border-radius: 10px;
    padding: 8px;
    width: 100%;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1 1 0%;
    min-width: 0px;
    gap: 8px;
}

._swapCurrencySelector_xv3zc_14>span {
    align-self: center;
    line-height: 2.1rem;
    font-size: 1.4rem;
    color: rgb(50, 77, 87);
    font-weight: 700;
}

._swapCurrencySelector_xv3zc_14 ._currencyLogo_xv3zc_34 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

[data-theme="dark"] ._swapCurrencySelector_xv3zc_14 span {
    color: rgb(235, 236, 244);
}

._swapCurrencySelector_xv3zc_14 svg._arrow_xv3zc_48 {
    align-self: end;
    width: 12px;
    height: 12px;
    min-width: 12px;
    max-width: 12px;
    min-height: 12px;
    max-height: 12px;
    object-fit: contain;
    object-position: center center;
    transform: translateY(-50%);
    transition: transform 0.3s;
    margin-left: auto;
}

._swapCurrencySelector_xv3zc_14 svg._arrow_xv3zc_48 path {
    fill: rgb(50, 77, 87);
}

[data-theme="dark"] ._swapCurrencySelector_xv3zc_14 svg._arrow_xv3zc_48 path {
    fill: rgb(255, 255, 255);
}

._swapCurrencySelector_xv3zc_14 span.placeholder {
    color: rgb(168, 179, 184);
}

@keyframes _loading_3w5mc_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._noResult_3w5mc_14 {
    padding: 16px;
    font-size: 1.4rem;
}

._currencySelectorDropdown_3w5mc_19 {
    position: absolute;
    left: 0px;
    right: 0px;
    top: -64px;
    background-color: rgb(255, 255, 255);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    color: rgb(4, 24, 37);
    animation: 0.3s ease 0s 1 normal forwards running _maxHeightAnimation_3w5mc_1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    z-index: 1;
    min-height: 420px;
}

._currencySelectorDropdown_3w5mc_19 ._currencySelectorDropdownHeader_3w5mc_34 {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    color: rgb(50, 77, 87);
    font-size: 2rem;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    font-family: Matter;
    font-weight: 500;
    line-height: 100%;
}

._currencySelectorDropdown_3w5mc_19 ._currencySelectorDropdownHeader_3w5mc_34 svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    color: rgb(18, 26, 38);
    cursor: pointer;
}

[data-theme="dark"] ._currencySelectorDropdown_3w5mc_19 ._currencySelectorDropdownHeader_3w5mc_34 {
    color: rgb(235, 236, 244);
}

[data-theme="dark"] ._currencySelectorDropdown_3w5mc_19 ._currencySelectorDropdownHeader_3w5mc_34 svg {
    color: rgb(235, 236, 244);
}

[data-theme="dark"] ._currencySelectorDropdown_3w5mc_19 {
    background-color: rgb(30, 36, 57);
    color: rgb(235, 236, 244);
}

._currencySelectorDropdown_3w5mc_19 input {
    color: rgb(4, 24, 37);
    flex-shrink: 0;
    width: 100%;
    padding: 8px 16px;
    background-color: rgb(255, 255, 255);
    border-radius: 32px;
    border: 2px solid rgb(235, 236, 244);
    max-height: 40px;
    font-size: 1.4rem;
    margin-bottom: 8px;
}

[data-theme="dark"] ._currencySelectorDropdown_3w5mc_19 input {
    background-color: rgb(11, 22, 45);
    color: rgb(255, 255, 255);
}

._currencySelectorDropdown_3w5mc_19 ._currencySelectorDropdownBody_3w5mc_88 {
    flex: 1 1 0%;
    min-height: 0px;
    overflow-y: auto;
}

._currencySelectorDropdown_3w5mc_19 ul {
    padding: 8px;
}

._currencySelectorDropdown_3w5mc_19 li {
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    color: rgb(50, 77, 87);
}

[data-theme="dark"] ._currencySelectorDropdown_3w5mc_19 li {
    color: rgb(255, 255, 255);
}

._currencySelectorDropdown_3w5mc_19 li:hover {
    background-color: rgb(235, 236, 244);
}

[data-theme="dark"] ._currencySelectorDropdown_3w5mc_19 li:hover {
    background-color: rgb(11, 22, 45);
}

._currencySelectorDropdown_3w5mc_19 li ._currencyName_3w5mc_118 {
    display: flex;
    flex-direction: column;
}

._currencySelectorDropdown_3w5mc_19 li ._currencyName_3w5mc_118 b {
    font-weight: 600;
    font-size: 1.4rem;
    color: rgb(255, 87, 41);
}

._currencySelectorDropdown_3w5mc_19 li ._currencyBalance_3w5mc_127 {
    font-size: 1.2rem;
    color: rgb(50, 77, 87);
    align-self: flex-start;
    margin-left: auto;
    margin-top: 5px;
}

[data-theme="dark"] ._currencySelectorDropdown_3w5mc_19 li ._currencyBalance_3w5mc_127 {
    color: rgb(235, 236, 244);
}

._currencySelectorDropdown_3w5mc_19 li img {
    width: 36px;
    height: 36px;
    min-width: 36px;
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _maxHeightAnimation_3w5mc_1 {
    0% {
        max-height: 0px;
    }

    100% {
        max-height: 420px;
    }
}

@keyframes _loading_1dm0c_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._tabSwitcher_1dm0c_14 {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 32px;
    cursor: pointer;
    background-color: rgb(235, 236, 244);
    transition: 0.3s;
}

._tabSwitcher_1dm0c_14 ._tabButton_1dm0c_23 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    border-radius: 32px;
    background-color: transparent;
    color: rgb(50, 77, 87);
    transition: 0.3s;
    font-weight: 500;
}

[data-theme="dark"] ._tabSwitcher_1dm0c_14 ._tabButton_1dm0c_23 {
    color: rgb(235, 236, 244);
}

._tabSwitcher_1dm0c_14 ._tabButton_1dm0c_23._selected_1dm0c_38,
[data-theme="dark"] ._tabSwitcher_1dm0c_14 ._tabButton_1dm0c_23._selected_1dm0c_38 {
    color: rgb(255, 255, 255);
}

._tabSwitcher_1dm0c_14 ._filler_1dm0c_45 {
    position: absolute;
    width: 50%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    border-radius: 32px;
    background-color: rgb(255, 87, 41);
    transition: 0.3s;
}

._tabSwitcher_1dm0c_14 ._filler_1dm0c_45._toRight_1dm0c_55 {
    left: 50%;
}

[data-theme="dark"] ._tabSwitcher_1dm0c_14 {
    background-color: rgba(255, 255, 255, 0.05);
}

@keyframes _fadeIn_xy3xd_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_xy3xd_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_xy3xd_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_xy3xd_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _loading_xy3xd_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _openPanel_xy3xd_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_xy3xd_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_xy3xd_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

._amountChoiceScreen_xy3xd_87 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    animation: 0.3s ease-in-out 0s 1 normal none running _slideUpFadeIn_xy3xd_1;
}

._amountChoiceScreen_xy3xd_87 ._inputSection_xy3xd_94 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    gap: 12px;
    background-color: rgb(252, 251, 248);
    border-radius: 8px;
}

[data-theme="dark"] ._amountChoiceScreen_xy3xd_87 ._inputSection_xy3xd_94 {
    background-color: rgb(11, 32, 45);
}

._amountChoiceScreen_xy3xd_87 ._inputSection_xy3xd_94 ._productChoiceButton_xy3xd_107 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background-color: rgb(255, 255, 255);
    border-radius: 25px;
}

._amountChoiceScreen_xy3xd_87 ._inputSection_xy3xd_94 ._productChoiceButton_xy3xd_107 ._currencyIcon_xy3xd_115 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

[data-theme="dark"] ._amountChoiceScreen_xy3xd_87 ._inputSection_xy3xd_94 ._productChoiceButton_xy3xd_107 {
    background-color: rgb(30, 36, 57);
}

._amountChoiceScreen_xy3xd_87 ._inputSection_xy3xd_94 ._amountInputContainer_xy3xd_129 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    max-height: 48px;
    max-width: 100%;
}

._amountChoiceScreen_xy3xd_87 ._inputSection_xy3xd_94 ._amountInputContainer_xy3xd_129 ._amountInput_xy3xd_129 {
    font-weight: 700;
    max-width: 100%;
    padding-inline: 0px;
}

._amountChoiceScreen_xy3xd_87 ._inputSection_xy3xd_94 ._amountInputContainer_xy3xd_129 ._amountInputUnit_xy3xd_143 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 20px;
}

._amountChoiceScreen_xy3xd_87 ._inputSection_xy3xd_94 ._switchInputButton_xy3xd_148,
._amountChoiceScreen_xy3xd_87 ._inputSection_xy3xd_94 ._amountSelectors_xy3xd_153 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

._amountChoiceScreen_xy3xd_87 ._inputSection_xy3xd_94 ._amountSelectors_xy3xd_153 ._amountSelectorButton_xy3xd_158 {
    padding: 6px 8px;
    color: rgb(255, 87, 41);
    background-color: rgb(254, 243, 241);
    border-radius: 8px;
    min-width: calc(5ch + 16px);
}

._amountChoiceScreen_xy3xd_87 ._inputSection_xy3xd_94 ._amountSelectors_xy3xd_153 ._amountSelectorButton_xy3xd_158:hover {
    color: rgb(255, 151, 122);
}

[data-theme="dark"] ._amountChoiceScreen_xy3xd_87 ._inputSection_xy3xd_94 ._amountSelectors_xy3xd_153 ._amountSelectorButton_xy3xd_158 {
    background-color: rgba(255, 151, 122, 0.1);
}

._amountChoiceScreen_xy3xd_87 ._fakeSelectButton_xy3xd_172 {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgb(235, 236, 244);
    border-radius: 32px;
    padding: 8px 16px;
    transition: 0.3s;
    color: rgb(50, 77, 87);
    font-weight: 700;
    font-size: 1.4rem;
}

._amountChoiceScreen_xy3xd_87 ._fakeSelectButton_xy3xd_172 ._chevronIcon_xy3xd_184 {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

._amountChoiceScreen_xy3xd_87 ._fakeSelectButton_xy3xd_172:hover {
    opacity: 0.8;
}

[data-theme="dark"] ._amountChoiceScreen_xy3xd_87 ._fakeSelectButton_xy3xd_172 {
    color: rgb(235, 236, 244);
}

._amountChoiceScreen_xy3xd_87 ._error_xy3xd_201 {
    color: rgb(211, 29, 41);
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
}

@keyframes _fadeIn_126ck_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_126ck_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_126ck_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_126ck_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _loading_126ck_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _openPanel_126ck_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_126ck_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_126ck_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

._productChoiceScreen_126ck_87 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    animation: 0.3s ease-in-out 0s 1 normal none running _slideUpFadeIn_126ck_1;
}

._productChoiceScreen_126ck_87 ._overlappingHeadSection_126ck_94 {
    position: absolute;
    bottom: 100%;
    left: 0px;
    right: 0px;
    padding: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 64px;
    max-height: 64px;
    gap: 16px;
    background-color: rgb(255, 255, 255);
    color: rgb(50, 77, 87);
}

[data-theme="dark"] ._productChoiceScreen_126ck_87 ._overlappingHeadSection_126ck_94 {
    background-color: rgb(30, 36, 57);
    color: rgb(235, 236, 244);
}

._productChoiceScreen_126ck_87 ._overlappingHeadSection_126ck_94 ._backIcon_126ck_114 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    cursor: pointer;
    transition: 0.3s;
}

._productChoiceScreen_126ck_87 ._overlappingHeadSection_126ck_94 ._backIcon_126ck_114:hover {
    opacity: 0.8;
}

._productChoiceScreen_126ck_87 ._overlappingHeadSection_126ck_94 ._headTitle_126ck_129 {
    font-family: Matter;
    font-size: 2rem;
    font-weight: 500;
    line-height: 100%;
}

._productChoiceScreen_126ck_87 ._productResults_126ck_135 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    max-height: 50vh;
    min-height: max(200px, 50vh);
    padding: 8px 0px;
}

._productChoiceScreen_126ck_87 ._noResults_126ck_144 {
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 100%;
    color: rgb(168, 179, 184);
    max-height: 50vh;
    min-height: max(200px, 50vh);
}

[data-theme="dark"] ._productChoiceScreen_126ck_87 ._noResults_126ck_144 {
    color: rgb(235, 236, 244);
}

@keyframes _loading_42ka6_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._productSelectButton_42ka6_14 {
    display: inline-flex;
    align-items: center;
    padding: 12px 8px;
    gap: 12px;
    width: 100%;
    border-radius: 8px;
    transition: 0.3s;
    color: rgb(50, 77, 87);
}

[data-theme="dark"] ._productSelectButton_42ka6_14 {
    color: rgb(235, 236, 244);
}

._productSelectButton_42ka6_14 ._currencyIcon_42ka6_28 {
    width: 36px;
    height: 36px;
    min-width: 36px;
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
    object-fit: contain;
    object-position: center center;
}

._productSelectButton_42ka6_14 ._productNameAndCode_42ka6_38,
._productSelectButton_42ka6_14 ._priceAndVariation_42ka6_39 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

._productSelectButton_42ka6_14 ._productNameAndCode_42ka6_38 {
    align-items: flex-start;
    flex: 1 1 0%;
}

._productSelectButton_42ka6_14 ._currencyName_42ka6_48 {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

._productSelectButton_42ka6_14 ._currencyCode_42ka6_53 {
    color: rgb(255, 87, 41);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8rem;
}

._productSelectButton_42ka6_14 ._priceAndVariation_42ka6_39 {
    align-items: flex-end;
    gap: 4px;
}

._productSelectButton_42ka6_14 ._price_42ka6_39 {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8rem;
}

._productSelectButton_42ka6_14 ._variation_42ka6_68 {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8rem;
    color: rgb(0, 199, 80);
}

._productSelectButton_42ka6_14 ._variation_42ka6_68._negative_42ka6_74 {
    color: red;
}

._productSelectButton_42ka6_14:hover {
    background-color: rgb(235, 236, 244);
}

[data-theme="dark"] ._productSelectButton_42ka6_14:hover {
    background-color: rgba(255, 151, 122, 0.1);
}

@keyframes _fadeIn_1oqqp_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1oqqp_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1oqqp_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1oqqp_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _loading_1oqqp_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _openPanel_1oqqp_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1oqqp_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1oqqp_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

._typeChoiceScreen_1oqqp_87 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    animation: 0.3s ease-in-out 0s 1 normal none running _slideUpFadeIn_1oqqp_1;
}

._typeChoiceScreen_1oqqp_87 ._overlappingHeadSection_1oqqp_93 {
    position: absolute;
    bottom: 100%;
    left: 0px;
    right: 0px;
    padding: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 64px;
    max-height: 64px;
    gap: 16px;
    background-color: rgb(255, 255, 255);
    color: rgb(50, 77, 87);
}

[data-theme="dark"] ._typeChoiceScreen_1oqqp_87 ._overlappingHeadSection_1oqqp_93 {
    background-color: rgb(30, 36, 57);
    color: rgb(235, 236, 244);
}

._typeChoiceScreen_1oqqp_87 ._overlappingHeadSection_1oqqp_93 ._backIcon_1oqqp_113 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    cursor: pointer;
    transition: 0.3s;
}

._typeChoiceScreen_1oqqp_87 ._overlappingHeadSection_1oqqp_93 ._backIcon_1oqqp_113:hover {
    opacity: 0.8;
}

._typeChoiceScreen_1oqqp_87 ._overlappingHeadSection_1oqqp_93 ._headTitle_1oqqp_128 {
    font-family: Matter;
    font-size: 2rem;
    font-weight: 500;
    line-height: 100%;
}

._typeChoiceScreen_1oqqp_87 ._typeSelectButton_1oqqp_134 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: 0.3s;
    min-height: 90px;
}

._typeChoiceScreen_1oqqp_87 ._typeSelectButton_1oqqp_134 ._typeIcon_1oqqp_144 {
    width: 32px;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    object-fit: contain;
    object-position: center center;
}

._typeChoiceScreen_1oqqp_87 ._typeSelectButton_1oqqp_134 ._typeSelectButtonContent_1oqqp_154 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 0%;
    line-height: 100%;
    align-items: flex-start;
    text-align: start;
}

._typeChoiceScreen_1oqqp_87 ._typeSelectButton_1oqqp_134 ._typeSelectButtonContent_1oqqp_154 strong {
    font-size: 1.4rem;
    font-weight: 700;
    color: rgb(255, 87, 41);
}

._typeChoiceScreen_1oqqp_87 ._typeSelectButton_1oqqp_134 ._typeSelectButtonContent_1oqqp_154 p {
    font-size: 1.4rem;
    font-weight: 500;
    color: rgb(168, 179, 184);
}

._typeChoiceScreen_1oqqp_87 ._typeSelectButton_1oqqp_134 ._typeSelectButtonContent_1oqqp_154 p a {
    color: rgb(255, 87, 41);
    text-decoration: underline;
    transition: 0.3s;
}

._typeChoiceScreen_1oqqp_87 ._typeSelectButton_1oqqp_134 ._typeSelectButtonContent_1oqqp_154 p a:hover {
    color: rgb(255, 151, 122);
}

._typeChoiceScreen_1oqqp_87 ._typeSelectButton_1oqqp_134 ._checkIcon_1oqqp_181 {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 87, 41);
}

._typeChoiceScreen_1oqqp_87 ._typeSelectButton_1oqqp_134:not(._active_1oqqp_192) ._checkIcon_1oqqp_181 {
    opacity: 0;
}

._typeChoiceScreen_1oqqp_87 ._typeSelectButton_1oqqp_134:hover,
._typeChoiceScreen_1oqqp_87 ._typeSelectButton_1oqqp_134._active_1oqqp_192 {
    background-color: rgb(235, 236, 244);
}

._typeChoiceScreen_1oqqp_87 ._typeSelectButton_1oqqp_134:hover ._typeIcon_1oqqp_144,
._typeChoiceScreen_1oqqp_87 ._typeSelectButton_1oqqp_134._active_1oqqp_192 ._typeIcon_1oqqp_144 {
    color: rgb(255, 87, 41);
}

[data-theme="dark"] ._typeChoiceScreen_1oqqp_87 ._typeSelectButton_1oqqp_134:hover,
[data-theme="dark"] ._typeChoiceScreen_1oqqp_87 ._typeSelectButton_1oqqp_134._active_1oqqp_192 {
    background-color: rgba(255, 151, 122, 0.1);
}

._typeChoiceScreen_1oqqp_87 ._typeSelectButton_1oqqp_134:hover {
    opacity: 0.8;
}

@keyframes _fadeIn_1yr15_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1yr15_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1yr15_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1yr15_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1yr15_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1yr15_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1yr15_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1yr15_87 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._loadingBlock_1yr15_87 {
    background-color: rgb(230, 230, 230);
    border-radius: 4px;
    min-width: 100%;
    max-width: 100%;
    animation: 1s linear 0s infinite alternate none running _loading_1yr15_87;
}

[data-theme="dark"] div._loadingBlock_1yr15_87 {
    background-color: rgba(255, 255, 255, 0.15);
}

@keyframes _fadeIn_1ia01_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1ia01_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1ia01_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1ia01_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1ia01_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1ia01_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1ia01_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1ia01_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._carousel_1ia01_87 ._title_1ia01_87 {
    margin-bottom: 8px;
}

@keyframes _fadeIn_lvm5z_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_lvm5z_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_lvm5z_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_lvm5z_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_lvm5z_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_lvm5z_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_lvm5z_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_lvm5z_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

a._article_lvm5z_87 {
    display: flex;
    flex-direction: row;
    background-color: rgb(255, 255, 255);
    border-radius: 24px;
    padding: 16px;
    border: 1px solid rgb(235, 236, 244);
    gap: 16px;
    max-height: 208px;
    cursor: pointer;
    overflow: hidden;
}

@media only screen and (max-width: 575.98px) {
    a._article_lvm5z_87 {
        flex-direction: column;
    }
}

[data-theme="dark"] a._article_lvm5z_87 {
    background-color: rgba(4, 24, 37, 0.25);
    border-color: rgba(0, 0, 0, 0.1);
    color: rgb(255, 255, 255);
}

a._article_lvm5z_87 div._illustration_lvm5z_110 {
    aspect-ratio: 1.77 / 1;
    min-height: 160px;
    position: relative;
    width: min(100%, 250px);
    border-radius: 16px;
    overflow: hidden;
}

@media only screen and (max-width: 575.98px) {
    a._article_lvm5z_87 div._illustration_lvm5z_110 {
        width: 100%;
    }
}

a._article_lvm5z_87 div._illustration_lvm5z_110 img {
    height: 100%;
    object-fit: cover;
    object-position: left center;
    position: absolute;
    width: 100%;
    left: 0px;
}

a._article_lvm5z_87._onlyIllustration_lvm5z_133 {
    padding: 0px;
    aspect-ratio: 1.77 / 1;
    max-height: unset;
}

a._article_lvm5z_87._onlyIllustration_lvm5z_133 div._illustration_lvm5z_110 {
    width: 100%;
}

a._article_lvm5z_87 div._content_lvm5z_141 {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    text-align: left;
}

a._article_lvm5z_87 div._content_lvm5z_141 div._separator_lvm5z_147 {
    flex: 1 1 0%;
}

a._article_lvm5z_87 div._content_lvm5z_141 h2 {
    font-family: Matter;
    font-weight: 600;
    line-height: 160%;
}

a._article_lvm5z_87 div._content_lvm5z_141 p {
    font-size: 1.4rem;
    color: rgb(50, 77, 87);
}

[data-theme="dark"] a._article_lvm5z_87 div._content_lvm5z_141 p {
    color: rgb(255, 255, 255);
}

a._article_lvm5z_87 div._content_lvm5z_141 i {
    font-size: 1.2rem;
    color: rgb(50, 77, 87);
    font-style: normal;
}

[data-theme="dark"] a._article_lvm5z_87 div._content_lvm5z_141 i {
    color: rgb(255, 255, 255);
}

a._article_lvm5z_87 div._content_lvm5z_141 a {
    margin-top: 8px;
    font-family: Matter;
    font-weight: 500;
    color: rgb(255, 87, 41);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

a._article_lvm5z_87 div._content_lvm5z_141 a img {
    width: 26px;
    height: 26px;
    min-width: 26px;
    max-width: 26px;
    min-height: 26px;
    max-height: 26px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _fadeIn_10aje_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_10aje_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_10aje_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_10aje_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_10aje_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_10aje_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_10aje_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_10aje_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._carousel_10aje_87 {
    position: relative;
}

._carousel_10aje_87 ._items_10aje_90 {
    display: flex;
    flex-direction: row;
    transition: transform 0.5s;
}

._carousel_10aje_87 ._item_10aje_90 {
    flex: 0 0 auto;
    height: 100%;
}

._carousel_10aje_87 ._previousButton_10aje_99,
._carousel_10aje_87 ._nextButton_10aje_100 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgb(255, 255, 255);
    padding: 8px;
    cursor: pointer;
    border-radius: 100%;
    z-index: 1;
    border: 1px solid rgba(235, 236, 244, 0.7);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-theme="dark"] ._carousel_10aje_87 ._previousButton_10aje_99,
[data-theme="dark"] ._carousel_10aje_87 ._nextButton_10aje_100 {
    background-color: rgb(50, 77, 87);
    border-color: rgb(11, 32, 45);
}

._carousel_10aje_87 ._previousButton_10aje_99 svg,
._carousel_10aje_87 ._nextButton_10aje_100 svg {
    color: rgb(4, 24, 37);
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

[data-theme="dark"] ._carousel_10aje_87 ._previousButton_10aje_99 svg,
[data-theme="dark"] ._carousel_10aje_87 ._nextButton_10aje_100 svg {
    color: rgb(252, 251, 247);
}

._carousel_10aje_87 ._previousButton_10aje_99:hover,
._carousel_10aje_87 ._nextButton_10aje_100:hover {
    background-color: rgb(235, 236, 244);
    box-shadow: transparent 0px 4px 4px 0px;
}

[data-theme="dark"] ._carousel_10aje_87 ._previousButton_10aje_99:hover,
[data-theme="dark"] ._carousel_10aje_87 ._nextButton_10aje_100:hover {
    background-color: rgb(4, 24, 37);
}

._carousel_10aje_87 ._previousButton_10aje_99 {
    left: -16px;
}

._carousel_10aje_87 ._nextButton_10aje_100 {
    right: -16px;
}

@keyframes _fadeIn_1p1p1_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1p1p1_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1p1p1_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1p1p1_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1p1p1_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1p1p1_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1p1p1_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1p1p1_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

span._textWithIcon_1p1p1_87 {
    font-family: Matter;
    color: rgb(50, 77, 87);
    font-weight: 500;
    gap: 16px;
    font-size: 2rem;
    line-height: 100%;
}

span._textWithIcon_1p1p1_87._small_1p1p1_95 {
    font-size: 1.2rem;
}

span._textWithIcon_1p1p1_87._big_1p1p1_98 {
    font-size: 3.2rem;
}

span._textWithIcon_1p1p1_87>svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

@media only screen and (max-width: 575.98px) {
    span._textWithIcon_1p1p1_87>svg {
        display: none;
    }
}

[data-theme="dark"] span._textWithIcon_1p1p1_87 {
    color: rgb(235, 236, 244);
}

@keyframes _fadeIn_1k7vd_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1k7vd_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1k7vd_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1k7vd_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1k7vd_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1k7vd_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1k7vd_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1k7vd_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._microCarousel_1k7vd_87 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._microCarousel_1k7vd_87 ._scroller_1k7vd_93 {
    overflow: hidden;
    width: 100%;
}

._microCarousel_1k7vd_87 ._items_1k7vd_97 {
    display: flex;
    flex-direction: row;
    transition: transform 0.5s;
}

._microCarousel_1k7vd_87 ._item_1k7vd_97 {
    flex: 0 0 auto;
    height: 100%;
    padding: 16px;
    border: 1px solid rgb(235, 236, 244);
    border-radius: 24px;
    width: 100%;
}

._microCarousel_1k7vd_87 ._navigation_1k7vd_110 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

._microCarousel_1k7vd_87 ._navigationDotButton_1k7vd_117 {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: rgb(235, 236, 244);
    transition: background-color 0.3s;
}

._microCarousel_1k7vd_87 ._navigationDotButton_1k7vd_117[data-active="true"] {
    background-color: rgb(255, 151, 122);
}

._microCarousel_1k7vd_87 ._navigationDotButton_1k7vd_117:hover {
    background-color: rgb(255, 87, 41);
}

@keyframes _fadeIn_1un4x_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1un4x_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1un4x_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1un4x_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1un4x_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1un4x_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1un4x_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1un4x_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._accountBar_1un4x_87 {
    min-height: 70px;
    max-height: 70px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 0px 16px;
    border-bottom: 1px solid rgb(235, 236, 244);
    z-index: 100;
}

div._accountBar_1un4x_87 ._userName_1un4x_98 {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

div._accountBar_1un4x_87>div._logo_1un4x_103 {
    padding: 6px;
}

div._accountBar_1un4x_87>div._logo_1un4x_103._christmasTheme_1un4x_106 {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

div._accountBar_1un4x_87 ._accountLink_1un4x_111 {
    font-family: Matter, sans-serif;
    background-color: rgb(252, 251, 247);
    border: 1px solid rgb(246, 243, 233);
    border-radius: 16px;
    color: rgb(11, 32, 45);
    min-width: 36px;
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none;
}

div._accountBar_1un4x_87.mobile {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    background-color: rgb(252, 251, 247);
}

[data-theme="dark"] div._accountBar_1un4x_87.mobile {
    background-color: rgb(30, 36, 57);
}

div._accountBar_1un4x_87.mobile.active {
    justify-content: space-between;
}

[data-theme="dark"] div._accountBar_1un4x_87 {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] div._accountBar_1un4x_87 ._accountLink_1un4x_111 {
    color: rgb(235, 236, 244);
    background-color: rgb(11, 32, 45);
    border-color: rgb(11, 32, 45);
}

._mobileMenu_1un4x_151 {
    position: absolute;
    top: 70px;
    left: 0px;
    height: calc(-70px + 100dvh);
    background-color: rgb(255, 255, 255);
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 24px 0px;
    transform: translate(-100%);
    transition: transform 0.3s;
    overflow-y: auto;
}

._mobileMenu_1un4x_151._isOpen_1un4x_165 {
    transform: translate(0px);
}

[data-theme="dark"] ._mobileMenu_1un4x_151 {
    background-color: rgb(30, 36, 57);
}

._mobileMenu_1un4x_151 ._loggedUser_1un4x_172 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    margin-bottom: 8px;
}

._mobileMenu_1un4x_151 ._loggedUser_1un4x_172>div {
    transition: margin-right 0.2s;
    background-color: rgb(45, 210, 141);
    min-width: 8px;
    max-width: 8px;
    min-height: 8px;
    max-height: 8px;
    border-radius: 4px;
    margin: 8px;
}

._mobileMenu_1un4x_151 ._loggedUser_1un4x_172>span {
    font-family: Matter, sans-serif;
    color: rgb(168, 179, 184);
    white-space: nowrap;
    transition: opacity 0.2s 0.05s;
    font-size: 2rem;
}

._mobileMenu_1un4x_151 ._bottomLink_1un4x_198 {
    display: flex;
    color: rgb(11, 32, 45);
    font-weight: 500;
    font-family: Matter, sans-serif;
    column-gap: 8px;
    align-items: center;
    padding: 16px;
    margin-top: auto;
    font-size: 2rem;
}

[data-theme="dark"] ._mobileMenu_1un4x_151 ._bottomLink_1un4x_198 {
    color: rgb(255, 255, 255);
}

._mobileMenu_1un4x_151 ._bottomLink_1un4x_198 svg {
    width: 28px;
    height: 28px;
    min-width: 28px;
    max-width: 28px;
    min-height: 28px;
    max-height: 28px;
    object-fit: contain;
    object-position: center center;
}

._rightSection_1un4x_224 {
    display: inline-flex;
    gap: 10px;
    margin-left: auto;
}

._rightSection_1un4x_224 ._closeIcon_1un4x_229 {
    cursor: pointer;
    padding: 8px;
    background-color: rgb(246, 243, 233);
    border-radius: 100px;
}

[data-theme="dark"] ._rightSection_1un4x_224 ._closeIcon_1un4x_229 {
    background-color: rgba(255, 255, 255, 0.3);
}

._rightSection_1un4x_224 ._closeIcon_1un4x_229 {
    width: 40px;
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
    object-fit: contain;
    object-position: center center;
}

._rightSection_1un4x_224 ._closeIcon_1un4x_229 svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

[data-theme="dark"] ._rightSection_1un4x_224 ._closeIcon_1un4x_229 svg path {
    fill: rgb(168, 179, 184);
    stroke: rgb(168, 179, 184);
}

@media only screen and (max-width: 575.98px) {
    ._rightSection_1un4x_224 ._currencySearchBar_1un4x_265 {
        width: 150px !important;
    }
}

@keyframes _fadeIn_1el9b_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1el9b_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1el9b_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1el9b_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1el9b_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1el9b_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1el9b_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1el9b_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._requestComplianceVerificationModal_1el9b_87>div {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

._requestComplianceVerificationModal_1el9b_87 div._actions_1el9b_92 {
    margin-top: 16px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

@keyframes _fadeIn_1f8jy_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1f8jy_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1f8jy_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1f8jy_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1f8jy_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1f8jy_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1f8jy_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1f8jy_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._twoFADisclaimer_1f8jy_87 {
    display: flex;
    flex-direction: column;
    padding: 30px 20px;
    align-items: center;
}

._twoFADisclaimer_1f8jy_87 svg {
    width: 80px;
    height: 80px;
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px;
    object-fit: contain;
    object-position: center center;
    margin-bottom: 25px;
}

[data-theme="dark"] ._twoFADisclaimer_1f8jy_87 svg {
    fill: rgb(255, 255, 255);
}

@keyframes _loading_18y6v_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._supportButton_18y6v_9 {
    position: fixed;
    bottom: 20px;
    right: 18px;
    width: 64px;
    height: 64px;
    border-radius: 34px 8px 34px 34px;
    background-color: rgb(255, 87, 41);
    color: rgb(255, 255, 255);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px;
    cursor: pointer;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    transition: transform 0.3s;
    z-index: 2147483601;
}

._supportButton_18y6v_9:hover {
    transform: scale(1.1);
}

._supportButton_18y6v_9:active {
    transform: scale(0.9);
}

._openModal_18y6v_36 {
    position: fixed;
    bottom: 90px;
    right: 20px;
    display: block;
    background: rgb(255, 255, 255);
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
    z-index: 10000;
    width: 384px;
    height: calc(100% - 52px);
    max-height: 620px;
    overflow: hidden;
}

._hideModal_18y6v_51,
._hideBubble_18y6v_55 {
    display: none;
}

._supportBubble_18y6v_59 {
    width: 100%;
    height: 100%;
}

._supportBubble_18y6v_59 ._bubbleContent_18y6v_63 {
    display: flex;
    flex-direction: column;
}

._supportBubble_18y6v_59 ._bubbleContent_18y6v_63 ._bubbleHeader_18y6v_67 {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.39), rgba(0, 0, 0, 0) 64%);
    background-position: 0% 0%;
    background-size: initial;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-origin: padding-box;
    background-clip: padding-box;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 24px;
    color: rgb(255, 255, 255);
    background-color: rgb(30, 36, 57) !important;
}

._supportBubble_18y6v_59 ._bubbleContent_18y6v_63 ._bubbleHeader_18y6v_67 svg {
    width: 32px;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    object-fit: contain;
    object-position: center center;
    margin-bottom: 10px;
}

._supportBubble_18y6v_59 ._bubbleContent_18y6v_63 ._bubbleHeader_18y6v_67 h1 {
    font-size: 2.4rem;
    font-weight: 700;
}

._supportBubble_18y6v_59 ._bubbleContent_18y6v_63 ._bubbleHeader_18y6v_67 p {
    font-size: 1.4rem;
    margin-top: 4px;
}

._supportBubble_18y6v_59 ._bubbleContent_18y6v_63 ._bubbleOptions_18y6v_94 {
    height: 100%;
    width: 100%;
    overflow: hidden auto;
}

._supportBubble_18y6v_59 ._bubbleContent_18y6v_63 ._bubbleOptions_18y6v_94 ._gradient_18y6v_100 {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.39), rgba(0, 0, 0, 0) 64%);
    background-position: 0% 0%;
    background-size: initial;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-origin: padding-box;
    background-clip: padding-box;
    height: 48px;
    position: absolute;
    width: 100%;
    border-radius: 0px 0px 6px 6px;
    background-color: rgb(30, 36, 57) !important;
}

._supportBubble_18y6v_59 ._bubbleContent_18y6v_63 ._bubbleOptions_18y6v_94 ._channelsSection_18y6v_108 {
    background: rgb(255, 255, 255);
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px;
    margin: 0px 12px 12px;
    padding: 16px 0px 0px;
}

._supportBubble_18y6v_59 ._bubbleContent_18y6v_63 ._bubbleOptions_18y6v_94 ._channelsSection_18y6v_108 ._sectionsTitle_18y6v_115 {
    border-bottom: 1px solid rgb(235, 236, 240);
    display: flex;
    justify-content: space-between;
    padding: 0px 16px 16px;
    color: rgb(50, 77, 87);
    font-size: 1.6rem;
    font-weight: 600;
}

._supportBubble_18y6v_59 ._bubbleContent_18y6v_63 ._bubbleOptions_18y6v_94 ._channelsSection_18y6v_108 ._channelsList_18y6v_124 {
    display: flex;
    flex-direction: column;
}

._supportBubble_18y6v_59 ._bubbleContent_18y6v_63 ._bubbleOptions_18y6v_94 ._channelsSection_18y6v_108 ._channelsList_18y6v_124 ._supportOption_18y6v_128 {
    justify-content: flex-start;
    display: flex;
    padding: 8px;
    position: relative;
    width: 100%;
    font-size: 1.4rem;
    border-bottom: 1px solid rgb(235, 236, 240);
    color: rgb(50, 77, 87);
    font-weight: 600;
}

._supportBubble_18y6v_59 ._bubbleContent_18y6v_63 ._bubbleOptions_18y6v_94 ._channelsSection_18y6v_108 ._channelsList_18y6v_124 ._supportOption_18y6v_128 svg,
._supportBubble_18y6v_59 ._bubbleContent_18y6v_63 ._bubbleOptions_18y6v_94 ._channelsSection_18y6v_108 ._channelsList_18y6v_124 ._supportOption_18y6v_128 img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
}

._supportBubble_18y6v_59 ._bubbleContent_18y6v_63 ._bubbleOptions_18y6v_94 ._channelsSection_18y6v_108 ._channelsList_18y6v_124 ._supportOption_18y6v_128:hover {
    background: rgb(168, 179, 184);
}

._supportBubble_18y6v_59 ._supportTitle_18y6v_155 {
    display: block;
    width: 100%;
    padding: 8px 12px;
    font-size: 1.4rem;
    float: left;
    border-bottom: 1px solid rgb(168, 179, 184);
    color: rgb(30, 36, 57);
}

._closeButton_18y6v_165 {
    align-items: center;
    background-color: rgb(112, 124, 146);
    border-radius: 24px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: flex;
    font-size: 1.6rem;
    justify-content: center;
    opacity: 0.7;
    position: absolute;
    right: 5px;
    top: 5px;
    height: 28px;
    width: 40px;
    z-index: 10001;
}

._closeButton_18y6v_165 svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _fadeIn_4gjlo_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_4gjlo_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_4gjlo_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_4gjlo_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_4gjlo_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_4gjlo_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_4gjlo_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_4gjlo_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._snowContainer_4gjlo_87 {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden;
}

._snowFlake_4gjlo_98 {
    position: absolute;
    top: -50px;
    width: var(--size, 30px);
    height: var(--size, 30px);
    background-image: url("/assets/snowFlake-CK-wvWx6.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    animation: _fall_4gjlo_1 var(--duration, 4s) linear infinite;
}

[data-theme="dark"] ._snowFlake_4gjlo_98 {
    animation: _fallDark_4gjlo_1 var(--duration, 4s) linear infinite;
}

@keyframes _fall_4gjlo_1 {
    0% {
        transform: translateY(-50px) translate(0px) rotate(0deg);
        opacity: 0.7;
    }

    50% {
        transform: translateY(50vh) translate(20px) rotate(180deg);
        opacity: 0.5;
    }

    80% {
        opacity: 0.35;
    }

    100% {
        transform: translateY(calc(50px + 100vh)) translate(40px) rotate(360deg);
        opacity: 0;
    }
}

@keyframes _fallDark_4gjlo_1 {
    0% {
        transform: translateY(-50px) translate(0px) rotate(0deg);
        opacity: 0.5;
    }

    50% {
        transform: translateY(50vh) translate(20px) rotate(180deg);
        opacity: 0.35;
    }

    80% {
        opacity: 0.25;
    }

    100% {
        transform: translateY(calc(50px + 100vh)) translate(40px) rotate(360deg);
        opacity: 0;
    }
}

@keyframes _loading_1u8ta_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._announcementBanner_1u8ta_14 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    height: 40px;
    background-color: rgb(30, 36, 57);
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
}

[data-theme="dark"] ._announcementBanner_1u8ta_14 {
    color: rgb(30, 36, 57);
    background-color: rgb(255, 255, 255);
    box-shadow: unset;
}

._announcementBanner_1u8ta_14 a,
._announcementBanner_1u8ta_14 i {
    color: rgb(255, 87, 41);
    cursor: pointer;
}

._announcementBanner_1u8ta_14 strong {
    font-weight: 600;
}

._announcementBanner_1u8ta_14 em {
    font-style: italic;
}

._announcementBanner_1u8ta_14._christmasTheme_1u8ta_45,
[data-theme="dark"] ._announcementBanner_1u8ta_14._christmasTheme_1u8ta_45 {
    background-color: rgb(140, 11, 22);
    color: rgb(255, 255, 255);
}

@keyframes _fadeIn_5llrc_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_5llrc_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_5llrc_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_5llrc_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_5llrc_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_5llrc_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_5llrc_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_5llrc_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._mandateReports_5llrc_87 {
    display: flex;
    flex-direction: column;
    max-height: 70vh;
    overflow-y: auto;
}

._mandateReports_5llrc_87 ._emptyList_5llrc_93 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

._mandateReport_5llrc_87 {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid rgb(235, 236, 244);
    padding: 8px;
}

._mandateReport_5llrc_87:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

._mandateReport_5llrc_87 ._info_5llrc_109 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}

._mandateReport_5llrc_87 ._date_5llrc_115 {
    color: rgb(168, 179, 184);
}

._mandateReport_5llrc_87 button {
    margin-left: auto;
}

._mandateReport_5llrc_87 button svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _fadeIn_ahhqw_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_ahhqw_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_ahhqw_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_ahhqw_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_ahhqw_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_ahhqw_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_ahhqw_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_ahhqw_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._empty_ahhqw_87 {
    display: flex;
    flex-direction: column;
    text-align: center;
    color: rgb(168, 179, 184);
    margin-top: 30px;
}

._empty_ahhqw_87 ._redirectionButton_ahhqw_94 {
    margin: 24px auto auto;
}

._empty_ahhqw_87 svg {
    object-fit: contain;
    object-position: center center;
    margin: auto auto 15px;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
}

._empty_ahhqw_87 button {
    margin: 24px auto auto;
}

._iconWrapper_ahhqw_115 {
    margin: auto auto 15px;
}

@keyframes _loading_ccnyn_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._taxIdentificationNumberReminder_ccnyn_14 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

._taxIdentificationNumberReminder_ccnyn_14 svg {
    width: 80px;
    height: 80px;
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px;
    object-fit: contain;
    object-position: center center;
}

[data-theme="dark"] ._taxIdentificationNumberReminder_ccnyn_14 svg {
    color: rgb(255, 255, 255);
}

._taxIdentificationNumberReminder_ccnyn_14 ._description_ccnyn_34 {
    text-align: start;
}

@keyframes _fadeIn_1gqcc_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1gqcc_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1gqcc_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1gqcc_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1gqcc_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1gqcc_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1gqcc_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1gqcc_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._tinRedirection_1gqcc_87 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

._tinRedirection_1gqcc_87 svg {
    width: 80px;
    height: 80px;
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px;
    object-fit: contain;
    object-position: center center;
}

[data-theme="dark"] ._tinRedirection_1gqcc_87 svg {
    color: rgb(255, 255, 255);
}

@keyframes _loading_158al_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._loginLayout_158al_14 {
    display: grid;
    grid-template-rows: 1fr;
}

._loginLayout_158al_14 ._sections_158al_18 {
    min-height: 600px;
    height: 100vh;
    width: 100vw;
    flex: 1 1 0%;
    display: grid;
    grid-template-columns: auto 1fr;
    background: linear-gradient(33.56deg, rgb(14, 17, 32) -70.11%, rgb(14, 17, 32) 78.26%, rgb(50, 30, 32) 94.68%, rgb(239, 100, 35) 144.62%);
}

._loginLayout_158al_14 ._sections_158al_18 ._illustration_158al_27 {
    max-width: 50vw;
    max-height: 100vh;
}

._loginLayout_158al_14 ._sections_158al_18 ._content_158al_31 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    overflow-y: auto;
}

._loginLayout_158al_14 ._sections_158al_18 ._content_158al_31 ._outlet_158al_39 {
    margin: auto 0px;
}

@media only screen and (min-width: 768px) {
    ._loginLayout_158al_14 ._sections_158al_18 ._content_158al_31 ._outlet_158al_39 {
        min-width: 500px;
    }
}

._loginLayout_158al_14 ._sections_158al_18 ._content_158al_31 ._languageDropdown_158al_47 {
    margin-bottom: 24px;
}

._loginLayout_158al_14 ._sections_158al_18 ._content_158al_31 ._pageHeader_158al_50 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 32px;
    width: 100%;
    padding: 20px;
    height: min-content;
}

._loginLayout_158al_14 ._sections_158al_18 ._content_158al_31 ._pageHeader_158al_50 ._warningUrl_158al_60 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

._loginLayout_158al_14 ._sections_158al_18 ._content_158al_31 ._pageHeader_158al_50 ._warningUrl_158al_60 ._url_158al_67 {
    display: inline-flex;
    align-items: center;
}

._loginLayout_158al_14 ._sections_158al_18 ._content_158al_31 ._pageHeader_158al_50 ._warningUrl_158al_60 ._url_158al_67 ._iconLocked_158al_71,
._loginLayout_158al_14 ._sections_158al_18 ._content_158al_31 ._pageHeader_158al_50 ._warningUrl_158al_60 ._url_158al_67 ._urlPrefix_158al_72 {
    color: rgb(15, 219, 151);
}

._loginLayout_158al_14 ._sections_158al_18 ._content_158al_31 ._pageHeader_158al_50 ._warningUrl_158al_60 ._url_158al_67 ._iconLocked_158al_71 {
    margin-right: 8px;
}

@media only screen and (min-width: 1200px) {
    ._loginLayout_158al_14 ._sections_158al_18 ._content_158al_31 ._pageHeader_158al_50 ._meriaLogoLink_158al_79 {
        display: none;
    }
}

@media only screen and (max-width: 1199.98px) {
    ._loginLayout_158al_14 ._sections_158al_18 {
        grid-template-columns: 1fr;
    }

    ._loginLayout_158al_14 ._sections_158al_18 ._illustration_158al_27 {
        display: none;
    }

    ._loginLayout_158al_14 ._sections_158al_18 ._content_158al_31 {
        justify-content: flex-start;
    }

    ._loginLayout_158al_14 ._sections_158al_18 ._content_158al_31 ._pageHeader_158al_50 {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
}

@media only screen and (max-width: 767.98px) {
    ._loginLayout_158al_14 ._sections_158al_18 ._content_158al_31 ._pageHeader_158al_50 {
        flex-direction: column;
        gap: 4px;
        align-items: flex-start;
    }
}

._loginLayout_158al_14:has([data-announcement-banner]) {
    grid-template-rows: auto 1fr;
}

._loginLayout_158al_14:has([data-announcement-banner]) ._sections_158al_18 {
    height: calc(-40px + 100vh);
}

._loginLayout_158al_14:has([data-announcement-banner]) ._sections_158al_18 ._illustration_158al_27 {
    max-height: calc(-72px + 100vh);
}

._loginLayout_158al_14:has([data-announcement-banner]) ._sections_158al_18 ._illustration_158al_27>img {
    max-height: calc(-104px + 100vh);
}

._illustration_168id_1 {
    position: relative;
    min-height: 100%;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

._illustration_168id_1 ._logoLink_168id_10 {
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translate(-50%);
    cursor: pointer;
    z-index: 2;
}

._illustration_168id_1 ._image_168id_18 {
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    border-radius: 8px;
    object-fit: cover;
    object-position: center top;
    z-index: 1;
}

._illustration_168id_1 ._trustpilotWidget_168id_28 {
    bottom: 32px;
    right: 32px;
    z-index: 2;
    position: absolute !important;
}

@keyframes _loading_1j5q4_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _smoothMove_1j5q4_1 {
    0% {
        transform: translate(0px);
    }

    50% {
        transform: translate(6px, 5px);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _smoothMove_1j5q4_1 {
    0% {
        transform: translate(6px, 5px);
    }

    50% {
        transform: translate(0px);
    }

    100% {
        transform: translate(6px, 5px);
    }
}

._currencyCard_1j5q4_36 {
    min-width: 305px;
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(2px);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 2.1px 2.1px;
    border-radius: 20px;
    padding: 18px;
    color: rgb(0, 0, 0);
    animation: 5s linear 0s infinite normal none running _smoothMove_1j5q4_1;
}

._currencyCard_1j5q4_36:nth-of-type(1) {
    bottom: 200px;
    right: 62px;
}

._currencyCard_1j5q4_36:nth-of-type(2) {
    top: 80px;
    left: 52px;
    animation-delay: 2.5s;
}

._currencyCard_1j5q4_36 ._currencyIcon_1j5q4_61 {
    width: 42px;
    height: 42px;
    min-width: 42px;
    max-width: 42px;
    min-height: 42px;
    max-height: 42px;
    object-fit: contain;
    object-position: center center;
}

._currencyCard_1j5q4_36 ._currencyName_1j5q4_71 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

._currencyCard_1j5q4_36 ._currencyName_1j5q4_71 ._currencyNameAndCurrency_1j5q4_77 {
    font-size: 1.6rem;
    font-weight: 400;
}

._currencyCard_1j5q4_36 ._currencyName_1j5q4_71 ._currencyNameAndCurrency_1j5q4_77 b {
    font-weight: 600;
}

._currencyCard_1j5q4_36 ._currencyName_1j5q4_71 ._currencyType_1j5q4_84 {
    font-size: 1.2rem;
    text-transform: uppercase;
    border: 1px solid rgb(240, 240, 240);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.45) 1.47px 5px 16px;
    padding: 2px 24px;
}

._currencyCard_1j5q4_36 ._currencyPrice_1j5q4_92 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    margin-left: auto;
}

._currencyCard_1j5q4_36 ._currencyPrice_1j5q4_92 ._currencyPriceValue_1j5q4_99 {
    font-weight: 500;
}

._currencyCard_1j5q4_36 ._currencyPrice_1j5q4_92 ._priceVariation_1j5q4_102 {
    font-size: 1.4rem;
    font-weight: 500;
}

._currencyCard_1j5q4_36 ._currencyPrice_1j5q4_92 ._priceVariation_1j5q4_102._positive_1j5q4_106 {
    color: rgb(45, 210, 141);
}

._currencyCard_1j5q4_36 ._currencyPrice_1j5q4_92 ._priceVariation_1j5q4_102._negative_1j5q4_109 {
    color: red;
}

div._trustpilotWidget_1rx8i_1 {
    color-scheme: none;
    background: none !important;
}

._dropdownTrigger_10od8_1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.8);
    padding: 8px;
}

._dropdownItem_10od8_10 {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgb(255, 255, 255);
}

@keyframes _fadeIn_n8339_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_n8339_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_n8339_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_n8339_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_n8339_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_n8339_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_n8339_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_n8339_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._page_n8339_87 ._headerWalletBalance_n8339_87 {
    margin-bottom: 16px;
}

@media only screen and (min-width: 576px) {
    div._page_n8339_87 ._headerWalletBalance_n8339_87 {
        margin-top: 0px;
    }
}

div._page_n8339_87 ._chartCarousel_n8339_95 {
    margin-bottom: 32px;
}

@media only screen and (min-width: 576px) and (max-width: 1199.98px) {
    div._page_n8339_87 {
        padding-top: 24px;
    }
}

@media only screen and (max-width: 1500px) {
    div._page_n8339_87 ._currencySearchBar_n8339_104 {
        width: 250px !important;
    }
}

div._page_n8339_87 ._headerWalletBalanceContainer_n8339_108 {
    display: flex;
    justify-content: space-between;
}

div._page_n8339_87 ._productCarousel_n8339_112 {
    margin-bottom: 24px;
}

div._page_n8339_87 ._lastArticlesCarousel_n8339_115 {
    margin: 16px 0px;
}

div._page_n8339_87 ._lastArticlesCarousel_n8339_115._hidden_n8339_118 {
    display: none;
}

div._page_n8339_87 ._featuredSection_n8339_121 {
    display: flex;
    flex-flow: wrap;
    gap: 16px;
}

@media (max-width: 1800px) {
    div._page_n8339_87 ._featuredSection_n8339_121 {
        flex-direction: column;
    }
}

@keyframes _fadeIn_kvua3_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_kvua3_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_kvua3_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_kvua3_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_kvua3_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_kvua3_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_kvua3_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_kvua3_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._amountWithVariation_kvua3_87 {
    display: flex;
    flex-direction: column;
    column-gap: 10px;
}

div._amountWithVariation_kvua3_87 ._label_kvua3_92 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    font-size: 1.4rem;
    color: rgb(168, 179, 184);
}

div._amountWithVariation_kvua3_87 ._label_kvua3_92 svg {
    color: rgb(168, 179, 184);
}

@media only screen and (max-width: 575.98px) {
    div._amountWithVariation_kvua3_87 {
        box-shadow: rgba(50, 77, 87, 0.07) 0px 4px 30px;
        border-radius: 8px;
        padding: 16px;
        flex: 1 1 0%;
        align-items: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 575.98px) {
    [data-theme="dark"] div._amountWithVariation_kvua3_87 {
        background-color: rgb(30, 36, 57);
    }
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 {
    font-size: 4.8rem;
    line-height: 4.8rem;
    font-weight: 600;
    color: rgb(11, 32, 45);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    font-family: PlusJakartaSans, monospace;
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 ._amountInFiatMobile_kvua3_130 {
    font-size: 3.6rem;
    display: flex;
    flex-direction: column;
    column-gap: 8px;
    max-height: 38px;
    overflow: hidden;
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 ._amountInFiatMobile_kvua3_130._hiddenAmount_kvua3_138 span:first-child {
    order: 1;
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 ._amountInFiatMobile_kvua3_130._hiddenAmount_kvua3_138 span:last-child {
    order: 0;
    text-align: center;
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 div._showMandateDataSwitch_kvua3_145 {
    font-size: 1.6rem;
    color: rgb(168, 179, 184);
    font-weight: 400;
    line-height: normal;
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 div._amountInFiat_kvua3_130 {
    display: flex;
    flex-direction: column;
    max-height: 48px;
    overflow: hidden;
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 div._amountInFiat_kvua3_130>span {
    display: flex;
    flex-direction: column;
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 div._amountInFiat_kvua3_130 ._hiddenAmount_kvua3_138>span:first-child {
    opacity: 0;
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 div._amountInFiat_kvua3_130 ._hiddenAmount_kvua3_138>span:last-child {
    position: absolute;
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 div._amountInFiat_kvua3_130 ._euroAmount_kvua3_167,
div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 div._amountInFiat_kvua3_130 ._dollarAmount_kvua3_168 {
    position: relative;
    font-weight: 700;
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 div._amountInFiat_kvua3_130 span {
    white-space: nowrap;
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 div._amountInFiat_kvua3_130 span:not(._hiddenAmount_kvua3_138) {
    transition: transform 0.3s, opacity 0.3s;
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 div._amountInFiat_kvua3_130 span._dollarAmount_kvua3_168 {
    opacity: 0;
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 div._amountInFiat_kvua3_130[data-selected="USD"] ._euroAmount_kvua3_167 {
    opacity: 0;
    transform: translateY(48px);
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 div._amountInFiat_kvua3_130[data-selected="USD"] ._dollarAmount_kvua3_168 {
    opacity: 1;
    transform: translateY(-48px);
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 i {
    margin-left: 15px;
}

@media only screen and (max-width: 575.98px) {
    div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 i {
        margin: unset;
    }
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119>button {
    border-radius: 6px;
    background-color: rgba(216, 218, 223, 0.15);
    border: 2px solid rgb(235, 236, 244);
    color: rgb(50, 77, 87);
    font-size: 1.2rem;
    line-height: 1.2rem;
    min-width: 28px;
    min-height: 28px;
    max-width: 28px;
    max-height: 28px;
    transition: transform 0.3s, opacity 0.3s;
}

div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119>button:active {
    transform: scale(0.9);
}

div._amountWithVariation_kvua3_87 ._currencySwitcher_kvua3_213 {
    color: rgb(50, 77, 87);
}

div._amountWithVariation_kvua3_87 ._valuationVariation_kvua3_216 {
    font-size: 1.4rem;
    line-height: 100%;
    font-family: PlusJakartaSans;
    font-weight: 500;
    color: rgb(45, 210, 141);
}

div._amountWithVariation_kvua3_87 ._valuationVariation_kvua3_216._negative_kvua3_223 {
    color: red;
}

[data-theme="dark"] div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119 {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] div._amountWithVariation_kvua3_87>div._totalBalance_kvua3_119>button {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    background-color: rgba(255, 255, 255, 0.1);
    color: rgb(255, 87, 41);
}

@keyframes _fadeIn_1jfvg_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1jfvg_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1jfvg_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1jfvg_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1jfvg_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1jfvg_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1jfvg_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1jfvg_113 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

span._growthRateIndicator_1jfvg_87 {
    background-color: rgba(45, 210, 141, 0.1);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 16px;
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: rgb(45, 210, 141);
    font-weight: 700;
    white-space: nowrap;
    font-family: PlusJakartaSans, monospace;
    font-variant-numeric: tabular-nums;
}

@media only screen and (max-width: 575.98px) {
    span._growthRateIndicator_1jfvg_87 {
        padding: 4px;
    }
}

span._growthRateIndicator_1jfvg_87._negative_1jfvg_108 {
    background-color: rgba(231, 64, 64, 0.15);
    color: red;
}

div._loadingText_1jfvg_113 {
    padding: 6px 8px;
}

._tooltip_1jfvg_117 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 4px;
    min-width: 130px;
    font-size: 1.25rem !important;
}

._tooltip_1jfvg_117 ._details_1jfvg_126 {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

._tooltip_1jfvg_117 ._details_1jfvg_126 span {
    white-space: nowrap;
    font-family: PlusJakartaSans, monospace;
}

._tooltip_1jfvg_117 svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

._tooltip_1jfvg_117._gain_1jfvg_145 svg {
    transform: rotate(-45deg);
}

._tooltip_1jfvg_117._gain_1jfvg_145 svg path {
    fill: rgb(45, 210, 141);
}

._tooltip_1jfvg_117._gain_1jfvg_145 ._amount_1jfvg_151::before {
    content: "+";
}

._tooltip_1jfvg_117._loss_1jfvg_154 svg {
    transform: rotate(45deg);
}

._tooltip_1jfvg_117._loss_1jfvg_154 svg path {
    fill: red;
}

._variation_1jfvg_161 {
    padding-bottom: 10px;
}

._variationValue_1jfvg_165 {
    font-size: 1em;
    line-height: 1em;
    color: rgb(45, 210, 141);
    white-space: nowrap;
    text-align: center;
    margin-top: 8px;
}

._variationValue_1jfvg_165._negative_1jfvg_108 {
    color: red;
}

@keyframes _fadeIn_1nwaw_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1nwaw_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1nwaw_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1nwaw_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1nwaw_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1nwaw_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1nwaw_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1nwaw_97 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._switch_1nwaw_87 {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

div._switch_1nwaw_87[data-disabled="true"] {
    pointer-events: none;
}

div._switch_1nwaw_87._loading_1nwaw_97 {
    animation: 1s linear 0s infinite alternate none running _loading_1nwaw_97;
    cursor: default !important;
}

div._switch_1nwaw_87._loading_1nwaw_97>div {
    background-color: rgb(235, 236, 244) !important;
}

div._switch_1nwaw_87._loading_1nwaw_97>div>div {
    background-color: rgb(235, 236, 244) !important;
}

div._switch_1nwaw_87._loading_1nwaw_97>div:hover>div {
    background-color: rgb(235, 236, 244) !important;
}

div._switch_1nwaw_87>span {
    color: rgb(168, 179, 184);
}

div._switch_1nwaw_87>div {
    min-width: 21px;
    max-width: 21px;
    min-height: 6px;
    max-height: 6px;
    background-color: rgb(235, 236, 244);
    border-radius: 3px;
    transition: 0.3s;
}

div._switch_1nwaw_87>div[data-checked="true"] {
    background-color: rgb(255, 151, 122);
}

div._switch_1nwaw_87>div[data-checked="true"]>div {
    left: 100%;
    transform: translate(-100%) translateY(-50%);
    background-color: rgb(255, 87, 41);
}

div._switch_1nwaw_87>div:hover>div {
    background-color: rgb(255, 151, 122);
}

div._switch_1nwaw_87>div>div {
    width: 12px;
    height: 12px;
    min-width: 12px;
    max-width: 12px;
    min-height: 12px;
    max-height: 12px;
    object-fit: contain;
    object-position: center center;
    background-color: rgb(235, 236, 244);
    border-radius: 6px;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    z-index: 1;
    transition: 0.3s;
}

@keyframes _loading_15nw0_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

span._subAssetBalance_15nw0_14 {
    font-size: 1.4rem;
    font-weight: 500;
    color: rgb(4, 24, 37);
}

span._subAssetBalance_15nw0_14 strong {
    font-weight: 700;
}

[data-theme="dark"] span._subAssetBalance_15nw0_14 {
    color: rgb(252, 251, 247);
}

@keyframes _fadeIn_luajj_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_luajj_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_luajj_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_luajj_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_luajj_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_luajj_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_luajj_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_luajj_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

button._eyeToggle_luajj_87 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(50, 77, 87);
}

button._eyeToggle_luajj_87>svg {
    width: 14px;
    height: 14px;
    min-width: 14px;
    max-width: 14px;
    min-height: 14px;
    max-height: 14px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _loading_94qkf_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._chartCarousel_94qkf_14 {
    overflow: hidden;
    display: flex;
    width: 100%;
    position: relative;
}

div._chartCarousel_94qkf_14 div._page_94qkf_20 {
    flex: 0 0 auto;
    overflow: hidden;
    min-width: 100%;
    max-width: 100%;
}

._toggler_94qkf_27 {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0px;
    z-index: 1;
}

@media only screen and (max-width: 575.98px) {
    ._toggler_94qkf_27 {
        position: relative;
        margin-bottom: 16px;
        width: fit-content;
    }
}

@keyframes _fadeIn_1rrgr_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1rrgr_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1rrgr_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1rrgr_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1rrgr_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1rrgr_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1rrgr_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

div._balanceLineChart_1rrgr_87 {
    height: 100%;
    display: flex;
    flex-direction: column;
}

div._balanceLineChart_1rrgr_87 div._chartHeader_1rrgr_92 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

div._balanceLineChart_1rrgr_87 div._chartHeader_1rrgr_92 ._title_1rrgr_97 {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 15px;
}

div._balanceLineChart_1rrgr_87 div._chartHeader_1rrgr_92 ._title_1rrgr_97>span>svg {
    width: 35px;
    height: 35px;
    min-width: 35px;
    max-width: 35px;
    min-height: 35px;
    max-height: 35px;
    object-fit: contain;
    object-position: center center;
}

@media only screen and (max-width: 575.98px) {
    div._balanceLineChart_1rrgr_87 div._chartHeader_1rrgr_92 ._title_1rrgr_97>span {
        order: 0;
    }
}

div._balanceLineChart_1rrgr_87 div._chartHeader_1rrgr_92 div._timescale_1rrgr_121 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 575.98px) {
    div._balanceLineChart_1rrgr_87 div._chartHeader_1rrgr_92 div._timescale_1rrgr_121 {
        column-gap: 4px;
    }
}

div._balanceLineChart_1rrgr_87 div._chartHeader_1rrgr_92 div._timescale_1rrgr_121 button {
    cursor: pointer;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(235, 236, 244, 0.7);
    border-radius: 5px;
    color: rgb(11, 32, 45);
    transition: 0.2s;
    min-height: 31px;
    min-width: 51px;
    line-height: 100%;
}

div._balanceLineChart_1rrgr_87 div._chartHeader_1rrgr_92 div._timescale_1rrgr_121 button._active_1rrgr_144,
div._balanceLineChart_1rrgr_87 div._chartHeader_1rrgr_92 div._timescale_1rrgr_121 button:hover {
    border-color: rgb(255, 87, 41) !important;
    background-color: rgb(255, 87, 41) !important;
    color: rgb(255, 255, 255) !important;
}

div._balanceLineChart_1rrgr_87 div._chartHeader_1rrgr_92 div._timescale_1rrgr_121 button._active_1rrgr_144 {
    font-family: Matter;
    font-weight: 500;
}

div._balanceLineChart_1rrgr_87 div._chartHeader_1rrgr_92 div._timescale_1rrgr_121 ._eyeToggle_1rrgr_153 svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

div._balanceLineChart_1rrgr_87 div._chartHeader_1rrgr_92 div._timescale_1rrgr_121 ._eyeToggle_1rrgr_153:hover svg path {
    fill: rgb(255, 255, 255);
}

div._balanceLineChart_1rrgr_87 div._chart_1rrgr_92 {
    position: relative;
    aspect-ratio: 3 / 1;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    padding: 8px;
    animation: 0.2s linear 0s 1 normal none running _slideRight_1rrgr_1;
    min-width: 0px;
}

div._balanceLineChart_1rrgr_87 div._chart_1rrgr_92 ._cta_1rrgr_176 {
    position: absolute;
    z-index: 1;
    inset: 0px;
}

div._balanceLineChart_1rrgr_87 div._chart_1rrgr_92 canvas {
    min-width: 100%;
    max-width: 100%;
    cursor: pointer;
}

div._balanceLineChart_1rrgr_87 svg._skeleton_1rrgr_189 {
    min-width: 100%;
    max-width: 100%;
    aspect-ratio: 3 / 1;
    animation: 1s linear 0s infinite alternate none running _loading_1rrgr_1;
}

@media only screen and (max-width: 575.98px) {
    div._balanceLineChart_1rrgr_87 svg._skeleton_1rrgr_189 {
        aspect-ratio: 1 / 1;
    }
}

div._balanceLineChart_1rrgr_87 svg._skeleton_1rrgr_189 rect {
    fill: rgb(230, 230, 230);
}

@keyframes _loading_1rrgr_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._balanceLineChart_1rrgr_87._noData_1rrgr_211 canvas {
    filter: grayscale(100%) blur(5px);
}

[data-theme="dark"] div._balanceLineChart_1rrgr_87 div._chartHeader_1rrgr_92 div._timescale_1rrgr_121 button {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.15);
    color: rgb(235, 236, 244);
}

@keyframes _fadeIn_15q4x_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_15q4x_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_15q4x_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_15q4x_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_15q4x_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_15q4x_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_15q4x_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_15q4x_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._annotationModal_15q4x_87>div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

div._annotationModal_15q4x_87 button.delete {
    font-size: 1.2rem;
    margin: 0px;
    display: flex;
    align-self: flex-end;
    color: rgb(211, 29, 41);
}

@keyframes _fadeIn_1bxnm_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1bxnm_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1bxnm_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1bxnm_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1bxnm_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1bxnm_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1bxnm_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1bxnm_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

span._captionedBox_1bxnm_87 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: rgb(11, 32, 45);
}

span._captionedBox_1bxnm_87 pre {
    text-align: left;
    font-size: 1.2rem;
    font-weight: 400;
    color: rgb(168, 179, 184);
    text-wrap: wrap;
}

[data-theme="dark"] span._captionedBox_1bxnm_87 {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] span._captionedBox_1bxnm_87 pre {
    color: rgb(235, 236, 244);
}

@keyframes _fadeIn_ne8ew_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_ne8ew_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_ne8ew_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_ne8ew_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_ne8ew_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_ne8ew_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_ne8ew_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_ne8ew_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._assetAllocationCharts_ne8ew_87 {
    height: 100%;
    display: flex;
    flex-direction: column;
}

div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92 {
    display: flex;
    flex-direction: row;
    gap: 30px;
    position: relative;
    padding: 8px;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    animation: 0.2s linear 0s 1 normal none running _slideRight_ne8ew_1;
}

@media only screen and (max-width: 767.98px) {
    div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92 {
        justify-content: space-between;
    }
}

@media only screen and (max-width: 575.98px) {
    div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92 {
        justify-content: center;
    }
}

div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92 ._cta_ne8ew_113 {
    position: absolute;
    z-index: 1;
    inset: 0px;
}

div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92>div:not(._cta_ne8ew_113) {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 240px;
    max-width: 280px;
    flex: 1 1 0%;
}

@media only screen and (max-width: 991.98px) {
    div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92>div:not(._cta_ne8ew_113) {
        max-width: 250px;
        min-width: unset;
    }
}

div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92>div:not(._cta_ne8ew_113) ._chartTitle_ne8ew_135 {
    display: flex;
    column-gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}

@media only screen and (max-width: 575.98px) {
    div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92>div:not(._cta_ne8ew_113) ._chartTitle_ne8ew_135 {
        margin-bottom: 16px;
    }
}

div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92>div:not(._cta_ne8ew_113) ._chartTitle_ne8ew_135>strong {
    font-weight: 600;
    color: rgb(11, 32, 45);
    white-space: nowrap;
}

@media only screen and (max-width: 575.98px) {
    div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92>div:not(._cta_ne8ew_113) ._chartTitle_ne8ew_135>strong {
        cursor: pointer;
    }
}

[data-theme="dark"] div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92>div:not(._cta_ne8ew_113) ._chartTitle_ne8ew_135>strong {
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 575.98px) {
    div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92>div:not(._cta_ne8ew_113) ._chartTitle_ne8ew_135>strong._active_ne8ew_161 {
        text-decoration: underline;
    }
}

div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92>div:not(._cta_ne8ew_113) ._chartTitle_ne8ew_135>strong:not(._active_ne8ew_161) {
    font-weight: 400;
    font-size: 0.9em;
    color: rgb(255, 87, 41);
}

div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92>div:not(._cta_ne8ew_113)>span {
    font-weight: 600;
    color: rgb(11, 32, 45);
}

[data-theme="dark"] div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92>div:not(._cta_ne8ew_113)>span {
    color: rgb(255, 255, 255);
}

div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92>div:not(._cta_ne8ew_113)>span {
    margin-bottom: 8px;
    white-space: nowrap;
}

div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92>div:not(._cta_ne8ew_113)>span {
    font-weight: 400;
}

div._assetAllocationCharts_ne8ew_87 div._charts_ne8ew_92 canvas {
    min-width: 100%;
    max-width: 100%;
}

div._assetAllocationCharts_ne8ew_87._noData_ne8ew_189 div._charts_ne8ew_92>div:not(._cta_ne8ew_113) {
    filter: blur(5px) grayscale(100%);
}

[data-theme="dark"] div._assetAllocationCharts_ne8ew_87._noData_ne8ew_189 canvas {
    filter: grayscale(100%) blur(5px) brightness(50%);
}

._title_ne8ew_197 {
    display: flex;
    justify-content: space-between;
}

@keyframes _fadeIn_djrj3_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_djrj3_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_djrj3_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_djrj3_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_djrj3_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_djrj3_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_djrj3_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_djrj3_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._cta_djrj3_87 {
    position: absolute;
    z-index: 1;
    inset: 0px;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    border-radius: 8px;
}

div._cta_djrj3_87 p {
    font-size: 2.4rem;
    font-weight: 600;
    text-align: center;
}

[data-theme="dark"] ._cta_djrj3_87 {
    background-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] ._cta_djrj3_87 p {
    color: rgb(255, 255, 255);
}

@keyframes _fadeIn_1bhb9_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1bhb9_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1bhb9_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1bhb9_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1bhb9_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1bhb9_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1bhb9_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1bhb9_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._customLegend_1bhb9_87 {
    padding-top: 10px;
    display: flex;
    flex-flow: wrap;
    flex-basis: 50px;
    justify-content: center;
    column-gap: 8px;
}

._legendItem_1bhb9_96 {
    display: flex;
    align-items: center;
    cursor: pointer;
}

._legendColor_1bhb9_102 {
    width: 10px;
    height: 10px;
    border-radius: 20px;
    margin-right: 2px;
}

._legendLabel_1bhb9_109 {
    font-size: 14px;
    color: rgb(168, 179, 184);
}

._hide_1bhb9_114 {
    text-decoration: line-through rgb(168, 179, 184);
}

@keyframes _fadeIn_1kaxi_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1kaxi_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1kaxi_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1kaxi_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1kaxi_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1kaxi_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1kaxi_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1kaxi_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

ul._nav_1kaxi_87 {
    display: flex;
    flex-direction: row;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px;
    border-radius: 8px;
    overflow: hidden;
    max-height: 32px;
}

ul._nav_1kaxi_87 li:first-child button {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

ul._nav_1kaxi_87 li:last-child button {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

ul._nav_1kaxi_87 button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border: 1px solid transparent;
    transition: 0.4s;
    height: 100%;
}

ul._nav_1kaxi_87 button:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px inset;
}

ul._nav_1kaxi_87 button._current_1kaxi_116 {
    background: rgb(246, 242, 232);
    border: 1px solid rgb(246, 242, 232);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px inset;
}

ul._nav_1kaxi_87 button>svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
    color: rgb(235, 236, 244);
}

ul._nav_1kaxi_87 button._current_1kaxi_116>svg,
ul._nav_1kaxi_87 button:hover>svg {
    color: rgb(4, 24, 37);
}

[data-theme="dark"] ul._nav_1kaxi_87 {
    background-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] ul._nav_1kaxi_87 button._current_1kaxi_116,
[data-theme="dark"] ul._nav_1kaxi_87 button:hover {
    background: rgb(11, 22, 45);
    border-color: rgb(11, 32, 45);
}

[data-theme="dark"] ul._nav_1kaxi_87 button._current_1kaxi_116 svg,
[data-theme="dark"] ul._nav_1kaxi_87 button:hover svg {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] ul._nav_1kaxi_87 button svg {
    color: rgb(168, 179, 184);
}

@keyframes _fadeIn_1d0th_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1d0th_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1d0th_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1d0th_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1d0th_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1d0th_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1d0th_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1d0th_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._page_1d0th_87 {
    flex-grow: 0;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    overflow: hidden auto;
    padding: 24px 24px 36px;
}

@media only screen and (max-width: 575.98px) {
    ._page_1d0th_87 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@keyframes _fadeIn_13hgl_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_13hgl_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_13hgl_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_13hgl_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_13hgl_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_13hgl_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_13hgl_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_13hgl_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._referralRewardProgressionStatus_13hgl_87 {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] div._referralRewardProgressionStatus_13hgl_87 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

div._referralRewardProgressionStatus_13hgl_87 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

@media only screen and (max-width: 1199.98px) {
    div._referralRewardProgressionStatus_13hgl_87 {
        margin-top: 38px;
    }
}

@media only screen and (max-width: 575.98px) {
    div._referralRewardProgressionStatus_13hgl_87 {
        margin-top: unset;
        margin-bottom: 16px;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 8px;
    }
}

div._referralRewardProgressionStatus_13hgl_87>div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

div._referralRewardProgressionStatus_13hgl_87 p {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
}

div._referralRewardProgressionStatus_13hgl_87 svg {
    width: 38px;
    height: 38px;
    min-width: 38px;
    max-width: 38px;
    min-height: 38px;
    max-height: 38px;
    object-fit: contain;
    object-position: center center;
}

div._referralRewardProgressionStatus_13hgl_87 button {
    margin-left: auto;
}

@keyframes _loading_1x62a_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._yieldTooltip_1x62a_14 {
    display: inline-block;
}

._yieldBlock_1x62a_18 {
    display: flex;
}

._yieldBoost_1x62a_22 {
    display: flex;
    align-items: center;
    background-color: rgb(46, 191, 239);
    border-radius: 8px;
    padding: 2px 6px;
    font-weight: 700;
    font-size: 1.4rem;
    color: rgb(255, 255, 255) !important;
}

._yieldBoost_1x62a_22>svg {
    width: 18px;
    height: 18px;
    min-width: 18px;
    max-width: 18px;
    min-height: 18px;
    max-height: 18px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _fadeIn_fy26r_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_fy26r_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_fy26r_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_fy26r_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_fy26r_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_fy26r_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_fy26r_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_fy26r_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._title_fy26r_87 {
    font-size: 2rem;
    padding: 6px 0px;
    color: rgb(11, 32, 45);
}

._title_fy26r_87 svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 87, 41);
}

div._productList_fy26r_104 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 16px;
    border: 1px solid rgb(246, 243, 233);
    padding: 16px 24px;
    min-width: 100%;
    max-width: 100%;
    box-shadow: rgba(0, 0, 0, 0.1) 11px 1px 24px;
    margin: 16px 0px;
    min-height: 376px;
}

div._productList_fy26r_104>ul {
    display: grid;
    color: rgb(11, 32, 45);
    grid-template-columns: 1fr;
    gap: 16px;
}

div._productList_fy26r_104>ul>li {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 12px;
    min-height: 40px;
}

div._productList_fy26r_104>ul>li:last-child {
    margin-bottom: 0px;
}

div._productList_fy26r_104>ul>li:first-child {
    margin-top: 0px;
}

div._productList_fy26r_104>ul>li>svg,
div._productList_fy26r_104>ul>li>img {
    width: 32px;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    object-fit: contain;
    object-position: center center;
}

[data-theme="dark"] div._productList_fy26r_104 {
    border-color: rgb(11, 32, 45);
}

@media only screen and (max-width: 991.98px) {
    div._productList_fy26r_104 {
        min-height: 370px;
    }
}

._productInfos_fy26r_157 {
    font-family: PlusJakartaSans;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 0%;
    cursor: pointer;
}

._productInfos_fy26r_157 ._productName_fy26r_166 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 700;
    color: rgb(4, 24, 37);
}

[data-theme="dark"] ._productInfos_fy26r_157 ._productName_fy26r_166 {
    color: rgb(252, 251, 247);
}

._productInfos_fy26r_157 ._currencyCode_fy26r_176 {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 500;
    color: rgb(168, 179, 184);
}

._productInfos_fy26r_157:hover:not(:disabled) * {
    text-decoration: underline;
}

._productInfos_fy26r_157:disabled {
    cursor: default;
}

._priceAndVariation_fy26r_189 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

._priceAndVariation_fy26r_189 ._price_fy26r_189 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 500;
    color: rgb(11, 32, 45);
}

[data-theme="dark"] ._priceAndVariation_fy26r_189 ._price_fy26r_189 {
    color: rgb(252, 251, 247);
}

._priceAndVariation_fy26r_189 ._variation_fy26r_204 {
    display: inline-flex;
    gap: 4px;
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 500;
}

._priceAndVariation_fy26r_189 ._variation_fy26r_204._positive_fy26r_211 {
    color: rgb(45, 210, 141);
}

._priceAndVariation_fy26r_189 ._variation_fy26r_204._negative_fy26r_214 {
    color: red;
}

._yield_fy26r_218 {
    font-size: 1.2rem;
    white-space: nowrap;
    color: rgb(11, 32, 45);
}

[data-theme="dark"] ._yield_fy26r_218 {
    color: rgb(252, 251, 247);
}

._buyButton_fy26r_227 {
    font-family: PlusJakartaSans;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 500;
    color: rgb(50, 77, 87);
    padding: 11px 16px;
    background-color: rgb(242, 242, 243);
    border-radius: 32px;
    transition: 0.3s;
}

._buyButton_fy26r_227:hover {
    background-color: rgba(255, 87, 41, 0.1);
}

[data-theme="dark"] ._buyButton_fy26r_227 {
    background-color: rgb(50, 77, 87);
    color: rgb(252, 251, 247);
}

[data-theme="dark"] ._buyButton_fy26r_227:hover {
    background-color: rgb(255, 151, 122);
}

@keyframes _fadeIn_1debe_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1debe_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1debe_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1debe_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1debe_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1debe_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1debe_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1debe_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._title_1debe_87 {
    font-size: 2rem;
    padding: 6px 0px;
    color: rgb(11, 32, 45);
}

._title_1debe_87 svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 87, 41);
}

div._currencyList_1debe_104 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 16px;
    border: 1px solid rgb(246, 243, 233);
    padding: 16px 24px;
    min-width: 100%;
    max-width: 100%;
    box-shadow: rgba(0, 0, 0, 0.1) 11px 1px 24px;
    margin: 16px 0px;
    min-height: 376px;
}

div._currencyList_1debe_104>ul {
    display: grid;
    color: rgb(11, 32, 45);
    grid-template-columns: 1fr;
    gap: 16px;
}

div._currencyList_1debe_104>ul>li {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 12px;
}

div._currencyList_1debe_104>ul>li:last-child {
    margin-bottom: 0px;
}

div._currencyList_1debe_104>ul>li:first-child {
    margin-top: 0px;
}

div._currencyList_1debe_104>ul>li>svg,
div._currencyList_1debe_104>ul>li>img {
    width: 32px;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    object-fit: contain;
    object-position: center center;
}

[data-theme="dark"] div._currencyList_1debe_104 {
    border-color: rgb(11, 32, 45);
}

@media only screen and (max-width: 991.98px) {
    div._currencyList_1debe_104 {
        min-height: 370px;
    }
}

._currencyInfos_1debe_156 {
    font-family: PlusJakartaSans;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 0%;
    cursor: pointer;
}

._currencyInfos_1debe_156 ._currencyName_1debe_165 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 700;
    color: rgb(4, 24, 37);
}

[data-theme="dark"] ._currencyInfos_1debe_156 ._currencyName_1debe_165 {
    color: rgb(252, 251, 247);
}

._currencyInfos_1debe_156 ._currencyCode_1debe_175 {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 500;
    color: rgb(168, 179, 184);
}

._currencyInfos_1debe_156:hover:not(:disabled) * {
    text-decoration: underline;
}

._currencyInfos_1debe_156:disabled {
    cursor: default;
}

._priceAndVariation_1debe_188 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

._priceAndVariation_1debe_188 ._price_1debe_188 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 500;
    color: rgb(11, 32, 45);
}

[data-theme="dark"] ._priceAndVariation_1debe_188 ._price_1debe_188 {
    color: rgb(252, 251, 247);
}

._priceAndVariation_1debe_188 ._variation_1debe_203 {
    display: inline-flex;
    gap: 4px;
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 500;
}

._priceAndVariation_1debe_188 ._variation_1debe_203._positive_1debe_210 {
    color: rgb(45, 210, 141);
}

._priceAndVariation_1debe_188 ._variation_1debe_203._negative_1debe_213 {
    color: red;
}

._yield_1debe_217 {
    font-size: 1.2rem;
    white-space: nowrap;
    color: rgb(11, 32, 45);
}

[data-theme="dark"] ._yield_1debe_217 {
    color: rgb(252, 251, 247);
}

._buyButton_1debe_226 {
    font-family: PlusJakartaSans;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 500;
    color: rgb(50, 77, 87);
    padding: 11px 16px;
    background-color: rgb(242, 242, 243);
    border-radius: 32px;
    transition: 0.3s;
}

._buyButton_1debe_226:hover {
    background-color: rgba(255, 87, 41, 0.1);
}

[data-theme="dark"] ._buyButton_1debe_226 {
    background-color: rgb(50, 77, 87);
    color: rgb(252, 251, 247);
}

[data-theme="dark"] ._buyButton_1debe_226:hover {
    background-color: rgb(255, 151, 122);
}

._viewAllLink_1debe_248 {
    font-family: Matter;
    font-size: 1.6rem;
    font-weight: 600;
    color: rgb(255, 87, 41);
    margin: auto auto 0px;
    transition: 0.3s;
}

._viewAllLink_1debe_248:hover {
    color: rgb(255, 151, 122);
}

@keyframes _fadeIn_g3nf8_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_g3nf8_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_g3nf8_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_g3nf8_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_g3nf8_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_g3nf8_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_g3nf8_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_g3nf8_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._mandate_g3nf8_87 {
    flex: 1 1 0%;
    display: grid;
    grid-template-columns: 2fr 1fr;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    border-radius: 8px;
    background-color: rgb(252, 251, 247);
    transition: 0.3s ease-in-out;
    text-align: start;
}

[data-theme="dark"] ._mandate_g3nf8_87 {
    background-color: rgb(30, 36, 57);
    color: rgb(255, 255, 255);
}

._mandate_g3nf8_87 ._image_g3nf8_102 {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

._mandate_g3nf8_87 ._image_g3nf8_102 img {
    min-width: min(100%, 130px);
    max-width: min(100%, 215px);
    min-height: min(100%, 150px);
    max-height: min(100%, 150px);
    object-fit: cover;
    object-position: left bottom;
    transition: 0.3s ease-in-out;
    transform-origin: right bottom;
}

@media only screen and (max-width: 575.98px) {
    ._mandate_g3nf8_87 ._image_g3nf8_102 img {
        min-height: min(100%, 100px);
    }
}

._mandate_g3nf8_87 div._content_g3nf8_122 {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
    font-family: PlusJakartaSans;
}

._mandate_g3nf8_87 div._content_g3nf8_122 p {
    color: rgb(11, 32, 45);
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 100%;
}

[data-theme="dark"] ._mandate_g3nf8_87 div._content_g3nf8_122 p {
    color: rgb(255, 255, 255);
}

._mandate_g3nf8_87 div._content_g3nf8_122 ._mandateTags_g3nf8_140 {
    display: flex;
    flex-direction: row;
    gap: 6px;
    height: 24px;
}

._mandate_g3nf8_87 div._content_g3nf8_122 ._mandateTags_g3nf8_140>span {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    color: rgb(255, 87, 41);
    background-color: rgba(255, 87, 41, 0.05);
    padding: 8px;
    border-radius: 32px;
    height: 24px;
}

._mandate_g3nf8_87 div._content_g3nf8_122 ._actionButtons_g3nf8_156 {
    margin-top: 6px;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

._mandate_g3nf8_87 div._content_g3nf8_122 ._actionButtons_g3nf8_156>button {
    display: flex;
    align-items: center;
    max-height: 33px;
    min-height: 33px;
}

@media only screen and (max-width: 767.98px) {
    ._mandate_g3nf8_87 div._content_g3nf8_122 ._actionButtons_g3nf8_156 {
        flex-direction: column;
    }
}

@media only screen and (max-width: 575.98px) {
    ._mandate_g3nf8_87 div._content_g3nf8_122 {
        gap: 12px;
        padding: 8px 10px;
    }
}

._mandate_g3nf8_87 ._closeButton_g3nf8_179 {
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(235, 236, 244, 0.7);
    border-radius: 100px;
    background-color: rgb(255, 255, 255);
}

[data-theme="dark"] ._mandate_g3nf8_87 ._closeButton_g3nf8_179 {
    border: 2px solid rgba(255, 255, 255, 0.1);
    background-color: rgb(30, 36, 57);
}

[data-theme="dark"] ._mandate_g3nf8_87 ._closeButton_g3nf8_179 svg path {
    fill: rgb(168, 179, 184);
    stroke: rgb(168, 179, 184);
}

@keyframes _fadeIn_np0gu_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_np0gu_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_np0gu_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_np0gu_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_np0gu_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_np0gu_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_np0gu_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_np0gu_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._guideModal_np0gu_87>div {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

._guideModal_np0gu_87>div h3 {
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
}

._guideModal_np0gu_87>div div._content_np0gu_97 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: left;
}

._guideModal_np0gu_87>div div._content_np0gu_97 ._checkboxContainer_np0gu_103 {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._guideModal_np0gu_87>div div._content_np0gu_97 i {
    color: red;
}

._guideModal_np0gu_87>div div._actions_np0gu_112 {
    align-self: center;
    margin-top: 24px;
}

@keyframes _fadeIn_bd6d0_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_bd6d0_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_bd6d0_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_bd6d0_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_bd6d0_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_bd6d0_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_bd6d0_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_bd6d0_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._flag_bd6d0_87 {
    min-width: 21px;
    max-width: 21px;
    min-height: 15px;
    max-height: 15px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

._flag_bd6d0_87 span {
    font-size: 2.2rem;
}

._phoneInput_bd6d0_100 {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

._phoneInput_bd6d0_100[data-opened="true"]>button svg {
    transform: rotate(-180deg);
}

._phoneInput_bd6d0_100[data-opened="true"] div._dropdown_bd6d0_108 {
    transform: scaleY(1);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
}

._phoneInput_bd6d0_100>button {
    border: 1px solid rgb(216, 218, 223);
    border-radius: 8px;
    padding: 8px;
    min-height: 40px;
    max-height: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 8px;
}

[data-theme="dark"] ._phoneInput_bd6d0_100>button {
    border-color: rgb(168, 179, 184);
}

._phoneInput_bd6d0_100>button svg {
    width: 10px;
    height: 10px;
    min-width: 10px;
    max-width: 10px;
    min-height: 10px;
    max-height: 10px;
    object-fit: contain;
    object-position: center center;
    transition: 0.3s;
}

._phoneInput_bd6d0_100>button svg path {
    fill: rgb(216, 218, 223);
}

._phoneInput_bd6d0_100 div._inputContainer_bd6d0_141 {
    display: flex;
    align-items: center;
    border: 1px solid rgb(216, 218, 223);
    border-radius: 8px;
    min-width: 232px;
    max-width: 232px;
}

[data-theme="dark"] ._phoneInput_bd6d0_100 div._inputContainer_bd6d0_141 {
    border: 1px solid rgb(168, 179, 184);
}

._phoneInput_bd6d0_100 div._inputContainer_bd6d0_141>span {
    display: flex;
    align-items: center;
    min-height: 40px;
    max-height: 40px;
    padding: 8px 0px 8px 16px;
}

._phoneInput_bd6d0_100 div._inputContainer_bd6d0_141>button {
    cursor: pointer;
    display: flex;
    align-items: center;
    position: absolute;
    right: 16px;
}

._phoneInput_bd6d0_100 div._inputContainer_bd6d0_141>button:hover span {
    opacity: 1;
}

._phoneInput_bd6d0_100 div._inputContainer_bd6d0_141>button span {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(235, 236, 244);
    font-size: 1.2rem;
    color: rgb(11, 32, 45);
    padding: 8px;
    border-radius: 8px;
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 0px;
    opacity: 0;
    transition: opacity 0.3s;
    font-weight: 400;
}

._phoneInput_bd6d0_100 div._dropdown_bd6d0_108 {
    min-width: 100%;
    max-width: 100%;
    position: absolute;
    top: 48px;
    padding: 8px;
    transform: scaleY(0);
    border-radius: 8px;
    z-index: 10;
    background-color: rgb(255, 255, 255);
    transform-origin: center top;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 280px;
}

[data-theme="dark"] ._phoneInput_bd6d0_100 div._dropdown_bd6d0_108 {
    background-color: rgb(11, 22, 45);
}

._phoneInput_bd6d0_100 div._dropdown_bd6d0_108 input {
    padding: 8px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgb(168, 179, 184);
}

[data-theme="dark"] ._phoneInput_bd6d0_100 div._dropdown_bd6d0_108 input {
    border: 1px solid rgb(168, 179, 184);
    color: rgb(168, 179, 184);
}

._phoneInput_bd6d0_100 div._dropdown_bd6d0_108 ul {
    flex: 1 1 0%;
    list-style: none;
    overflow: hidden auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 100%;
    max-width: 100%;
    justify-content: flex-start;
}

._phoneInput_bd6d0_100 div._dropdown_bd6d0_108 ul li {
    display: flex;
    padding: 8px;
    margin: 0px;
    transition: 0.3s;
    align-items: center;
    list-style: none;
    cursor: pointer;
    border-radius: 5px;
    gap: 8px;
}

._phoneInput_bd6d0_100 div._dropdown_bd6d0_108 ul li:hover {
    background-color: rgb(235, 236, 244);
}

[data-theme="dark"] ._phoneInput_bd6d0_100 div._dropdown_bd6d0_108 ul li:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] ._phoneInputField_bd6d0_247 {
    color: rgb(255, 255, 255);
}

._flag_1wa1o_1 {
    background-color: unset !important;
    border: unset !important;
    color: unset !important;
}

@keyframes _fadeIn_1elrs_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1elrs_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1elrs_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1elrs_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1elrs_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1elrs_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1elrs_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1elrs_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

label._checkbox_1elrs_87 {
    cursor: pointer;
    color: rgb(11, 32, 45);
    display: flex;
    flex-direction: row;
    text-align: left !important;
}

label._checkbox_1elrs_87 a {
    color: rgb(255, 87, 41);
}

label._checkbox_1elrs_87._disabled_1elrs_97 {
    cursor: initial;
    color: rgb(168, 179, 184) !important;
}

label._checkbox_1elrs_87._disabled_1elrs_97 input[type="checkbox"] {
    border-color: rgb(168, 179, 184);
}

label._checkbox_1elrs_87 input[type="checkbox"] {
    visibility: hidden;
}

label._checkbox_1elrs_87 input[type="checkbox"]:not(:checked)~div {
    background-color: transparent;
}

label._checkbox_1elrs_87 input[type="checkbox"]:not(:checked)~div svg {
    transform: scale(10);
    opacity: 0;
}

label._checkbox_1elrs_87 div {
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    margin-right: 10px;
    border: 2px solid rgb(255, 87, 41);
    border-radius: 4px;
    display: grid;
    place-content: center;
    transition: 0.3s;
    background-color: rgb(255, 87, 41);
    overflow: hidden;
}

label._checkbox_1elrs_87 div>svg {
    transition: 0.3s;
    color: rgb(255, 255, 255);
}

label._checkbox_1elrs_87._small_1elrs_132 div {
    min-width: 12px;
    max-width: 12px;
    min-height: 12px;
    max-height: 12px;
}

label._checkbox_1elrs_87._small_1elrs_132 span {
    font-size: 1.2rem;
}

[data-theme="dark"] label._checkbox_1elrs_87 {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] label._checkbox_1elrs_87 input[type="checkbox"]:not(:checked)~div {
    border-color: rgb(255, 255, 255);
}

@keyframes _loading_vvo1z_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

button._calendlyButton_vvo1z_14 {
    cursor: pointer;
    background-color: rgb(255, 87, 41);
    color: rgb(255, 255, 255);
    border-radius: 25px;
    padding: 8px 16px;
    white-space: nowrap;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    line-height: 1.6rem;
    transition: 0.3s;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    min-height: 40px;
    max-height: 40px;
}

button._calendlyButton_vvo1z_14:disabled {
    background-color: rgb(235, 236, 244);
    border-color: transparent;
    color: rgb(255, 255, 255);
    pointer-events: none;
}

button._calendlyButton_vvo1z_14:hover {
    background-color: rgb(255, 151, 122);
    color: rgb(255, 255, 255);
}

@keyframes _fadeIn_1ji62_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1ji62_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1ji62_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1ji62_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1ji62_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1ji62_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1ji62_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1ji62_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._newsletter_1ji62_87 {
    flex: 1 1 0%;
    display: grid;
    grid-template-columns: 2fr 1fr;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    border-radius: 8px;
    background-color: rgb(252, 251, 247);
    min-height: 155px;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

[data-theme="dark"] ._newsletter_1ji62_87 {
    background-color: rgb(30, 36, 57);
    color: rgb(255, 255, 255);
}

._newsletter_1ji62_87 ._image_1ji62_103 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

._newsletter_1ji62_87 ._image_1ji62_103 img {
    min-width: min(100%, 215px);
    max-width: min(100%, 215px);
    min-height: min(100%, 150px);
    max-height: min(100%, 150px);
    object-fit: contain;
    object-position: right bottom;
    transition: 0.3s ease-in-out;
    transform-origin: center center;
}

@media only screen and (max-width: 575.98px) {
    ._newsletter_1ji62_87 ._image_1ji62_103 img {
        object-position: center center;
    }
}

._newsletter_1ji62_87 div._content_1ji62_123 {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 18px 16px;
    font-family: Matter;
    margin: auto 0px;
}

._newsletter_1ji62_87 div._content_1ji62_123 p {
    color: rgb(11, 32, 45);
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 100%;
}

[data-theme="dark"] ._newsletter_1ji62_87 div._content_1ji62_123 p {
    color: rgb(255, 255, 255);
}

._newsletter_1ji62_87 div._content_1ji62_123 ._fakeButton_1ji62_144 {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 100%;
    color: rgb(255, 87, 41);
    cursor: pointer;
    transition: 0.3s ease-in-out;
    border: 1px solid rgb(255, 87, 41);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 60px;
}

@media only screen and (max-width: 575.98px) {
    ._newsletter_1ji62_87 div._content_1ji62_123 {
        gap: 12px;
        padding: 8px 10px;
    }
}

._newsletter_1ji62_87:hover {
    background-color: rgb(255, 255, 255);
}

._newsletter_1ji62_87:hover ._image_1ji62_103 img {
    transform: scale(1.05);
}

._newsletter_1ji62_87:hover ._content_1ji62_123 ._fakeButton_1ji62_144 {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 87, 41);
}

[data-theme="dark"] ._newsletter_1ji62_87:hover {
    background-color: rgb(11, 32, 45);
}

@keyframes _fadeIn_1v8xu_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1v8xu_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1v8xu_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1v8xu_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1v8xu_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1v8xu_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1v8xu_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1v8xu_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._historyLink_1v8xu_87 {
    font-family: Matter, sans-serif;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    color: rgb(255, 87, 41);
    font-weight: 700;
    transition: color 0.2s;
    font-size: 1.4rem;
}

._historyLink_1v8xu_87:hover {
    color: rgb(255, 151, 122);
}

._historyLink_1v8xu_87 ._icon_1v8xu_102 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _fadeIn_1tfpy_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1tfpy_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1tfpy_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1tfpy_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1tfpy_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1tfpy_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1tfpy_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1tfpy_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._cryptoAmount_1tfpy_87 {
    white-space: nowrap;
    font-family: PlusJakartaSans, monospace;
}

._value_1tfpy_92 {
    font-weight: 600;
}

._ticker_1tfpy_96 {
    min-width: 50px;
    margin-left: 4px;
    text-align: left;
}

@keyframes _fadeIn_1iiv4_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1iiv4_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1iiv4_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1iiv4_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1iiv4_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1iiv4_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1iiv4_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1iiv4_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._cryptoLabel_1iiv4_87 {
    display: flex;
    align-items: center;
    gap: 8px;
}

._cryptoLabel_1iiv4_87 ._currencyInformationModalButton_1iiv4_92 {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

._cryptoLabel_1iiv4_87 ._currencyInformationModalButton_1iiv4_92:hover ._label_1iiv4_98 span::after {
    width: 100%;
    left: 0px;
}

._cryptoLabel_1iiv4_87 ._currencyInformationModalButton_1iiv4_92:hover .hoverIcon {
    opacity: 1;
}

._logo_1iiv4_106 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    margin-right: 16px;
}

._tokenData_1iiv4_118 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 8px;
}

._tokenName_1iiv4_126 {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

._tokenName_1iiv4_126 ._label_1iiv4_98 {
    margin-right: 8px;
}

._tokenName_1iiv4_126 ._label_1iiv4_98 span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-wrap: nowrap;
}

._tokenName_1iiv4_126 ._label_1iiv4_98 span::after {
    bottom: 0px;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    background: currentcolor;
    transition: width 0.3s, left 0.3s;
    width: 0px;
}

@media only screen and (max-width: 767.98px) {
    ._tokenName_1iiv4_126 ._label_1iiv4_98 {
        display: flex;
        flex-direction: column;
    }
}

._tokenName_1iiv4_126 .hoverIcon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
    opacity: 0;
    transition: opacity 0.2s;
    color: rgb(168, 179, 184);
}

._tickerSection_1iiv4_173 {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    min-width: 78px;
}

@media only screen and (max-width: 767.98px) {
    ._tickerSection_1iiv4_173 {
        margin-left: unset;
        min-width: unset;
    }
}

._ticker_1iiv4_173 {
    color: rgb(255, 87, 41);
    font-weight: 700;
}

@keyframes _fadeIn_ncitu_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_ncitu_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_ncitu_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_ncitu_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_ncitu_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_ncitu_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_ncitu_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_ncitu_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._watchlistButton_ncitu_87 {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
    cursor: pointer;
}

._watchlistButton_ncitu_87._active_ncitu_98 {
    color: rgb(255, 87, 41);
    stroke: currentcolor;
}

._watchlistButton_ncitu_87:hover {
    color: rgb(255, 151, 122);
}

._watchlistButton_ncitu_87._disabled_ncitu_105 {
    cursor: default;
    color: rgb(168, 179, 184);
    animation: 1s linear 0s infinite alternate none running _loading_ncitu_1;
}

@keyframes _fadeIn_jugkl_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_jugkl_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_jugkl_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_jugkl_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_jugkl_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_jugkl_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_jugkl_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_jugkl_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._fiatAmount_jugkl_87 {
    display: flex;
    white-space: nowrap;
    font-family: PlusJakartaSans, monospace;
}

._amount_jugkl_93 {
    flex: 1 1 0%;
}

._currencySymbol_jugkl_97 {
    min-width: 16px;
    max-width: 16px;
    text-align: center;
    margin-left: 4px;
}

@keyframes _loading_1om5x_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._yieldCta_1om5x_14 {
    border-radius: 8px;
    height: fit-content;
}

._yieldCta_1om5x_14>span {
    display: inline-flex;
    align-items: center;
    font-size: 1.2rem;
    gap: 4px;
    padding: 4px 0px;
    transition: 0.2s;
}

@media only screen and (min-width: 768px) {
    ._yieldCta_1om5x_14>span {
        white-space: nowrap;
    }
}

[data-theme="light"] ._yieldCta_1om5x_14>span {
    color: rgb(0, 128, 85);
}

._yieldCta_1om5x_14:hover {
    cursor: pointer;
}

._yieldCta_1om5x_14:hover span {
    opacity: 0.7;
}

@keyframes _fadeIn_hy9g1_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_hy9g1_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_hy9g1_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_hy9g1_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_hy9g1_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_hy9g1_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_hy9g1_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_hy9g1_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._dropdownItem_hy9g1_87 {
    font-weight: 400;
}

div div._actions_hy9g1_91 {
    display: flex;
    column-gap: 8px;
}

div div._actions_hy9g1_91>div {
    cursor: default;
}

div div._actions_hy9g1_91 ._dropdownTrigger_hy9g1_98 {
    rotate: 90deg;
    z-index: 8;
    color: rgb(168, 179, 184);
}

div div._actions_hy9g1_91 ._dropdownTrigger_hy9g1_98 svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

div div._actions_hy9g1_91 button {
    display: flex;
    justify-content: center;
    align-items: center;
}

div div._actions_hy9g1_91 button._buttonContainer_hy9g1_118 {
    display: flex;
    gap: 4px;
    font-weight: 700;
    line-height: 100%;
}

div div._actions_hy9g1_91 button._buttonContainer_hy9g1_118 ._icon_hy9g1_124 {
    color: rgb(255, 151, 122);
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

div div._actions_hy9g1_91 button._buttonContainer_hy9g1_118:disabled {
    color: rgb(168, 179, 184);
    cursor: default;
    pointer-events: none;
}

div div._actions_hy9g1_91 button._buttonContainer_hy9g1_118:disabled ._icon_hy9g1_124 {
    color: rgb(168, 179, 184);
}

@keyframes _fadeIn_zo4og_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_zo4og_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_zo4og_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_zo4og_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_zo4og_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_zo4og_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_zo4og_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_zo4og_281 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._tooltip_zo4og_87 {
    z-index: 100001;
}

._icon_zo4og_91 {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

._icon_zo4og_91._hidden_zo4og_102 {
    opacity: 0;
}

._dropdownItem_zo4og_106 {
    font-size: 1.4rem;
    font-weight: 400;
}

div._page_zo4og_111 {
    padding-bottom: 0px;
}

@media only screen and (max-width: 575.98px) {
    div._page_zo4og_111>div:first-child {
        display: flex;
        flex-direction: column;
        row-gap: 13px;
        margin-bottom: 24px;
    }
}

div._page_zo4og_111 div._headerWalletBalance_zo4og_122 {
    margin-bottom: 15px;
}

@media only screen and (max-width: 575.98px) {
    div._page_zo4og_111 div._headerWalletBalance_zo4og_122 {
        order: 2;
        margin-bottom: unset;
    }
}

div._page_zo4og_111 ._gridContainer_zo4og_131 {
    border-radius: 16px;
    padding: 24px 24px 0px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 {
    margin-top: 8px;
    z-index: 9;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131>div:first-child {
    justify-content: flex-start;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 ._cellHeader_zo4og_147 {
    justify-content: flex-start;
    font-size: 1.4rem;
    color: rgb(168, 179, 184);
    width: 100%;
    top: -1px;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 ._cellHeader_zo4og_147:first-child {
    border-top-left-radius: 8px;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 ._cellHeader_zo4og_147:nth-child(3) {
    border-top-right-radius: 8px;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 ._cellHeader_zo4og_147 ._cryptoAssets_zo4og_160 {
    display: flex;
    gap: 16px;
    margin-right: auto;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 ._cellHeader_zo4og_147 ._cryptoAssets_zo4og_160 svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 ._cellHeader_zo4og_147 ._historyIcon_zo4og_175 path {
    fill: rgb(255, 87, 41);
}

@media only screen and (max-width: 991.98px) {
    div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 ._cellHeader_zo4og_147 {
        padding-left: 8px;
        padding-right: 8px;
    }
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 {
    font-weight: 400;
    font-size: 1.4rem;
    justify-content: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    color: rgb(50, 77, 87);
    border-bottom: unset !important;
}

[data-theme="dark"] div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 {
    color: rgb(255, 255, 255);
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 ._operations_zo4og_198 {
    margin-left: auto;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 ._amountContainer_zo4og_201 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 ._fiatAmountContainer_zo4og_206 {
    display: flex;
    align-items: center;
    gap: 8px;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 ._fiatAmountContainer_zo4og_206 span {
    font-weight: 400;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 ._fiatAmountContainer_zo4og_206 span:nth-child(2) {
    width: 16px;
    text-align: center;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 ._fiatAmountContainer_zo4og_206 ._fiatAmount_zo4og_206 {
    display: flex;
    gap: 8px;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 ._fiatAmountContainer_zo4og_206 ._fiatAmount_zo4og_206 span {
    min-width: 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 {
        padding-left: 4px;
        padding-right: 4px;
    }

    div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 ._amountContainer_zo4og_201 {
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (max-width: 767.98px) {
    div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 {
        padding-left: 4px;
        padding-right: 4px;
        font-size: 1.2rem;
    }

    div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 ._amountContainer_zo4og_201 {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 .hoverIcon {
        width: 1em;
        height: 1em;
        min-width: 1em;
        max-width: 1em;
        min-height: 1em;
        max-height: 1em;
        object-fit: contain;
        object-position: center center;
    }
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 ._cryptoAssets_zo4og_160 {
    display: flex;
    flex-flow: column wrap;
    max-width: 250px;
    width: 100%;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 ._cryptoAssets_zo4og_160 ._cryptoLabel_zo4og_264 {
    gap: 8px;
    font-weight: 700;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents ._cell_zo4og_147 ._cryptoAssets_zo4og_160 ._cryptoLabel_zo4og_264 img {
    margin-right: 0px;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._grid_zo4og_131 .contents:hover .hoverIcon {
    opacity: 1;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._noFormattedAssets_zo4og_274 {
    grid-column: 1 / 5;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
}

div._page_zo4og_111 ._gridContainer_zo4og_131 ._loadingFirstColumn_zo4og_281 {
    margin-right: auto;
}

div._page_zo4og_111 div._filters_zo4og_284 {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 8px 16px;
}

div._page_zo4og_111 div._filters__inputContainer_zo4og_291 {
    flex-basis: min(25%, 315px);
    font-size: 1.2rem;
    flex-shrink: 0;
}

div._page_zo4og_111 div._filters__inputContainer_zo4og_291 input {
    height: 40px;
}

@media only screen and (max-width: 767.98px) {
    div._page_zo4og_111 div._filters__inputContainer_zo4og_291 {
        flex-basis: 100%;
    }
}

div._page_zo4og_111 div._filters_zo4og_284 ._dropdownsContainer_zo4og_304 {
    display: flex;
    gap: 8px;
}

div._page_zo4og_111 div._filters_zo4og_284 ._dropdownsContainer_zo4og_304 ._dropdownTrigger_zo4og_308 {
    border-color: rgb(246, 243, 233);
    border-width: 2px;
    border-radius: 30px;
    font-size: 1.2rem;
    height: auto;
    color: rgb(50, 77, 87);
    font-weight: 700;
}

div._page_zo4og_111 div._filters_zo4og_284 ._dropdownsContainer_zo4og_304 ._dropdownTrigger_zo4og_308 svg {
    color: rgb(168, 179, 184);
}

[data-theme="dark"] div._page_zo4og_111 div._filters_zo4og_284 ._dropdownsContainer_zo4og_304 ._dropdownTrigger_zo4og_308 {
    color: rgb(168, 179, 184);
}

div._page_zo4og_111 div._filters_zo4og_284 ._toggle_zo4og_325 {
    transition: opacity 0.2s ease-in;
}

div._page_zo4og_111 div._filters_zo4og_284 ._hidden_zo4og_102 {
    opacity: 0;
    pointer-events: none;
}

div._page_zo4og_111 ._headerWalletBalanceContainer_zo4og_332 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

._fiatPanel_zo4og_338 {
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 575.98px) {
    ._fiatPanel_zo4og_338 {
        padding: 10px;
    }
}

._fiatPanel__currency_zo4og_352 {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

._fiatPanel__currency_zo4og_352 svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 151, 122);
}

@media only screen and (max-width: 575.98px) {
    ._fiatPanel__currency_zo4og_352 {
        display: none;
    }
}

._fiatPanel__amount_zo4og_373 {
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-weight: 700;
    font-family: PlusJakartaSans, monospace;
}

@media only screen and (max-width: 575.98px) {
    ._fiatPanel__amount_zo4og_373 {
        flex: 1 1 auto;
        justify-content: space-between;
    }
}

._fiatPanel__amount_zo4og_373 ._btnGroup_zo4og_386 {
    display: flex;
    flex-direction: row;
    gap: 5px;
    font-weight: 400;
}

[data-theme="dark"] ._fiatPanel_zo4og_338 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

._description_zo4og_397 {
    display: flex;
    flex-flow: wrap;
    gap: 12px 20px;
    align-items: center;
    justify-content: space-between;
}

._title_zo4og_406 {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

._currencyIcon_zo4og_412 {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _fadeIn_1hj9h_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1hj9h_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1hj9h_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1hj9h_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1hj9h_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1hj9h_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1hj9h_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1hj9h_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._select_1hj9h_87 {
    font-weight: 600;
    color: rgb(11, 32, 45);
    position: relative;
}

[data-theme="dark"] div._select_1hj9h_87 {
    color: rgb(168, 179, 184);
}

div._select_1hj9h_87._rounded_1hj9h_96 {
    font-weight: 400;
}

div._select_1hj9h_87._rounded_1hj9h_96>div {
    border-radius: 20px;
    border: 2px solid rgb(246, 243, 233);
    min-width: 180px;
    max-width: 180px;
    min-height: 40px;
    max-height: 40px;
}

div._select_1hj9h_87._rounded_1hj9h_96 div.placeholder {
    padding: 12px 25px;
}

[data-theme="dark"] div._select_1hj9h_87._rounded_1hj9h_96 {
    color: rgb(168, 179, 184);
}

[data-theme="dark"] div._select_1hj9h_87._rounded_1hj9h_96._hasSelectedOption_1hj9h_113>div {
    color: rgb(255, 87, 41);
    border-color: rgb(255, 87, 41);
    font-weight: 600;
}

div._select_1hj9h_87[data-disabled="true"]>div {
    pointer-events: none;
    background-color: rgba(216, 218, 223, 0.5) !important;
    color: rgb(168, 179, 184) !important;
}

[data-theme="dark"] div._select_1hj9h_87[data-disabled="true"]>div {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

div._select_1hj9h_87>div {
    border: 1px solid rgb(216, 218, 223);
    border-radius: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

[data-theme="dark"] div._select_1hj9h_87>div {
    color: rgb(168, 179, 184);
    border-color: rgb(168, 179, 184);
}

div._select_1hj9h_87>div>div {
    padding: 8px 40px 8px 16px;
    line-height: 2.1rem;
    min-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div._select_1hj9h_87>div>div.placeholder {
    color: rgb(168, 179, 184) !important;
    min-height: 40px;
}

div._select_1hj9h_87>div input {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    min-width: 100%;
    max-width: 100%;
    padding: 8px 16px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
}

[data-theme="dark"] div._select_1hj9h_87>div input {
    color: rgb(168, 179, 184);
}

div._select_1hj9h_87>div svg {
    width: 17px;
    height: 17px;
    min-width: 17px;
    max-width: 17px;
    min-height: 17px;
    max-height: 17px;
    object-fit: contain;
    object-position: center center;
    position: absolute;
    right: 16px;
    transition: 0.3s;
}

div._select_1hj9h_87 ul {
    min-width: 100%;
    visibility: hidden;
    position: absolute;
    padding: 8px;
    background-color: rgb(255, 255, 255);
    z-index: 11;
    border: 1px solid transparent;
    border-radius: 8px;
    transform: scaleY(0);
    transform-origin: center top;
    overflow-y: auto;
    transition: 0.3s;
    opacity: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
    max-height: 280px;
}

[data-theme="dark"] div._select_1hj9h_87 ul {
    background-color: rgb(11, 22, 45);
}

div._select_1hj9h_87 ul li {
    padding: 8px;
    margin: 0px;
    transition: 0.3s;
    cursor: pointer;
    border-radius: 5px;
}

div._select_1hj9h_87 ul li:not(._noResult_1hj9h_209):hover {
    background-color: rgb(235, 236, 244);
}

[data-theme="dark"] div._select_1hj9h_87 ul li:not(._noResult_1hj9h_209):hover {
    background-color: rgba(255, 255, 255, 0.1);
}

div._select_1hj9h_87 ul li._current_1hj9h_216 {
    background-color: rgb(235, 236, 244);
}

[data-theme="dark"] div._select_1hj9h_87 ul li._current_1hj9h_216 {
    background-color: rgba(255, 255, 255, 0.1);
}

div._select_1hj9h_87 ul li._noResult_1hj9h_209 {
    opacity: 0.7;
    cursor: default;
}

div._select_1hj9h_87[data-opened="true"]>div>svg {
    transform: rotate(-180deg);
}

div._select_1hj9h_87[data-opened="true"] ul {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
}

div._select_1hj9h_87._openFromBottom_1hj9h_236 ul {
    transform-origin: center bottom;
    top: unset;
    bottom: 40px;
}

div._select_1hj9h_87._openAbove_1hj9h_241 ul {
    bottom: 100%;
    margin-bottom: 4px;
    transform-origin: center bottom;
}

@keyframes _fadeIn_ux89i_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_ux89i_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_ux89i_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_ux89i_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_ux89i_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_ux89i_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_ux89i_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_ux89i_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._claimCurrencyModal_ux89i_87 {
    overflow-y: visible !important;
}

div._claimCurrencyModal_ux89i_87 strong {
    font-weight: 600;
}

div._claimCurrencyModal_ux89i_87>div {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div._claimCurrencyModal_ux89i_87>div div.proposition {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: rgb(235, 236, 244);
    justify-content: center;
    border-radius: 8px;
    padding: 16px;
}

div._claimCurrencyModal_ux89i_87>div div.proposition svg {
    justify-self: center;
}

div._claimCurrencyModal_ux89i_87>div div.proposition img,
div._claimCurrencyModal_ux89i_87>div div.proposition svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

div._claimCurrencyModal_ux89i_87>div div.proposition>span {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3px;
}

div._claimCurrencyModal_ux89i_87>div div.proposition>span:nth-child(2) {
    margin-left: auto;
}

div._claimCurrencyModal_ux89i_87>div div.select ul li,
div._claimCurrencyModal_ux89i_87>div div.select>div>div {
    display: flex;
    flex-direction: row;
    align-items: center;
}

div._claimCurrencyModal_ux89i_87>div div.select ul li img,
div._claimCurrencyModal_ux89i_87>div div.select>div>div img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    margin-right: 16px;
}

div._claimCurrencyModal_ux89i_87>div div.select ul li,
div._claimCurrencyModal_ux89i_87>div div.select>div>div {
    color: rgb(11, 32, 45);
}

div._claimCurrencyModal_ux89i_87>div div.select ul li i,
div._claimCurrencyModal_ux89i_87>div div.select>div>div i {
    color: rgb(255, 87, 41);
    margin-left: 3px;
}

[data-theme="dark"] div._claimCurrencyModal_ux89i_87>div div.select ul li,
[data-theme="dark"] div._claimCurrencyModal_ux89i_87>div div.select>div>div {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] div._claimCurrencyModal_ux89i_87>div div.proposition {
    background-color: rgba(11, 22, 45, 0.2);
}

@keyframes _fadeIn_o3lud_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_o3lud_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_o3lud_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_o3lud_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_o3lud_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_o3lud_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_o3lud_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_o3lud_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._validationModal_o3lud_87>div {
    display: flex;
    flex-direction: column;
}

div._validationModal_o3lud_87>div ._title_o3lud_91 {
    color: rgb(11, 32, 45);
    font-family: PlusJakartaSans;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 24px;
}

[data-theme="dark"] div._validationModal_o3lud_87>div ._title_o3lud_91 {
    color: rgb(255, 255, 255);
}

div._validationModal_o3lud_87>div ._contents_o3lud_104 {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    margin-bottom: 24px;
    color: rgb(168, 179, 184);
    font-weight: 400;
}

div._validationModal_o3lud_87>div ._action_o3lud_112 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    margin-bottom: 40px;
}

div._validationModal_o3lud_87>div ._close_o3lud_119 {
    display: flex;
    justify-content: center;
    flex: 1 1 auto;
}

div._validationModal_o3lud_87>div ._close_o3lud_119 button {
    margin-top: auto;
    color: rgb(168, 179, 184);
}

div._validationModal_o3lud_87>div ._successAnimation_o3lud_128 {
    width: 150px;
    height: 150px;
    min-width: 150px;
    max-width: 150px;
    min-height: 150px;
    max-height: 150px;
    object-fit: contain;
    object-position: center center;
    align-self: center;
}

@keyframes _fadeIn_i40t0_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_i40t0_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_i40t0_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_i40t0_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_i40t0_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_i40t0_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_i40t0_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_i40t0_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._liquidityTokenRepartitionModal_i40t0_87._hideAction_i40t0_87>div div:last-child {
    display: none;
}

div._liquidityTokenRepartitionModal_i40t0_87>div {
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    gap: 10px;
}

div._liquidityTokenRepartitionModal_i40t0_87>div button,
div._liquidityTokenRepartitionModal_i40t0_87>div a {
    color: rgb(255, 87, 41);
    text-decoration: none;
    font-family: PlusJakartaSans !important;
}

div._liquidityTokenRepartitionModal_i40t0_87>div button.back,
div._liquidityTokenRepartitionModal_i40t0_87>div a.back {
    align-self: center;
}

div._liquidityTokenRepartitionModal_i40t0_87>div p,
div._liquidityTokenRepartitionModal_i40t0_87>div strong,
div._liquidityTokenRepartitionModal_i40t0_87>div i {
    text-align: justify;
}

div._liquidityTokenRepartitionModal_i40t0_87>div strong {
    font-weight: 600;
}

div._liquidityTokenRepartitionModal_i40t0_87>div>strong {
    font-size: 1.6rem;
    margin: 10px 0px;
}

div._liquidityTokenRepartitionModal_i40t0_87>div>svg {
    align-self: center;
}

div._liquidityTokenRepartitionModal_i40t0_87>div p.note {
    border-radius: 8px;
    background-color: rgb(235, 236, 244);
    padding: 8px;
}

div._liquidityTokenRepartitionModal_i40t0_87>div div.currencies {
    display: flex;
    flex-direction: column;
}

div._liquidityTokenRepartitionModal_i40t0_87>div div.currencies>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid rgb(235, 236, 244);
    padding: 10px 0px;
}

div._liquidityTokenRepartitionModal_i40t0_87>div div.currencies>div:last-child {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
}

div._liquidityTokenRepartitionModal_i40t0_87>div div.currencies>div img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    margin-right: 10px;
}

div._liquidityTokenRepartitionModal_i40t0_87>div div.currencies>div>div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
}

div._liquidityTokenRepartitionModal_i40t0_87>div div.currencies>div>div label {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
}

div._liquidityTokenRepartitionModal_i40t0_87>div>i {
    font-size: 1.2rem;
    font-style: italic;
    color: rgb(168, 179, 184);
}

div._liquidityTokenRepartitionModal_i40t0_87>div>table td,
div._liquidityTokenRepartitionModal_i40t0_87>div table th {
    padding: 4px 8px;
    border: 1px solid rgb(235, 236, 244);
}

[data-theme="dark"] div._liquidityTokenRepartitionModal_i40t0_87 p.note {
    background-color: rgba(11, 22, 45, 0.2);
}

@keyframes _fadeIn_11c25_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_11c25_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_11c25_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_11c25_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_11c25_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_11c25_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_11c25_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_11c25_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._contractDetailsModal_11c25_87 {
    background-color: rgb(246, 243, 233) !important;
}

._contractDetailsModal_11c25_87>div {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: left !important;
}

._contractDetailsModal_11c25_87>strong {
    color: rgb(255, 87, 41) !important;
    font-size: 2.4rem !important;
    margin-bottom: 16px !important;
    line-height: 150% !important;
}

._contractDetailsModal_11c25_87 ._subHeader_11c25_102 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
}

._contractDetailsModal_11c25_87 ._subHeader_11c25_102 img {
    width: 30px;
    height: 30px;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    object-fit: contain;
    object-position: center center;
    margin-right: 8px;
}

._contractDetailsModal_11c25_87 ._subHeader_11c25_102 ._currencyName_11c25_119 {
    color: rgb(255, 87, 41);
    font-weight: 600;
}

._contractDetailsModal_11c25_87 ._contractDetails_11c25_87 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

._contractDetailsModal_11c25_87 ._contractDetails_11c25_87 ._detailRow_11c25_129 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    font-weight: 600;
    font-size: 1.6rem;
}

._contractDetailsModal_11c25_87 ._contractDetails_11c25_87 ._detailRow_11c25_129 ._detailLabel_11c25_138 {
    color: rgb(11, 32, 45);
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

._contractDetailsModal_11c25_87 ._contractDetails_11c25_87 ._detailRow_11c25_129 ._detailLabel_11c25_138 svg {
    width: 18px;
    height: 18px;
    min-width: 18px;
    max-width: 18px;
    min-height: 18px;
    max-height: 18px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 87, 41);
}

[data-theme="dark"] ._contractDetailsModal_11c25_87 ._contractDetails_11c25_87 ._detailRow_11c25_129 ._detailLabel_11c25_138 {
    color: rgb(235, 236, 244);
}

._contractDetailsModal_11c25_87 ._contractDetails_11c25_87 ._detailRow_11c25_129 ._detailLabel_11c25_138._detailLabelAccent_11c25_161,
._contractDetailsModal_11c25_87 ._contractDetails_11c25_87 ._detailRow_11c25_129 ._detailValue_11c25_164 {
    color: rgb(255, 87, 41);
}

[data-theme="dark"] ._contractDetailsModal_11c25_87 ._contractDetails_11c25_87 ._detailRow_11c25_129 ._detailValue_11c25_164._detailValueBoost_11c25_167,
[data-theme="dark"] ._contractDetailsModal_11c25_87 ._contractDetails_11c25_87 ._detailRow_11c25_129 ._detailValue_11c25_164._detailValueBoost_11c25_167 * {
    background: linear-gradient(rgb(246, 242, 232), rgb(255, 87, 41) 88.46%) text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

._contractDetailsModal_11c25_87 ._contractDetails_11c25_87 ._detailRow_11c25_129 ._detailPlainValue_11c25_175 {
    color: rgb(11, 32, 45);
}

[data-theme="dark"] ._contractDetailsModal_11c25_87 ._contractDetails_11c25_87 ._detailRow_11c25_129 ._detailPlainValue_11c25_175 {
    color: rgb(235, 236, 244);
}

._contractDetailsModal_11c25_87 ._contractDetails_11c25_87 ._detailRow_11c25_129 ._standardText_11c25_182 {
    font-weight: 400;
}

._contractDetailsModal_11c25_87 ._explanationCard_11c25_185 {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 12px 16px;
    border-radius: 8px;
    background-color: rgb(252, 251, 248);
}

[data-theme="dark"] ._contractDetailsModal_11c25_87 ._explanationCard_11c25_185 {
    background-color: rgba(11, 22, 45, 0.2);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: none;
}

._contractDetailsModal_11c25_87 ._explanationCard_11c25_185 svg {
    width: 42px;
    height: 42px;
    min-width: 42px;
    max-width: 42px;
    min-height: 42px;
    max-height: 42px;
    object-fit: contain;
    object-position: center center;
    color: rgb(45, 210, 141);
}

._contractDetailsModal_11c25_87 ._explanationCard_11c25_185>* {
    align-self: center;
}

._contractDetailsModal_11c25_87 ._explanationCard_11c25_185._verticalCard_11c25_213 {
    flex-direction: column;
    gap: 8px;
}

._contractDetailsModal_11c25_87 ._explanationCard_11c25_185 ._explanationTitle_11c25_217 {
    align-self: baseline;
    display: block;
    color: rgb(11, 32, 45);
    font-weight: 600;
    font-size: 1.4rem;
}

[data-theme="dark"] ._contractDetailsModal_11c25_87 ._explanationCard_11c25_185 ._explanationTitle_11c25_217 {
    color: rgb(168, 179, 184);
}

._contractDetailsModal_11c25_87 ._explanationCard_11c25_185 ._explanationSub_11c25_228 {
    font-size: 1.2rem;
}

._aprDescription_11c25_232 {
    display: flex;
    align-items: flex-start;
    background-color: rgba(235, 236, 244, 0.5);
    gap: 10px;
    padding: 12px 8px;
    border-radius: 8px;
}

._aprDescription_11c25_232 svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
    flex-shrink: 0;
    color: rgb(45, 210, 141);
    margin-top: 2px;
}

[data-theme="dark"] ._aprDescription_11c25_232 {
    background-color: rgba(4, 24, 37, 0.25);
}

._seeRepartition_11c25_257 {
    margin: 16px auto auto;
}

._tadaCode_11c25_261 {
    background: linear-gradient(134deg, rgb(120, 26, 250), rgb(217, 6, 207));
    padding: 2px 16px;
    font-size: 1.2rem;
    border-radius: 10px;
    color: rgb(255, 255, 255);
}

@keyframes _fadeIn_4ruip_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_4ruip_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_4ruip_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_4ruip_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_4ruip_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_4ruip_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_4ruip_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_4ruip_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@media only screen and (min-width: 576px) {
    ._modal_4ruip_88 {
        min-width: 576px !important;
        max-width: 576px !important;
    }
}

._menu_4ruip_94 {
    display: flex;
    flex-flow: wrap;
    gap: 8px 4px;
    justify-content: center;
    padding-bottom: 24px;
}

@media only screen and (min-width: 576px) {
    ._menu_4ruip_94 {
        flex-flow: row;
    }
}

._menuItem_4ruip_108 svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._menuItem_4ruip_108.active,
._menuItem_4ruip_108:hover {
    border-color: transparent;
    background-color: rgb(255, 87, 41) !important;
    color: rgb(255, 255, 255) !important;
}

._content_4ruip_124 {
    min-height: 300px;
    height: max-content;
}

@media only screen and (max-width: 575.98px) {
    ._content_4ruip_124 {
        min-height: 170px;
        max-height: 40vh;
        overflow-y: auto;
    }
}

._seeHistory_4ruip_136 {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}

._seeHistory_4ruip_136 a:visited {
    color: inherit;
}

@keyframes _fadeIn_96a0k_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_96a0k_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_96a0k_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_96a0k_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_96a0k_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_96a0k_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_96a0k_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_96a0k_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._transactionGrid_96a0k_87,
._transactionSwapGrid_96a0k_87 {
    display: grid;
    gap: 16px;
    border-radius: 16px;
    padding: 16px;
    text-align: left;
    background-color: rgb(252, 251, 247);
    color: rgb(168, 179, 184);
}

._transactionGrid_96a0k_87 {
    grid-template-columns: 96px 104px 1fr;
}

[data-theme="dark"] ._transactionGrid_96a0k_87 {
    background-color: rgba(11, 22, 45, 0.2);
}

._transactionSwapGrid_96a0k_87 {
    grid-template-columns: 96px 1fr 20px 1fr;
}

[data-theme="dark"] ._transactionSwapGrid_96a0k_87 {
    background-color: rgba(11, 22, 45, 0.2);
}

._header_96a0k_111 {
    font-weight: 600;
}

@media only screen and (max-width: 767.98px) {
    ._header_96a0k_111 {
        display: none;
    }
}

._header_96a0k_111 ._amountTitle_96a0k_119 {
    text-align: right;
}

._loader_96a0k_123 {
    margin-top: 24px;
}

._transactionsList_96a0k_127 {
    margin-top: 24px;
    align-items: center;
}

@media only screen and (max-width: 767.98px) {
    ._transactionsList_96a0k_127 {
        margin-top: unset;
        display: flex;
        flex-direction: column;
        align-items: unset;
    }
}

._transactionAmount_96a0k_140 {
    color: rgb(0, 0, 0);
    display: flex;
    flex-flow: wrap;
    justify-content: flex-end;
    column-gap: 3px;
}

@media only screen and (max-width: 767.98px) {
    ._transactionAmount_96a0k_140 {
        align-items: center;
    }
}

[data-theme="dark"] ._transactionAmount_96a0k_140 {
    color: rgb(255, 255, 255);
}

._transactionStatus_96a0k_156 {
    display: flex;
    align-items: center;
}

._transactionStatus_96a0k_156::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
}

._transactionDetails_96a0k_169 {
    color: rgb(50, 77, 87);
    display: flex;
    width: max-content;
    font-size: 1.2rem;
    cursor: pointer;
    gap: 5px;
}

[data-theme="dark"] ._transactionDetails_96a0k_169 {
    color: rgb(216, 218, 223);
}

._transactionDetails_96a0k_169 svg {
    width: 12px;
    height: 12px;
    min-width: 12px;
    max-width: 12px;
    min-height: 12px;
    max-height: 12px;
    object-fit: contain;
    object-position: center center;
}

._transactionDetails_96a0k_169 svg path {
    fill: rgb(255, 151, 122);
}

._itemWrapper_96a0k_195 {
    display: contents;
}

@media only screen and (max-width: 767.98px) {
    ._itemWrapper_96a0k_195 {
        display: grid;
        grid-template-areas: "a c""b c";
        grid-template-columns: auto fit-content(100px);
    }

    ._itemWrapper_96a0k_195 ._transactionStatus_96a0k_156 {
        grid-area: b;
    }

    ._itemWrapper_96a0k_195 ._transactionDate_96a0k_207 {
        grid-area: a;
    }

    ._itemWrapper_96a0k_195 ._transactionAmount_96a0k_140 {
        grid-area: c;
    }
}

._swapItemWrapper_96a0k_215 {
    display: contents;
}

@media only screen and (max-width: 767.98px) {
    ._swapItemWrapper_96a0k_215 {
        display: grid;
        grid-template-areas: "a c c""a b b""a d d";
    }

    ._swapItemWrapper_96a0k_215 ._transactionDate_96a0k_207 {
        grid-area: a;
        align-content: center;
    }

    ._swapItemWrapper_96a0k_215 ._swapArrow_96a0k_228 {
        transform: rotate(90deg);
        margin: 5px auto;
        grid-area: b;
    }

    ._swapItemWrapper_96a0k_215 ._transactionAmount_96a0k_140 {
        grid-area: c;
        display: flex;
        flex-flow: row;
    }

    ._swapItemWrapper_96a0k_215 ._destinationTransaction_96a0k_238 {
        grid-area: d;
    }
}

._swapArrow_96a0k_228 {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
    margin: auto;
}

._swapArrow_96a0k_228 path {
    fill: rgb(4, 24, 37);
}

[data-theme="dark"] ._swapArrow_96a0k_228 path {
    fill: rgb(255, 255, 255);
}

._value_96a0k_261 {
    font-weight: 600;
    flex-basis: 100%;
    text-align: right;
    font-family: PlusJakartaSans, monospace;
}

._code_96a0k_268 {
    color: rgb(255, 87, 41);
}

@media only screen and (max-width: 767.98px) {
    ._code_96a0k_268 {
        padding-left: 3px;
    }
}

._completed_96a0k_277::before {
    background-color: rgb(45, 210, 141);
}

._ongoing_96a0k_281::before {
    background-color: rgb(249, 115, 78);
}

._cancelled_96a0k_285::before {
    background-color: rgb(226, 29, 18);
}

@keyframes _fadeIn_rfqex_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_rfqex_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_rfqex_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_rfqex_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_rfqex_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_rfqex_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_rfqex_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_rfqex_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._withdraw_rfqex_87 {
    text-align: left;
    color: rgb(11, 32, 45);
    display: flex;
    flex-flow: column;
    row-gap: 10px;
}

[data-theme="dark"] ._withdraw_rfqex_87 {
    color: rgb(255, 255, 255);
}

._withdraw_rfqex_87 strong {
    font-weight: 600;
}

._withdraw_rfqex_87 .withdrawDescription {
    text-align: center;
}

._withdraw_rfqex_87 .withdrawDescription a {
    color: rgb(255, 87, 41);
}

._withdraw_rfqex_87 .withdrawDescription a:hover {
    color: rgb(255, 151, 122);
    text-decoration: underline;
}

._withdraw_rfqex_87 .proposition {
    animation: 0.3s ease-in-out 0s 1 normal none running fadeIn;
    background-color: rgba(216, 218, 223, 0.5);
    padding: 16px;
    border-radius: 8px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

._withdraw_rfqex_87 .proposition.animate {
    animation: 1s linear 0s infinite alternate none running loading;
}

._withdraw_rfqex_87 .proposition img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._withdraw_rfqex_87 .receivedValue {
    display: flex;
    align-items: center;
    column-gap: 4px;
}

._withdraw_rfqex_87 .pending {
    height: 56px;
    margin-top: 10px;
}

@keyframes _fadeIn_7zxam_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_7zxam_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_7zxam_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_7zxam_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_7zxam_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_7zxam_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_7zxam_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_7zxam_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._withdrawTerms_7zxam_87 {
    font-size: 1.2rem;
}

@keyframes _fadeIn_1iwe4_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1iwe4_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1iwe4_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1iwe4_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1iwe4_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1iwe4_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1iwe4_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1iwe4_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._availableCurrencyPicker_1iwe4_87 .select ul li {
    display: flex;
    align-items: center;
    column-gap: 4px;
}

._availableCurrencyPicker_1iwe4_87 .select ul li img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _fadeIn_keax5_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_keax5_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_keax5_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_keax5_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_keax5_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_keax5_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_keax5_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_keax5_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._amountInput_keax5_87 {
    display: flex;
    flex-direction: column;
}

._amountInput_keax5_87 .availableAmount {
    font-size: 1.2rem;
    text-align: right;
}

._amountInput_keax5_87 .availableAmount span {
    font-weight: 600;
}

._amountInput_keax5_87 .inputGroup {
    position: relative;
    margin-bottom: 8px;
}

._amountInput_keax5_87 .maxButton {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: rgb(255, 87, 41);
}

@keyframes _fadeIn_xyv7b_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_xyv7b_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_xyv7b_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_xyv7b_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_xyv7b_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_xyv7b_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_xyv7b_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_xyv7b_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._dropdownItem_xyv7b_87 {
    font-weight: 400;
}

._claimButton_xyv7b_91[data-role="primary"] {
    min-height: unset;
    max-height: unset;
    font-size: 1.4rem;
    min-width: 70px;
}

._claimButton_xyv7b_91[data-role="primary"] svg {
    width: 14px;
    height: 14px;
    min-width: 14px;
    max-width: 14px;
    min-height: 14px;
    max-height: 14px;
    object-fit: contain;
    object-position: center center;
}

._actions_xyv7b_108 {
    display: flex;
    justify-content: end;
    align-items: center;
    column-gap: 8px;
    margin-left: auto;
}

._actions_xyv7b_108 ._dropdownTrigger_xyv7b_115 {
    rotate: 90deg;
    z-index: 8;
    color: rgb(168, 179, 184);
}

._actions_xyv7b_108 ._dropdownTrigger_xyv7b_115 svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

._actions_xyv7b_108 ._buttonContainer_xyv7b_130 {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

._actions_xyv7b_108:disabled {
    color: rgb(168, 179, 184);
    cursor: default;
    pointer-events: none;
}

._actions_xyv7b_108:disabled svg {
    color: rgb(168, 179, 184);
}

._actions_xyv7b_108 ._tooltip_xyv7b_144 {
    display: flex;
}

._actions_xyv7b_108>div {
    cursor: default;
}

._actions_xyv7b_108>div>button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 100%;
    color: rgb(50, 77, 87);
}

._actions_xyv7b_108>div>button svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 151, 122);
}

._actions_xyv7b_108>div>button:disabled {
    color: rgb(168, 179, 184);
    cursor: default;
    pointer-events: none;
}

._actions_xyv7b_108>div>button:disabled svg {
    color: rgb(168, 179, 184);
}

[data-theme="dark"] ._actions_xyv7b_108>div>button {
    color: rgb(255, 255, 255);
}

._actions_xyv7b_108>div>button:hover {
    opacity: 0.7;
}

@media only screen and (max-width: 767.98px) {
    ._actions_xyv7b_108 {
        flex-basis: 30px;
    }
}

._contextualMenuTrigger_xyv7b_192 {
    width: 20px;
    position: relative;
    display: flex;
    justify-content: center;
}

._contextualMenuTrigger_xyv7b_192:hover svg circle,
._contextualMenuTrigger_xyv7b_192.active svg circle {
    transition: fill 0.2s ease-in;
    fill: rgb(255, 87, 41);
}

._contextualMenuTrigger_xyv7b_192:hover,
._contextualMenuTrigger_xyv7b_192.active {
    cursor: pointer;
}

._contextualMenuTrigger_xyv7b_192 svg {
    margin: unset;
    width: 4px;
    height: 16px;
    min-width: 4px;
    max-width: 4px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

._menu_xyv7b_217 {
    display: flex;
    flex-direction: column;
    width: 260px;
    row-gap: 8px;
}

@keyframes _fadeIn_11wu9_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_11wu9_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_11wu9_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_11wu9_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_11wu9_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_11wu9_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_11wu9_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_11wu9_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._compound_11wu9_87 {
    display: flex;
    justify-self: center;
    column-gap: 8px;
}

._compound_11wu9_87 span {
    font-weight: 600;
    z-index: 8;
}

._compound_11wu9_87 ._switch_11wu9_96 {
    scale: 1.33333;
}

@keyframes _fadeIn_1k84g_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1k84g_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1k84g_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1k84g_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1k84g_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1k84g_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1k84g_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1k84g_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._contractName_1k84g_87 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.4rem;
    width: 100%;
}

._contractName_1k84g_87 ._emptyWatchlistButton_1k84g_94 {
    min-width: 24px;
    max-width: 24px;
}

._contractName_1k84g_87 ._currencyIcon_1k84g_98 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._contractName_1k84g_87 ._cryptoLabel_1k84g_108 {
    display: inline-flex;
    font-weight: 700;
    gap: 8px;
    flex: 1 1 0%;
    max-width: 250px;
}

._contractName_1k84g_87 ._cryptoLabel_1k84g_108._clickable_1k84g_115 {
    cursor: pointer;
}

._contractName_1k84g_87 ._cryptoLabel_1k84g_108._clickable_1k84g_115 .hoverIcon {
    opacity: 0;
    transition: opacity 0.2s;
    color: rgb(168, 179, 184);
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

._contractName_1k84g_87 ._cryptoLabel_1k84g_108._clickable_1k84g_115:hover ._name_1k84g_131::after {
    width: 100%;
    left: 0px;
}

._contractName_1k84g_87 ._cryptoLabel_1k84g_108._clickable_1k84g_115:hover .hoverIcon {
    opacity: 1;
}

._contractName_1k84g_87 ._cryptoLabel_1k84g_108 ._name_1k84g_131 {
    display: inline-block;
    position: relative;
    color: rgb(11, 32, 45);
}

._contractName_1k84g_87 ._cryptoLabel_1k84g_108 ._name_1k84g_131::after {
    bottom: 0px;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    background: currentcolor;
    transition: width 0.3s, left 0.3s;
    width: 0px;
}

[data-theme="dark"] ._contractName_1k84g_87 ._cryptoLabel_1k84g_108 ._name_1k84g_131 {
    color: rgb(255, 255, 255);
}

@media only screen and (min-width: 576px) {
    ._contractName_1k84g_87 ._cryptoLabel_1k84g_108 ._name_1k84g_131 {
        white-space: nowrap;
    }
}

._contractName_1k84g_87 ._cryptoLabel_1k84g_108 ._tickerSection_1k84g_163 {
    display: inline-flex;
    min-width: 78px;
    gap: 8px;
}

._contractName_1k84g_87 ._cryptoLabel_1k84g_108 ._tickerSection_1k84g_163 ._ticker_1k84g_163 {
    color: rgb(255, 87, 41);
}

@media only screen and (max-width: 991.98px) {
    ._contractName_1k84g_87 ._cryptoLabel_1k84g_108 ._tickerSection_1k84g_163 ._ticker_1k84g_163 {
        display: none;
    }
}

@keyframes _fadeIn_7jqx2_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_7jqx2_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_7jqx2_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_7jqx2_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_7jqx2_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_7jqx2_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_7jqx2_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_7jqx2_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._cryptoAmount_7jqx2_87 {
    display: flex;
    font-weight: 400;
}

._reward_7jqx2_92 {
    font-size: 1.4rem;
    font-weight: 500;
    justify-self: end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    column-gap: 4px;
    width: 100%;
}

@media only screen and (max-width: 767.98px) {
    ._reward_7jqx2_92 {
        align-items: center;
    }
}

._reward_7jqx2_92 ._container_7jqx2_107 {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 16px;
    align-items: center;
}

._reward_7jqx2_92 ._container_7jqx2_107 span {
    font-weight: 400;
}

._reward_7jqx2_92._row_7jqx2_116 {
    flex-direction: row;
}

._reward_7jqx2_92 svg {
    padding-left: 5px;
    width: 18px;
    height: 18px;
    min-width: 18px;
    max-width: 18px;
    min-height: 18px;
    max-height: 18px;
    object-fit: contain;
    object-position: center center;
}

@media only screen and (max-width: 575.98px) {
    ._reward_7jqx2_92 svg {
        width: 18px;
        height: 18px;
        min-width: 18px;
        max-width: 18px;
        min-height: 18px;
        max-height: 18px;
        object-fit: contain;
        object-position: center center;
    }
}

._reward_7jqx2_92 svg path {
    stroke: rgb(0, 0, 0);
}

[data-theme="dark"] ._reward_7jqx2_92 svg path {
    stroke: rgb(255, 255, 255);
}

._currencyIcon_7jqx2_149 {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _fadeIn_izrpb_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_izrpb_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_izrpb_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_izrpb_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_izrpb_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_izrpb_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_izrpb_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_izrpb_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._amount_izrpb_87 {
    font-size: 1.4rem;
    margin-left: auto;
}

[data-theme="dark"] ._amount_izrpb_87 {
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 767.98px) {
    ._amount_izrpb_87 {
        align-self: center;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        flex: 1 1 auto;
    }
}

._amount_izrpb_87 ._cryptoAmountContainer_izrpb_104 {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

._amount_izrpb_87 ._cryptoAmountContainer_izrpb_104 ._cryptoAmount_izrpb_104 {
    display: flex;
    flex-direction: row;
}

._amount_izrpb_87 ._cryptoAmountContainer_izrpb_104 ._cryptoAmount_izrpb_104 * {
    font-weight: 400;
}

._amount_izrpb_87 ._cryptoAmountContainer_izrpb_104 ._currencyIconContainer_izrpb_116 {
    position: relative;
    margin-left: 8px;
}

._amount_izrpb_87 ._cryptoAmountContainer_izrpb_104 ._currencyIconContainer_izrpb_116 ._currencyIcon_izrpb_116 {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

@media only screen and (max-width: 575.98px) {
    ._amount_izrpb_87 ._cryptoAmountContainer_izrpb_104 ._currencyIconContainer_izrpb_116 ._currencyIcon_izrpb_116 {
        width: 12px;
        height: 12px;
        min-width: 12px;
        max-width: 12px;
        min-height: 12px;
        max-height: 12px;
        object-fit: contain;
        object-position: center center;
    }
}

._amount_izrpb_87 ._cryptoAmountContainer_izrpb_104 ._currencyIconContainer_izrpb_116 ._notificationMark_izrpb_142 {
    position: absolute;
    top: 0px;
    right: 0px;
    transform: translate(15%, -15%);
    content: "";
    min-width: 60%;
    max-width: 60%;
    min-height: 60%;
    max-height: 60%;
    background-color: rgb(255, 87, 41);
    border-radius: 100%;
    z-index: 1;
}

._amount_izrpb_87 ._fiatAmount_izrpb_156 {
    display: inline-flex;
    justify-content: flex-end;
    gap: 8px;
    text-align: end;
}

@keyframes _fadeIn_dky48_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_dky48_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_dky48_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_dky48_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_dky48_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_dky48_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_dky48_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_dky48_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._upcomingVariationTooltip_dky48_87 {
    text-align: center;
}

._variation_dky48_91 {
    font-weight: 600;
}

._currencyCode_dky48_95 {
    color: rgb(255, 87, 41);
}

._trigger_dky48_99 {
    display: inline-flex;
    align-items: center;
}

@keyframes _fadeIn_17n5q_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_17n5q_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_17n5q_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_17n5q_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_17n5q_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_17n5q_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_17n5q_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_17n5q_238 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._tooltip_17n5q_87 {
    z-index: 100001;
}

._icon_17n5q_91 {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

._icon_17n5q_91._hidden_17n5q_102 {
    opacity: 0;
}

._dropdownItem_17n5q_106 {
    font-size: 1.4rem;
    font-weight: 400;
}

div._page_17n5q_111 {
    padding-bottom: 0px;
}

div._page_17n5q_111 ._gridContainer_17n5q_114 {
    padding: 24px 24px 0px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    border-radius: 16px;
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 {
    z-index: 9;
    max-height: calc(100% - 50px);
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114::-webkit-scrollbar-track {
    background: rgb(235, 236, 244);
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114::-webkit-scrollbar-thumb {
    background: rgb(50, 77, 87) !important;
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114::-webkit-scrollbar-thumb:hover {
    background: rgb(50, 77, 87) !important;
}

@supports not selector(::-webkit-scrollbar) {
    div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 {
        scrollbar-width: auto !important;
        scrollbar-color: rgb(50, 77, 87) rgb(235, 236, 244) !important;
    }
}

[data-theme="dark"] div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114::-webkit-scrollbar-track {
    background: rgba(11, 22, 45, 0.2);
}

[data-theme="dark"] div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5) !important;
}

@supports not selector(::-webkit-scrollbar) {
    [data-theme="dark"] div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 {
        scrollbar-color: rgba(255, 255, 255, 0.5) rgb(50, 77, 87) !important;
    }
}

@media only screen and (max-width: 767.98px) {
    div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 {
        max-height: calc(100% - 100px);
    }
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114>div:first-child {
    justify-content: flex-start;
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 ._cellHeader_17n5q_160 {
    font-size: 1.4rem;
    color: rgb(168, 179, 184);
    width: 100%;
    top: -1px;
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 ._cellHeader_17n5q_160 ._investments_17n5q_166 {
    margin-right: auto;
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 ._cellHeader_17n5q_160:first-child {
    border-top-left-radius: 8px;
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 ._cellHeader_17n5q_160 ._historyIcon_17n5q_172 path {
    fill: rgb(255, 87, 41);
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 ._cellHeader_17n5q_160 {
    padding-left: 10px;
    padding-right: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 ._cellHeader_17n5q_160 {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media only screen and (max-width: 767.98px) {
    div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 ._cellHeader_17n5q_160 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 .contents ._cell_17n5q_160 {
    font-weight: 400;
    font-size: 1.6rem;
    padding: 10px;
    border-bottom: unset !important;
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 .contents ._cell_17n5q_160 ._yield_17n5q_200 {
    justify-content: flex-end;
    min-width: 70px;
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 .contents ._cell_17n5q_160 ._total_17n5q_204 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: flex-end;
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 .contents ._cell_17n5q_160 ._total_17n5q_204 :last-child {
    margin-right: 0px;
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 .contents ._cell_17n5q_160 ._totalInterest_17n5q_213 span {
    min-width: auto;
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 .contents ._cell_17n5q_160 ._bonusContainer_17n5q_216 {
    cursor: pointer;
}

@media screen and (min-width: 1900px) {
    div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 .contents ._cell_17n5q_160:not(:last-child) {
        min-width: 50px;
    }
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 .contents ._investments_17n5q_166 {
    width: 100%;
    max-width: 250px;
}

div._page_17n5q_111 ._gridContainer_17n5q_114 ._grid_17n5q_114 .contents:hover ._cell_17n5q_160 ._investments_17n5q_166 .hoverIcon {
    opacity: 1;
}

div._page_17n5q_111 ._noFormattedAssets_17n5q_231 {
    grid-column: 1 / -1;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
}

div._page_17n5q_111 ._loadingFirstColumn_17n5q_238 {
    margin-right: auto;
}

div._page_17n5q_111 div._headerWalletBalance_17n5q_241 {
    margin-bottom: 15px;
}

div._page_17n5q_111 ._pageHeader_17n5q_244 {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 575.98px) {
    div._page_17n5q_111 ._pageHeader_17n5q_244 {
        display: flex;
        flex-flow: column-reverse;
    }
}

@media only screen and (min-width: 768px) {
    div._page_17n5q_111 ._pageHeader_17n5q_244 {
        align-items: flex-start;
    }
}

div._page_17n5q_111 div._filters_17n5q_260 {
    margin-top: 24px;
    margin-bottom: 16px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
}

div._page_17n5q_111 ._contractType_17n5q_269 {
    display: flex;
    column-gap: 16px;
    transition: opacity 0.2s ease-in;
}

div._page_17n5q_111 ._contractType_17n5q_269._hidden_17n5q_102 {
    opacity: 0;
}

div._page_17n5q_111 ._contractType_17n5q_269>button {
    flex: 1 1 0%;
    max-width: 130px;
}

div._page_17n5q_111 ._contractType_17n5q_269>button._active_17n5q_281 {
    background-color: rgb(255, 87, 41) !important;
    border-color: rgb(255, 87, 41) !important;
    color: rgb(255, 255, 255) !important;
}

div._page_17n5q_111 ._yieldDisclaimer_17n5q_286 {
    margin-top: 16px;
    margin-bottom: 40px;
    color: rgb(11, 32, 45);
    font-size: 1.2rem;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] div._page_17n5q_111 ._yieldDisclaimer_17n5q_286 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

[data-theme="dark"] div._page_17n5q_111 ._yieldDisclaimer_17n5q_286 {
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 575.98px) {
    div._page_17n5q_111 ._yieldDisclaimer_17n5q_286 {
        padding: 10px;
    }
}

@media screen and (min-height: 800px) {
    div._page_17n5q_111 {
        display: flex;
        flex-direction: column;
    }
}

._sortable_17n5q_316 {
    cursor: pointer;
    display: flex;
    align-items: baseline;
    column-gap: 4px;
    font-weight: 600;
}

._sortable_17n5q_316:hover {
    text-decoration: underline;
}

._searchFilters_17n5q_327 {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    gap: 8px 16px;
    margin-bottom: 16px;
}

._searchFilters_17n5q_327 ._dropdownsContainer_17n5q_334 {
    display: flex;
    gap: 8px;
}

._searchFilters_17n5q_327 ._dropdownsContainer_17n5q_334 ._dropdownTrigger_17n5q_338 {
    border-color: rgb(246, 243, 233);
    border-width: 2px;
    border-radius: 30px;
    font-size: 1.2rem;
    height: auto;
    color: rgb(50, 77, 87);
    font-weight: 700;
}

._searchFilters_17n5q_327 ._dropdownsContainer_17n5q_334 ._dropdownTrigger_17n5q_338 svg {
    color: rgb(168, 179, 184);
}

[data-theme="dark"] ._searchFilters_17n5q_327 ._dropdownsContainer_17n5q_334 ._dropdownTrigger_17n5q_338 {
    color: rgb(168, 179, 184);
}

._searchFilters__inputContainer_17n5q_355 {
    flex-basis: min(25%, 315px);
    flex-shrink: 0;
}

@media only screen and (max-width: 767.98px) {
    ._searchFilters__inputContainer_17n5q_355 {
        flex-basis: 100%;
    }
}

._searchFilters__togglers_17n5q_364 {
    margin-bottom: 8px;
    transition: opacity 0.2s ease-in;
}

._searchFilters__togglers_17n5q_364._hidden_17n5q_102 {
    opacity: 0;
    pointer-events: none;
}

._description_17n5q_373 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: rgb(168, 179, 184);
}

._title_17n5q_381 {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

._totalInterest_17n5q_213,
._total_17n5q_204,
._yield_17n5q_200,
._contractType_17n5q_269 {
    font-size: 1.4rem;
    color: rgb(50, 77, 87);
    white-space: nowrap;
}

[data-theme="dark"] ._totalInterest_17n5q_213,
[data-theme="dark"] ._total_17n5q_204,
[data-theme="dark"] ._yield_17n5q_200,
[data-theme="dark"] ._contractType_17n5q_269 {
    color: rgb(255, 255, 255);
}

@keyframes _fadeIn_1ff7y_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1ff7y_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1ff7y_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1ff7y_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1ff7y_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1ff7y_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1ff7y_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1ff7y_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._page_1ff7y_87 {
    padding-bottom: 150px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 16px;
}

._description_1ff7y_95 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: rgb(168, 179, 184);
    line-height: 18px;
}

._description_1ff7y_95 a {
    color: rgb(255, 87, 41);
}

._description_1ff7y_95 svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

._description_1ff7y_95 svg path {
    fill: rgb(255, 87, 41);
}

._description_1ff7y_95>button {
    font-family: Matter, sans-serif;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    color: rgb(255, 87, 41);
}

._title_1ff7y_129 {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

@keyframes _fadeIn_1cvym_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1cvym_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1cvym_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1cvym_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1cvym_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1cvym_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1cvym_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1cvym_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._createFirstDca_1cvym_87 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    color: rgb(50, 77, 87);
}

[data-theme="dark"] ._createFirstDca_1cvym_87 {
    color: rgb(255, 255, 255);
}

._createFirstDca_1cvym_87 ._createFirstDcaTitle_1cvym_97 {
    font-size: 2.4rem;
    font-weight: 600;
}

._createFirstDca_1cvym_87 ._createFirstDcaContent_1cvym_101 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._createFirstDca_1cvym_87 ._createFirstDcaContent_1cvym_101 ._createFirstDcaCard_1cvym_106 {
    background-color: rgba(216, 218, 223, 0.15);
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

._createFirstDca_1cvym_87 ._createFirstDcaContent_1cvym_101 ._createFirstDcaCard_1cvym_106 ._createFirstDcaList_1cvym_114 {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 1.6rem;
}

._createFirstDca_1cvym_87 ._createFirstDcaContent_1cvym_101 ._createFirstDcaCard_1cvym_106 ._createFirstDcaList_1cvym_114 ._createFirstDcaIcon_1cvym_120 {
    width: 32px;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    object-fit: contain;
    object-position: center center;
}

._createFirstDca_1cvym_87 ._article_1cvym_130 {
    color: rgb(255, 87, 41);
    display: contents;
}

._createFirstDca_1cvym_87 button {
    width: fit-content;
    align-self: center;
}

@keyframes _fadeIn_gi3sh_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_gi3sh_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_gi3sh_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_gi3sh_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_gi3sh_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_gi3sh_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_gi3sh_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_gi3sh_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._displayDca_gi3sh_87 {
    align-self: flex-start;
    width: 100%;
    gap: 24px;
    display: flex;
    flex-direction: column;
}

._displayDca_gi3sh_87 ._displayDcaSearchFilters_gi3sh_94 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@keyframes _fadeIn_1vy07_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1vy07_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1vy07_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1vy07_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1vy07_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1vy07_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1vy07_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1vy07_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._dcaRow_1vy07_87 {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] ._dcaRow_1vy07_87 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

._dcaRow_1vy07_87 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

._dcaRow_1vy07_87 ._dcaRowTitle_1vy07_102 {
    font-size: 1.6rem;
    font-weight: 600;
    display: flex;
    gap: 16px;
    align-items: center;
    color: rgb(50, 77, 87);
    min-height: 30px;
}

[data-theme="dark"] ._dcaRow_1vy07_87 ._dcaRowTitle_1vy07_102 {
    color: rgb(255, 255, 255);
}

._dcaRow_1vy07_87 ._dcaRowTitle_1vy07_102 button._delete_1vy07_115 {
    position: absolute;
    right: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    width: 30px;
    height: 30px;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    object-fit: contain;
    object-position: center center;
    border-radius: 100%;
    background-color: rgb(254, 243, 241);
    transition: 0.3s;
}

._dcaRow_1vy07_87 ._dcaRowTitle_1vy07_102 button._delete_1vy07_115>svg {
    width: 15px;
    height: 15px;
    min-width: 15px;
    max-width: 15px;
    min-height: 15px;
    max-height: 15px;
    object-fit: contain;
    object-position: center center;
}

._dcaRow_1vy07_87 ._dcaRowTitle_1vy07_102 button._delete_1vy07_115>svg path {
    transition: 0.3s;
}

._dcaRow_1vy07_87 ._dcaRowTitle_1vy07_102 button._delete_1vy07_115:hover {
    background-color: rgb(255, 151, 122);
}

._dcaRow_1vy07_87 ._dcaRowTitle_1vy07_102 button._delete_1vy07_115:hover svg path {
    fill: rgb(255, 255, 255);
}

._dcaRow_1vy07_87 ._dcaRowTitle_1vy07_102 ._status_1vy07_154 {
    border-radius: 16px;
    font-size: 1.2rem;
    font-weight: 400;
    padding: 3px 8px;
    border: 1px solid;
    white-space: nowrap;
}

._dcaRow_1vy07_87 ._dcaTable_1vy07_162 {
    padding-bottom: 16px;
    border-bottom: 1px solid rgb(235, 236, 244);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

._dcaRow_1vy07_87 ._dcaTable_1vy07_162 ._dcaTableFirstRow_1vy07_169 {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
    display: flex;
    gap: 8px 32px;
    flex-wrap: wrap;
}

._dcaRow_1vy07_87 ._dcaTable_1vy07_162 ._dcaTableFirstRow_1vy07_169._opacity_1vy07_177 {
    opacity: 0.5;
}

._dcaRow_1vy07_87 ._dcaTable_1vy07_162 ._dcaTableFirstRow_1vy07_169 ._dcaTableCell_1vy07_180 {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

._dcaRow_1vy07_87 ._dcaTable_1vy07_162 ._dcaTableFirstRow_1vy07_169 ._dcaTableCell_1vy07_180 ._strong_1vy07_185 {
    color: rgb(50, 77, 87);
    font-weight: 600;
    font-size: 1.4rem;
    text-wrap: nowrap;
}

[data-theme="dark"] ._dcaRow_1vy07_87 ._dcaTable_1vy07_162 ._dcaTableFirstRow_1vy07_169 ._dcaTableCell_1vy07_180 ._strong_1vy07_185 {
    color: rgb(255, 255, 255);
}

._dcaRow_1vy07_87 ._dcaTable_1vy07_162 ._dcaTableFirstRow_1vy07_169 ._dcaTableCell_1vy07_180 ._strong_1vy07_185::first-letter {
    text-transform: capitalize;
}

._dcaRow_1vy07_87 ._dcaTable_1vy07_162 ._dcaTableFirstRow_1vy07_169 ._dcaTableCell_1vy07_180 svg {
    cursor: pointer;
}

._dcaRow_1vy07_87 ._dcaTable_1vy07_162 ._dcaProducts_1vy07_201 {
    display: grid;
    row-gap: 8px;
    grid-template-columns: repeat(5, 1fr);
}

._dcaRow_1vy07_87 ._dcaTable_1vy07_162 ._dcaProducts_1vy07_201._opacity_1vy07_177 {
    opacity: 0.5;
}

@media only screen and (max-width: 1199.98px) {
    ._dcaRow_1vy07_87 ._dcaTable_1vy07_162 ._dcaProducts_1vy07_201 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 767.98px) {
    ._dcaRow_1vy07_87 ._dcaTable_1vy07_162 ._dcaProducts_1vy07_201 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 575.98px) {
    ._dcaRow_1vy07_87 ._dcaTable_1vy07_162 ._dcaProducts_1vy07_201 {
        grid-template-columns: repeat(2, 1fr);
    }
}

._dcaRow_1vy07_87 ._totalContainer_1vy07_224 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

._dcaRow_1vy07_87 ._totalContainer_1vy07_224 ._totalTitle_1vy07_231 img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._dcaRow_1vy07_87 ._totalContainer_1vy07_224 ._totalTitle_1vy07_231 {
    display: flex;
    gap: 8px;
    margin-right: auto;
    align-items: center;
}

._dcaRow_1vy07_87 ._totalContainer_1vy07_224 ._totalTitle_1vy07_231 ._totalAmount_1vy07_247 {
    font-weight: 600;
}

._dcaRow_1vy07_87 ._totalContainer_1vy07_224 ._ctaButtons_1vy07_250 {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

._dcaRow_1vy07_87 ._totalContainer_1vy07_224 ._ctaButtons_1vy07_250 ._loader_1vy07_255 {
    position: absolute;
}

._dcaRow_1vy07_87 ._totalContainer_1vy07_224 ._ctaButtons_1vy07_250 ._ctaVisibility_1vy07_258 {
    visibility: hidden;
}

@keyframes _fadeIn_1lm5w_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1lm5w_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1lm5w_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1lm5w_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1lm5w_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1lm5w_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1lm5w_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1lm5w_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._dcaProduct_1lm5w_87 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._dcaProduct_1lm5w_87 ._dcaProductTitle_1lm5w_92 {
    font-size: 1.2rem;
    color: rgb(168, 179, 184);
    text-transform: capitalize;
}

._dcaProduct_1lm5w_87 ._dcaProductContent_1lm5w_97 {
    display: flex;
    gap: 8px;
    font-size: 1.6rem;
    font-weight: 600;
}

._dcaProduct_1lm5w_87 ._dcaProductContent_1lm5w_97 ._dcaProductContentCurrency_1lm5w_103 {
    color: rgb(255, 87, 41);
}

@keyframes _fadeIn_18zi1_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_18zi1_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_18zi1_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_18zi1_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_18zi1_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_18zi1_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_18zi1_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_18zi1_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div div._dcaHistoryModal_18zi1_87 {
    max-width: none;
}

div div._dcaHistoryModal_18zi1_87 ._loader_18zi1_90 {
    display: flex;
    justify-content: center;
}

div div._dcaHistoryModal_18zi1_87 ._grid_18zi1_94 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

div div._dcaHistoryModal_18zi1_87 ._grid_18zi1_94 ._th_18zi1_98 {
    text-align: left;
    padding: 8px 16px;
    font-size: 1.4rem;
    font-weight: 600;
    color: rgb(168, 179, 184);
    border-bottom: 1px solid rgb(235, 236, 244);
}

div div._dcaHistoryModal_18zi1_87 ._grid_18zi1_94 ._td_18zi1_106 {
    text-align: left;
    padding: 8px 16px;
    border-bottom: 1px solid rgb(235, 236, 244);
    font-size: 1.6rem;
    line-height: 28px;
}

div div._dcaHistoryModal_18zi1_87 ._grid_18zi1_94 ._td_18zi1_106._bold_18zi1_113 {
    font-weight: 600;
}

div div._dcaHistoryModal_18zi1_87 ._grid_18zi1_94 ._td_18zi1_106 ._status_18zi1_116 {
    border-width: 1px;
    text-transform: capitalize;
    font-size: 1.4rem;
}

div div._dcaHistoryModal_18zi1_87 ._grid_18zi1_94 ._tdLoader_18zi1_121 {
    display: grid;
    grid-column: 1 / 5;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
}

@keyframes _fadeIn_o97wm_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_o97wm_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_o97wm_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_o97wm_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_o97wm_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_o97wm_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_o97wm_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_o97wm_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._failureContainer_o97wm_87 {
    background-color: rgba(255, 151, 122, 0.1);
    border-radius: 8px;
    padding: 8px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

._failureContainer_o97wm_87 ._failureTitle_o97wm_96 {
    font-size: 1.2rem;
    color: rgb(11, 32, 45);
    font-weight: 600;
}

[data-theme="dark"] ._failureContainer_o97wm_87 ._failureTitle_o97wm_96 {
    color: rgb(255, 255, 255);
}

._failureContainer_o97wm_87 ._failureContent_o97wm_105 {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
    margin-right: auto;
}

._failureContainer_o97wm_87 ._failureContent_o97wm_105 strong {
    font-weight: 600;
    color: rgb(255, 87, 41);
}

._failureContainer_o97wm_87 ._failureDelete_o97wm_114 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    color: rgb(216, 218, 223);
}

._failureContainer_o97wm_87 ._failureDelete_o97wm_114:hover {
    cursor: pointer;
}

@media only screen and (max-width: 767.98px) {
    ._failureContainer_o97wm_87 {
        flex-direction: column;
        padding-top: 16px;
        text-align: center;
    }

    ._failureContainer_o97wm_87 ._failureTitle_o97wm_96 {
        padding: 0px 32px;
    }

    ._failureContainer_o97wm_87 ._failureContent_o97wm_105 {
        margin: 0px;
    }

    ._failureContainer_o97wm_87 ._failureDelete_o97wm_114 {
        position: absolute;
        top: 4px;
        right: 4px;
    }
}

@keyframes _fadeIn_jxok1_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_jxok1_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_jxok1_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_jxok1_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_jxok1_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_jxok1_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_jxok1_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_jxok1_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._dcaEmpty_jxok1_87 {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] ._dcaEmpty_jxok1_87 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

._dcaEmpty_jxok1_87 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    color: rgb(168, 179, 184);
}

@keyframes _fadeIn_1q32a_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1q32a_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1q32a_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1q32a_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1q32a_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1q32a_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1q32a_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1q32a_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._dcaRows_1q32a_87 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

._dcaRows_1q32a_87 ._dcaRow_1q32a_87 {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] ._dcaRows_1q32a_87 ._dcaRow_1q32a_87 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

._dcaRows_1q32a_87 ._dcaRow_1q32a_87 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

._dcaRows_1q32a_87 ._dcaRow_1q32a_87 ._dcaRowLoader_1q32a_109 {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(5, 1fr);
}

@media only screen and (max-width: 1199.98px) {
    ._dcaRows_1q32a_87 ._dcaRow_1q32a_87 ._dcaRowLoader_1q32a_109 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 767.98px) {
    ._dcaRows_1q32a_87 ._dcaRow_1q32a_87 ._dcaRowLoader_1q32a_109 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 575.98px) {
    ._dcaRows_1q32a_87 ._dcaRow_1q32a_87 ._dcaRowLoader_1q32a_109 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@keyframes _fadeIn_wuq35_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_wuq35_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_wuq35_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_wuq35_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_wuq35_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_wuq35_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_wuq35_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_wuq35_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._dcaLoadingProduct_wuq35_87 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@keyframes _fadeIn_1xg6g_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1xg6g_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1xg6g_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1xg6g_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1xg6g_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1xg6g_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1xg6g_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1xg6g_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._title_1xg6g_87 {
    margin-bottom: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

._title_1xg6g_87>i {
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: rgb(168, 179, 184);
}

._navigation_1xg6g_100 {
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    overflow-x: auto;
}

._navigation_1xg6g_100>a {
    display: block;
    flex: 1 1 0%;
    max-width: 130px;
}

._navigation_1xg6g_100>a.active button {
    background-color: rgb(255, 87, 41) !important;
    border-color: rgb(255, 87, 41) !important;
    color: rgb(255, 255, 255) !important;
}

._navigation_1xg6g_100>a button {
    min-width: 100%;
}

@keyframes _fadeIn_73o2d_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_73o2d_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_73o2d_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_73o2d_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_73o2d_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_73o2d_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_73o2d_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_73o2d_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._parachains_73o2d_87 {
    color: rgb(11, 32, 45);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media only screen and (max-width: 575.98px) {
    div._parachains_73o2d_87 ._description_73o2d_94 {
        display: none;
    }
}

@media only screen and (max-width: 575.98px) {
    div._parachains_73o2d_87 ._historyButton_73o2d_99 span {
        display: none;
    }
}

div._parachains_73o2d_87>div {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] div._parachains_73o2d_87>div {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 767.98px) {
    div._parachains_73o2d_87>div {
        padding: 16px;
    }
}

div._parachains_73o2d_87>div>strong {
    display: block;
    color: rgb(50, 77, 87);
    font-weight: 600;
    margin-bottom: 16px;
}

div._parachains_73o2d_87>div>p {
    margin-bottom: 16px;
    color: rgb(50, 77, 87);
}

div._parachains_73o2d_87>div>hr {
    border-bottom: 1px solid rgb(235, 236, 244);
}

div._parachains_73o2d_87>div ._completedCrowdloanGrid_73o2d_131 img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

div._parachains_73o2d_87>div ._completedCrowdloanGrid_73o2d_131 ._completedCrowdloan_73o2d_131 {
    display: flex;
    justify-content: space-between;
    padding: 4px;
}

div._parachains_73o2d_87>div ._completedCrowdloanGrid_73o2d_131 ._completedCrowdloan_73o2d_131:not(:last-child) {
    border-bottom: 1px solid rgb(235, 236, 244);
}

@media only screen and (max-width: 575.98px) {
    div._parachains_73o2d_87>div ._completedCrowdloanGrid_73o2d_131 ._completedCrowdloan_73o2d_131 {
        flex-direction: column;
    }
}

div._parachains_73o2d_87>div ._completedCrowdloanGrid_73o2d_131 ._crowdloanName_73o2d_154 {
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 576px) and (max-width: 767.98px) {
    div._parachains_73o2d_87>div ._completedCrowdloanGrid_73o2d_131 ._crowdloanName_73o2d_154 {
        display: grid;
        grid-template-areas: "a b b""a c d";
    }

    div._parachains_73o2d_87>div ._completedCrowdloanGrid_73o2d_131 ._crowdloanName_73o2d_154> :first-child {
        grid-area: a;
    }

    div._parachains_73o2d_87>div ._completedCrowdloanGrid_73o2d_131 ._crowdloanName_73o2d_154> :nth-child(2) {
        grid-area: b;
        color: rgb(168, 179, 184);
    }
}

@media only screen and (max-width: 575.98px) {
    div._parachains_73o2d_87>div ._completedCrowdloanGrid_73o2d_131 ._crowdloanName_73o2d_154 {
        justify-content: center;
        padding-bottom: 10px;
    }
}

div._parachains_73o2d_87>div ._completedCrowdloanGrid_73o2d_131 ._crowdloanName_73o2d_154 strong {
    font-weight: 600;
    margin: 0px 3px;
}

div._parachains_73o2d_87>div ._completedCrowdloanGrid_73o2d_131 ._crowdloanName_73o2d_154 img {
    margin-right: 16px;
}

div._parachains_73o2d_87>div ._completedCrowdloanGrid_73o2d_131 ._crowdloanInfos_73o2d_184 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 8px;
}

@media only screen and (max-width: 575.98px) {
    div._parachains_73o2d_87>div ._completedCrowdloanGrid_73o2d_131 ._crowdloanInfos_73o2d_184 {
        align-items: center;
    }
}

div._parachains_73o2d_87>div ._completedCrowdloanGrid_73o2d_131 ._crowdloanInfos_73o2d_184 span {
    display: flex;
    gap: 16px;
    justify-content: space-around;
    align-items: center;
}

@media only screen and (max-width: 575.98px) {
    div._parachains_73o2d_87>div ._completedCrowdloanGrid_73o2d_131 ._crowdloanInfos_73o2d_184 span {
        justify-content: center;
        gap: unset;
    }
}

div._parachains_73o2d_87>div ._completedCrowdloanGrid_73o2d_131 ._crowdloanInfos_73o2d_184 strong {
    display: flex;
    align-items: center;
    font-weight: 600;
    gap: 8px;
}

div._parachains_73o2d_87>div div.parachain:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    padding-bottom: 0px;
}

div._parachains_73o2d_87>div div.parachain {
    border-bottom: 1px solid rgb(235, 236, 244);
    padding-bottom: 16px;
    padding-top: 16px;
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(1) {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(1)>span {
    color: rgb(168, 179, 184);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(1)>span i {
    font-size: 1.2rem;
    line-height: 1.2rem;
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(1)>button {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    font-family: Matter;
    color: rgb(255, 87, 41);
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(1)>button svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(1)>button svg path {
    fill: rgb(255, 87, 41);
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(2) {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

@media only screen and (max-width: 1199.98px) {
    div._parachains_73o2d_87>div div.parachain>div:nth-child(2) {
        flex-flow: wrap;
        row-gap: 8px;
        column-gap: unset;
    }
}

@media only screen and (max-width: 767.98px) {
    div._parachains_73o2d_87>div div.parachain>div:nth-child(2) {
        flex-direction: column;
        row-gap: 16px;
    }
}

@media only screen and (max-width: 1199.98px) {
    div._parachains_73o2d_87>div div.parachain>div:nth-child(2) ._currencyCode_73o2d_281 {
        flex: 1 0 50%;
    }
}

@media only screen and (max-width: 767.98px) {
    div._parachains_73o2d_87>div div.parachain>div:nth-child(2) ._currencyCode_73o2d_281 {
        flex: 1 1 auto;
        justify-content: center;
    }
}

@media only screen and (max-width: 1199.98px) {
    div._parachains_73o2d_87>div div.parachain>div:nth-child(2) ._getReward_73o2d_292 {
        flex-basis: auto;
    }
}

@media only screen and (max-width: 767.98px) {
    div._parachains_73o2d_87>div div.parachain>div:nth-child(2) ._getReward_73o2d_292 {
        flex: 1 1 auto;
        text-align: center;
    }
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(2)>span {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 300px;
}

@media only screen and (max-width: 767.98px) {
    div._parachains_73o2d_87>div div.parachain>div:nth-child(2)>span {
        min-width: unset;
    }
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(2)>span img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(2)>span.contribution {
    justify-content: flex-end;
    margin-left: auto;
}

@media only screen and (max-width: 1199.98px) {
    div._parachains_73o2d_87>div div.parachain>div:nth-child(2)>span.contribution {
        flex: 1 0 50%;
        margin-left: unset;
        justify-content: left;
        padding-left: 40px;
    }
}

@media only screen and (max-width: 767.98px) {
    div._parachains_73o2d_87>div div.parachain>div:nth-child(2)>span.contribution {
        justify-content: center;
        flex: 1 1 auto;
        padding-left: unset;
    }
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(2)>span.contribution i {
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: rgb(168, 179, 184);
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(2)>span.contribution strong {
    min-width: 120px;
    justify-content: flex-end;
    font-family: PlusJakartaSans, monospace;
}

@media only screen and (max-width: 1199.98px) {
    div._parachains_73o2d_87>div div.parachain>div:nth-child(2)>span.contribution strong {
        justify-content: flex-start;
        min-width: unset;
    }
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(2)>span>img {
    margin-right: 16px;
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(2)>span strong {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 600;
    margin: 0px 3px;
    gap: 8px;
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(2)>i {
    color: rgb(168, 179, 184);
    font-size: 1.1rem;
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(2)>i::before {
    content: "";
    background-color: rgb(255, 87, 41);
    min-width: 6px;
    max-width: 6px;
    min-height: 6px;
    max-height: 6px;
    margin-right: 8px;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    top: -1px;
}

div._parachains_73o2d_87>div div.parachain>div:nth-child(2)>button {
    min-width: 170px;
}

@media only screen and (max-width: 1199.98px) {
    div._parachains_73o2d_87>div div.parachain>div:nth-child(2)>button {
        flex-basis: auto;
    }
}

[data-theme="dark"] div._parachains_73o2d_87>div>strong {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] div._parachains_73o2d_87>div>p {
    color: rgb(168, 179, 184);
}

[data-theme="dark"] div._parachains_73o2d_87>div>hr {
    border-color: rgb(168, 179, 184);
}

[data-theme="dark"] div._parachains_73o2d_87>div div.parachain {
    border-color: rgb(168, 179, 184);
}

@keyframes _fadeIn_ptewv_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_ptewv_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_ptewv_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_ptewv_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_ptewv_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_ptewv_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_ptewv_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_ptewv_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._minedValues_ptewv_87 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    gap: 10px;
    flex-direction: column !important;
}

@media only screen and (max-width: 575.98px) {
    ._minedValues_ptewv_87 {
        row-gap: 4px;
    }
}

._minedValues_ptewv_87>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

._minedValues_ptewv_87 img {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

div._cloudPage_ptewv_117>p {
    color: rgb(168, 179, 184);
    margin: 16px 0px;
}

div._cloudPage_ptewv_117 div._table_ptewv_121 {
    display: grid;
    white-space: nowrap;
    font-size: 1.4rem;
}

@media only screen and (min-width: 768px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121 {
        border-radius: 8px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
        padding: 24px;
    }

    [data-theme="dark"] div._cloudPage_ptewv_117 div._table_ptewv_121 {
        background-color: rgba(11, 22, 45, 0.2) !important;
        color: rgb(255, 255, 255);
    }
}

@media only screen and (max-width: 767.98px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121 {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
    }
}

@media only screen and (max-width: 767.98px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121 div._head_ptewv_145 {
        justify-content: space-between;
    }
}

@media only screen and (max-width: 575.98px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121 div._head_ptewv_145 {
        padding: 16px;
    }
}

div._cloudPage_ptewv_117 div._table_ptewv_121 div._head_ptewv_145>div {
    border-bottom: 1px solid rgb(235, 236, 244);
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.4rem;
    padding-bottom: 16px !important;
}

div._cloudPage_ptewv_117 div._table_ptewv_121 div._head_ptewv_145>div:first-child {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

div._cloudPage_ptewv_117 div._table_ptewv_121 div._head_ptewv_145>div:last-child {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

@media only screen and (max-width: 767.98px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121 div._head_ptewv_145>div {
        border-bottom: unset;
        margin-bottom: unset;
        padding: unset !important;
    }

    div._cloudPage_ptewv_117 div._table_ptewv_121 div._head_ptewv_145>div:not(:first-child) {
        display: none;
    }
}

div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div:not(._head_ptewv_145)>div:not(._dropdown_ptewv_183):nth-child(1) strong {
    color: rgb(11, 32, 45);
    display: flex;
    flex-direction: row;
    align-items: center;
}

div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div:not(._head_ptewv_145)>div:not(._dropdown_ptewv_183):nth-child(1) strong svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    margin-right: 16px;
}

div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div:not(._head_ptewv_145)>div:not(._dropdown_ptewv_183):nth-child(3) {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
    line-height: 1.2rem;
    display: flex;
    align-items: center;
    gap: 8px;
}

@media only screen and (max-width: 767.98px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div:not(._head_ptewv_145)>div:not(._dropdown_ptewv_183):nth-child(3) {
        flex: 1 1 auto;
    }
}

@media only screen and (max-width: 575.98px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div:not(._head_ptewv_145)>div:not(._dropdown_ptewv_183):nth-child(3) {
        justify-content: flex-end;
    }
}

div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div:not(._head_ptewv_145)>div:not(._dropdown_ptewv_183):nth-child(3)::before {
    content: "";
    width: 8px;
    height: 8px;
    min-width: 8px;
    max-width: 8px;
    min-height: 8px;
    max-height: 8px;
    object-fit: contain;
    object-position: center center;
    border-radius: 4px;
    background-color: rgb(211, 29, 41);
}

@media only screen and (max-width: 767.98px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div {
        border-radius: 8px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
        padding: 24px;
    }

    [data-theme="dark"] div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div {
        background-color: rgba(11, 22, 45, 0.2) !important;
        color: rgb(255, 255, 255);
    }

    div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div {
        padding: 16px;
    }
}

@media only screen and (max-width: 575.98px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div:not(._head_ptewv_145) {
        padding: unset;
    }
}

div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div:not(._head_ptewv_145):hover>div:not(._dropdown_ptewv_183) {
    cursor: pointer;
}

@media only screen and (min-width: 576px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div:not(._head_ptewv_145):hover>div:not(._dropdown_ptewv_183) {
        background-color: rgba(235, 236, 244, 0.7);
    }
}

@media only screen and (max-width: 767.98px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div>div:not(._dropdown_ptewv_183):first-child {
        flex: 0 0 200px;
    }
}

@media only screen and (max-width: 575.98px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div>div:not(._dropdown_ptewv_183) {
        padding: 16px;
    }

    div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div>div:not(._dropdown_ptewv_183):first-child {
        flex: 1 1 auto;
    }
}

div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div[data-opened="true"]>div:not(._dropdown_ptewv_183):first-child {
    border-bottom-left-radius: 0px !important;
}

div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div[data-opened="true"]>div:not(._dropdown_ptewv_183):nth-child(4) {
    border-bottom-right-radius: 0px !important;
}

div._cloudPage_ptewv_117 div._table_ptewv_121._cloud_ptewv_117>div[data-opened="true"]>div._dropdown_ptewv_183 {
    max-height: 1000px;
}

div._cloudPage_ptewv_117 div._table_ptewv_121>div {
    display: contents;
}

@media only screen and (max-width: 767.98px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121>div {
        display: flex;
        flex-flow: wrap;
    }
}

div._cloudPage_ptewv_117 div._table_ptewv_121>div>div:not(._dropdown_ptewv_183) {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 8px;
}

div._cloudPage_ptewv_117 div._table_ptewv_121>div>div:not(._dropdown_ptewv_183):first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

@media only screen and (max-width: 575.98px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121>div>div:not(._dropdown_ptewv_183):nth-child(2) {
        display: none;
    }
}

div._cloudPage_ptewv_117 div._table_ptewv_121>div>div:not(._dropdown_ptewv_183):nth-child(4) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

@media only screen and (max-width: 767.98px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121>div>div:not(._dropdown_ptewv_183):nth-child(4) {
        display: none;
    }
}

div._cloudPage_ptewv_117 div._table_ptewv_121 strong {
    font-weight: 600;
}

div._cloudPage_ptewv_117 div._table_ptewv_121 button {
    padding: 12px 25px;
}

div._cloudPage_ptewv_117 div._table_ptewv_121 div._dropdown_ptewv_183 {
    flex-direction: row;
    grid-column: span 4;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    background-color: rgba(235, 236, 244, 0.7);
    white-space: normal;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    margin-bottom: 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: block !important;
    padding: 0px !important;
}

@media only screen and (min-width: 576px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121 div._dropdown_ptewv_183 ._minedValues_ptewv_87 {
        display: none;
    }
}

@media only screen and (max-width: 767.98px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121 div._dropdown_ptewv_183 {
        flex: 0 0 100%;
        margin-bottom: unset;
    }
}

div._cloudPage_ptewv_117 div._table_ptewv_121 div._dropdown_ptewv_183>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
    padding: 16px;
}

@media only screen and (max-width: 767.98px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121 div._dropdown_ptewv_183>div {
        flex-direction: column;
        row-gap: 8px;
    }
}

@media only screen and (max-width: 575.98px) {
    div._cloudPage_ptewv_117 div._table_ptewv_121 div._dropdown_ptewv_183>div {
        background-color: rgba(235, 236, 244, 0.7);
    }

    [data-theme="dark"] div._cloudPage_ptewv_117 div._table_ptewv_121 div._dropdown_ptewv_183>div {
        background-color: rgba(255, 255, 255, 0.15) !important;
    }
}

div._cloudPage_ptewv_117 div._table_ptewv_121 div._dropdown_ptewv_183>div strong {
    color: rgb(50, 77, 87);
}

[data-theme="dark"] div._cloudPage_ptewv_117>div._cloud_ptewv_117 div:not(._head_ptewv_145)>div:not(._dropdown_ptewv_183):nth-child(1) strong {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] div._cloudPage_ptewv_117>div._cloud_ptewv_117 div:not(._head_ptewv_145)>div:not(._dropdown_ptewv_183):nth-child(3) {
    color: rgb(235, 236, 244);
}

[data-theme="dark"] div._cloudPage_ptewv_117 div._dropdown_ptewv_183 {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] div._cloudPage_ptewv_117 div._dropdown_ptewv_183 strong {
    color: rgb(235, 236, 244) !important;
}

@keyframes _fadeIn_l3w0z_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_l3w0z_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_l3w0z_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_l3w0z_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_l3w0z_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_l3w0z_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_l3w0z_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_l3w0z_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._minersPage_l3w0z_87>div.description {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 991.98px) {
    div._minersPage_l3w0z_87>div.description {
        align-items: flex-start;
        flex-direction: column;
        padding-bottom: 10px;
    }
}

div._minersPage_l3w0z_87>div.description p {
    color: rgb(168, 179, 184);
    margin-bottom: 16px;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104 {
    display: grid;
    white-space: nowrap;
    font-size: 1.4rem;
    --row-hover-color: hsla(233, 29%, 94%, .7);
}

[data-theme="dark"] div._minersPage_l3w0z_87 div._table_l3w0z_104 {
    --row-hover-color: hsl(227, 31%, 17%);
}

@media only screen and (min-width: 992px) {
    div._minersPage_l3w0z_87 div._table_l3w0z_104 {
        border-radius: 8px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
        padding: 24px;
    }

    [data-theme="dark"] div._minersPage_l3w0z_87 div._table_l3w0z_104 {
        background-color: rgba(11, 22, 45, 0.2) !important;
        color: rgb(255, 255, 255);
    }
}

div._minersPage_l3w0z_87 div._table_l3w0z_104 div._head_l3w0z_125>div {
    border-bottom: 1px solid rgb(235, 236, 244);
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.4rem;
    padding-bottom: 16px !important;
}

@media only screen and (max-width: 991.98px) {
    div._minersPage_l3w0z_87 div._table_l3w0z_104 div._head_l3w0z_125>div {
        margin-bottom: 0px;
        border-bottom: unset;
        padding: 16px !important;
    }
}

@media only screen and (max-width: 991.98px) {
    div._minersPage_l3w0z_87 div._table_l3w0z_104 div._head_l3w0z_125>div:nth-child(2) {
        display: none;
    }
}

div._minersPage_l3w0z_87 div._table_l3w0z_104 div._head_l3w0z_125>div:first-child {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104 div._head_l3w0z_125>div:last-child {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153 {
    grid-template-columns: 1fr 1fr 1fr;
}

@media only screen and (max-width: 991.98px) {
    div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153 {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
    }
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(1) strong {
    color: rgb(11, 32, 45);
    display: flex;
    flex-direction: row;
    align-items: center;
}

@media only screen and (max-width: 575.98px) {
    div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(1) strong {
        padding-left: 16px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(1) strong svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    margin-right: 16px;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(2) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1.2rem;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(2)>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(2) img {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(3) {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
    line-height: 1.2rem;
    display: flex;
    align-items: center;
    gap: 8px;
}

@media only screen and (max-width: 991.98px) {
    div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(3) {
        padding-right: 16px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(3)[data-status="inactive"]::before {
    background-color: rgb(168, 179, 184);
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(3)[data-status="waitingReboot"]::before,
div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(3)[data-status="rebooting"]::before,
div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(3)[data-status="launching"]::before {
    background-color: rgb(50, 77, 87);
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(3)[data-status="lowHash"]::before,
div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(3)[data-status="noHash"]::before,
div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(3)[data-status="lowHashrate"]::before,
div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(3)[data-status="noHashrate"]::before {
    background-color: rgb(211, 29, 41);
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(3)[data-status="overheat"]::before {
    background-color: rgb(255, 151, 122);
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(3)::before {
    content: "";
    width: 8px;
    height: 8px;
    min-width: 8px;
    max-width: 8px;
    min-height: 8px;
    max-height: 8px;
    object-fit: contain;
    object-position: center center;
    border-radius: 4px;
    background-color: rgb(45, 210, 141);
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(4) {
    gap: 4px;
}

@media only screen and (min-width: 1200px) {
    div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(4) {
        gap: 24px;
    }
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(4) div:first-child {
    min-width: 100px;
    max-width: 100px;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(4) button {
    padding: 10px 16px;
    min-height: initial;
    max-height: initial;
}

@media only screen and (max-width: 991.98px) {
    div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div {
        border-radius: 8px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
        padding: 24px;
    }

    [data-theme="dark"] div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div {
        background-color: rgba(11, 22, 45, 0.2) !important;
        color: rgb(255, 255, 255);
    }

    div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div {
        padding: unset;
    }
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125):hover>div:not(._dropdown_l3w0z_163) {
    cursor: pointer;
}

@media only screen and (min-width: 992px) {
    div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div:not(._head_l3w0z_125):hover>div:not(._dropdown_l3w0z_163) {
        background-color: var(--row-hover-color);
    }
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div[data-opened="true"]>div:not(._dropdown_l3w0z_163):first-child {
    border-bottom-left-radius: 0px !important;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div[data-opened="true"]>div:not(._dropdown_l3w0z_163):nth-child(4) {
    border-bottom-right-radius: 0px !important;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104._cloud_l3w0z_153>div[data-opened="true"]>div._dropdown_l3w0z_163 {
    max-height: 1000px !important;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104>div {
    display: contents;
}

@media only screen and (max-width: 991.98px) {
    div._minersPage_l3w0z_87 div._table_l3w0z_104>div {
        display: flex;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 991.98px) {
    div._minersPage_l3w0z_87 div._table_l3w0z_104>div ._minerStatus_l3w0z_309 {
        flex: 1 1 auto;
        justify-content: flex-end;
    }
}

div._minersPage_l3w0z_87 div._table_l3w0z_104>div>div:not(._dropdown_l3w0z_163) {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 8px;
}

@media only screen and (max-width: 575.98px) {
    div._minersPage_l3w0z_87 div._table_l3w0z_104>div>div:not(._dropdown_l3w0z_163) {
        padding: unset;
    }
}

div._minersPage_l3w0z_87 div._table_l3w0z_104>div>div:not(._dropdown_l3w0z_163):first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104>div>div:not(._dropdown_l3w0z_163):nth-child(4) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104 strong {
    font-weight: 600;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104 button {
    padding: 12px 25px;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104 div._dropdown_l3w0z_163 {
    flex-direction: row;
    grid-column: span 4;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    background-color: var(--row-hover-color);
    white-space: normal;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    margin-bottom: 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: block !important;
    padding: 0px !important;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104 div._dropdown_l3w0z_163 ._actionsInDropdown_l3w0z_354 ._minerBalance_l3w0z_354 {
    display: flex;
    flex-direction: column;
    align-self: center;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104 div._dropdown_l3w0z_163 ._actionsInDropdown_l3w0z_354 ._minerBalance_l3w0z_354 img {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
    margin-right: 8px;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104 div._dropdown_l3w0z_163 ._actionsInDropdown_l3w0z_354 ._minerBalance_l3w0z_354 strong {
    margin-left: 4px;
}

@media only screen and (max-width: 991.98px) {
    div._minersPage_l3w0z_87 div._table_l3w0z_104 div._dropdown_l3w0z_163 ._actionsInDropdown_l3w0z_354 {
        align-self: center;
        display: flex;
        flex-direction: column;
        row-gap: 16px;
    }

    div._minersPage_l3w0z_87 div._table_l3w0z_104 div._dropdown_l3w0z_163 ._actionsInDropdown_l3w0z_354 ._actions_l3w0z_354 {
        display: flex;
        flex-direction: column;
        row-gap: 8px;
    }

    div._minersPage_l3w0z_87 div._table_l3w0z_104 div._dropdown_l3w0z_163 ._actionsInDropdown_l3w0z_354 ._actions_l3w0z_354>div {
        display: flex;
        align-items: center;
        column-gap: 8px;
    }

    div._minersPage_l3w0z_87 div._table_l3w0z_104 div._dropdown_l3w0z_163 ._actionsInDropdown_l3w0z_354 ._actions_l3w0z_354>div div div {
        min-width: 100px;
        max-width: 100px;
    }
}

div._minersPage_l3w0z_87 div._table_l3w0z_104 div._dropdown_l3w0z_163 ._dropdownInfos_l3w0z_395 {
    display: flex;
    column-gap: 20px;
}

@media only screen and (max-width: 991.98px) {
    div._minersPage_l3w0z_87 div._table_l3w0z_104 div._dropdown_l3w0z_163 ._dropdownInfos_l3w0z_395 {
        display: flex;
        flex-direction: column;
        row-gap: 8px;
    }
}

@media only screen and (max-width: 991.98px) {
    div._minersPage_l3w0z_87 div._table_l3w0z_104 div._dropdown_l3w0z_163 {
        flex-basis: 100%;
        margin-bottom: unset;
    }
}

div._minersPage_l3w0z_87 div._table_l3w0z_104 div._dropdown_l3w0z_163>div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 16px;
}

div._minersPage_l3w0z_87 div._table_l3w0z_104 div._dropdown_l3w0z_163>div strong {
    color: rgb(50, 77, 87);
}

div._minersPage_l3w0z_87 div._table_l3w0z_104 div._dropdown_l3w0z_163>div i {
    padding: 8px;
    border-radius: 4px;
    background-color: rgb(235, 236, 244);
    color: rgb(50, 77, 87);
    font-weight: 600;
    margin-right: 16px;
}

[data-theme="dark"] div._minersPage_l3w0z_87>div._cloud_l3w0z_153 div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(1) strong {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] div._minersPage_l3w0z_87>div._cloud_l3w0z_153 div:not(._head_l3w0z_125)>div:not(._dropdown_l3w0z_163):nth-child(3) {
    color: rgb(235, 236, 244);
}

[data-theme="dark"] div._minersPage_l3w0z_87 div._dropdown_l3w0z_163 {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] div._minersPage_l3w0z_87 div._dropdown_l3w0z_163 strong {
    color: rgb(235, 236, 244) !important;
}

[data-theme="dark"] div._minersPage_l3w0z_87 div._dropdown_l3w0z_163 i {
    background-color: rgb(50, 77, 87) !important;
    color: rgb(255, 255, 255) !important;
}

[data-theme="dark"] div._minersPage_l3w0z_87 input[type="text"] {
    color: rgb(255, 255, 255);
}

@keyframes _fadeIn_1t572_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1t572_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1t572_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1t572_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1t572_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1t572_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1t572_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1t572_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._tooltip_1t572_88 {
    z-index: 100001;
}

._icon_1t572_92 {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

._dropdownItem_1t572_103 {
    font-size: 1.4rem;
    font-weight: 400;
}

div._page_1t572_108 {
    padding-bottom: 0px;
}

div._page_1t572_108::-webkit-scrollbar-track {
    background: rgb(235, 236, 244);
}

div._page_1t572_108::-webkit-scrollbar-thumb {
    background: rgb(50, 77, 87) !important;
}

div._page_1t572_108::-webkit-scrollbar-thumb:hover {
    background: rgb(50, 77, 87) !important;
}

@supports not selector(::-webkit-scrollbar) {
    div._page_1t572_108 {
        scrollbar-width: auto !important;
        scrollbar-color: rgb(50, 77, 87) rgb(235, 236, 244) !important;
    }
}

[data-theme="dark"] div._page_1t572_108::-webkit-scrollbar-track {
    background: rgba(11, 22, 45, 0.2);
}

[data-theme="dark"] div._page_1t572_108::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5) !important;
}

@supports not selector(::-webkit-scrollbar) {
    [data-theme="dark"] div._page_1t572_108 {
        scrollbar-color: rgba(255, 255, 255, 0.5) rgb(50, 77, 87) !important;
    }
}

div._page_1t572_108 ._noMatch_1t572_138 {
    display: flex;
    margin-top: 10px;
}

@media only screen and (max-width: 991.98px) {
    div._page_1t572_108 ._title_1t572_143 {
        font-size: 3.5rem;
    }
}

div._page_1t572_108 ._searchFilters_1t572_147 {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    gap: 8px 16px;
    margin-bottom: 16px;
}

div._page_1t572_108 ._searchFilters_1t572_147 ._dropdownsContainer_1t572_154 {
    display: flex;
    gap: 8px;
}

div._page_1t572_108 ._searchFilters_1t572_147 ._dropdownsContainer_1t572_154 ._dropdownTrigger_1t572_158 {
    border-color: rgb(235, 236, 244);
    border-width: 2px;
    border-radius: 30px;
    color: rgb(50, 77, 87);
    font-size: 1.2rem;
    height: auto;
    font-weight: 700;
}

[data-theme="dark"] div._page_1t572_108 ._searchFilters_1t572_147 ._dropdownsContainer_1t572_154 ._dropdownTrigger_1t572_158 {
    border-color: rgb(168, 179, 184);
    color: rgb(168, 179, 184);
}

div._page_1t572_108 ._searchFilters__inputContainer_1t572_172 {
    flex-basis: min(25%, 315px);
    flex-shrink: 0;
}

@media only screen and (max-width: 767.98px) {
    div._page_1t572_108 ._searchFilters__inputContainer_1t572_172 {
        flex-basis: 100%;
    }
}

div._page_1t572_108 ._searchFilters__togglers_1t572_181 {
    margin-bottom: 8px;
    transition: opacity 0.2s ease-in;
}

div._page_1t572_108 ._searchFilters__togglers_1t572_181._hidden_1t572_185 {
    opacity: 0;
    pointer-events: none;
}

div._page_1t572_108 div._filters_1t572_189 {
    width: fit-content;
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    transition: opacity 0.2s ease-in;
}

div._page_1t572_108 div._filters_1t572_189 ._hidden_1t572_185 {
    opacity: 0;
}

@media only screen and (max-width: 767.98px) {
    div._page_1t572_108 div._filters_1t572_189 {
        gap: 16px 4px;
        flex-wrap: wrap;
    }
}

div._page_1t572_108 div._filters_1t572_189>button {
    flex: 1 1 0%;
    max-width: 130px;
}

@media only screen and (max-width: 767.98px) {
    div._page_1t572_108 div._filters_1t572_189>button {
        padding: 5px;
    }
}

div._page_1t572_108 div._filters_1t572_189>button._active_1t572_216 {
    background-color: rgb(255, 87, 41);
    border-color: rgb(255, 87, 41);
    color: rgb(255, 255, 255);
}

div._page_1t572_108 ._gridContainer_1t572_221 {
    padding: 24px 24px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    border-radius: 16px;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 {
    z-index: 9;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._cellHeader_1t572_230 {
    font-size: 1.4rem;
    color: rgb(168, 179, 184);
    top: -1px;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._accordionTriggerCell_1t572_235 {
    color: rgb(255, 87, 41);
    border-bottom: unset !important;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._accordionCell_1t572_239 {
    padding-left: 0px;
    padding-right: 0px;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 .contents ._cell_1t572_230 {
    min-height: 60px;
    color: rgb(50, 77, 87);
    border-bottom: unset !important;
}

[data-theme="dark"] div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 .contents ._cell_1t572_230 {
    color: rgb(255, 255, 255);
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 .contents:hover .hoverIcon {
    opacity: 1;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._cryptoLabel_1t572_255 {
    gap: 8px;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._cryptoLabel_1t572_255 img {
    margin-right: 0px;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._notLargeCryptoAssets_1t572_261 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._priceVariations_1t572_266 {
    display: flex;
    font-weight: 400;
    flex-direction: column;
    gap: 6px;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._priceVariations_1t572_266 span {
    font-size: 1.4rem !important;
    line-height: 1.4rem;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._priceVariations_1t572_266 span:first-child {
    font-weight: 700;
    white-space: nowrap;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._weeklyPriceVariations_1t572_280 {
    font-weight: 400;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._weeklyPriceVariations_1t572_280 span {
    font-size: 1.4rem;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._ratingTag_1t572_286 {
    min-width: 60px;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 20px;
    color: rgb(255, 255, 255);
    text-transform: capitalize;
    padding: 3px 0px;
    opacity: 0.7;
    line-height: 100%;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._ratingTag_1t572_286[data-level="AAA"],
div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._ratingTag_1t572_286[data-level="AA"],
div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._ratingTag_1t572_286[data-level="A"] {
    background-color: rgb(50, 184, 59);
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._ratingTag_1t572_286[data-level="BBB"],
div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._ratingTag_1t572_286[data-level="BB"],
div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._ratingTag_1t572_286[data-level="B"] {
    background-color: rgb(76, 182, 184);
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._ratingTag_1t572_286[data-level="CCC"],
div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._ratingTag_1t572_286[data-level="CC"],
div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._ratingTag_1t572_286[data-level="C"] {
    background-color: rgb(239, 153, 78);
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._ratingTag_1t572_286[data-level="D"] {
    background-color: rgb(248, 104, 93);
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._productDropdown_1t572_309 {
    display: flex;
    flex-direction: row;
    box-shadow: rgba(50, 77, 87, 0.07) 0px 4px 7px;
    white-space: normal;
    transition: max-height 0.5s ease-in-out;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-bottom: 16px;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._productDropdown_1t572_309 ._container_1t572_319 {
    display: flex;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._productDropdown_1t572_309 ._container_1t572_319>div:first-child {
    padding: 80px 60px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    display: flex;
    align-items: center;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._productDropdown_1t572_309 ._container_1t572_319>div:last-child {
    max-width: 100%;
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 1.6rem;
    color: rgb(11, 32, 45);
    padding: 30px;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._productDropdown_1t572_309 ._container_1t572_319>div:last-child>strong {
    display: block;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._productDropdown_1t572_309 ._container_1t572_319>div:last-child>strong i {
    color: rgb(255, 87, 41);
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._productDropdown_1t572_309 ._container_1t572_319>div:last-child>div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._productDropdown_1t572_309 ._container_1t572_319>div:last-child>div i {
    color: rgb(50, 77, 87);
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._productDropdown_1t572_309 ._container_1t572_319>div:last-child>div i::before {
    content: "•";
    margin-right: 8px;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._productDropdown_1t572_309 ._container_1t572_319>div:last-child>button {
    margin-left: auto;
    margin-top: auto;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._productDropdown_1t572_309 ._container_1t572_319>div:last-child a {
    color: rgb(255, 87, 41);
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._productDropdown_1t572_309 ._container_1t572_319 img {
    width: 80px;
    height: 80px;
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px;
    object-fit: contain;
    object-position: center center;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._productDropdown_1t572_309 ._solutionInformations_1t572_373 {
    display: flex;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._productDropdown_1t572_309 ._solutionInformations_1t572_373 a {
    align-self: center;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._productDropdown_1t572_309 ._solutionInformations_1t572_373 button {
    padding: 0px;
}

div._page_1t572_108 ._gridContainer_1t572_221 ._grid_1t572_221 ._productDropdown_1t572_309 ._btnGroup_1t572_382 {
    display: flex;
    gap: 20px;
    margin-left: auto;
}

._description_1t572_388 {
    color: rgb(168, 179, 184);
    font-size: 1.4rem;
    line-height: 1.4rem;
}

@keyframes _fadeIn_jfe3v_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_jfe3v_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_jfe3v_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_jfe3v_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_jfe3v_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_jfe3v_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_jfe3v_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_jfe3v_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

i._numberVariation_jfe3v_87 {
    color: red;
    white-space: nowrap;
}

i._numberVariation_jfe3v_87[data-positive="true"] {
    color: rgb(45, 210, 141);
}

i._numberVariation_jfe3v_87[data-positive="true"]::before {
    content: "+";
}

@keyframes _fadeIn_1bd9k_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1bd9k_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1bd9k_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1bd9k_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1bd9k_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1bd9k_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1bd9k_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1bd9k_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._productDropdown_1bd9k_88 {
    display: flex;
    flex-direction: row;
    white-space: normal;
    transition: max-height 0.5s ease-in-out;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    padding-top: 16px;
}

._productDropdown_1bd9k_88 ._container_1bd9k_99 {
    display: flex;
    width: 100%;
    border: 1px solid rgb(255, 151, 122);
    border-radius: 8px;
    padding: 32px;
    gap: 32px;
}

._productDropdown_1bd9k_88 ._container_1bd9k_99 ._image_1bd9k_107 ._currencyIcon_1bd9k_107 {
    width: 70px;
    height: 70px;
    min-width: 70px;
    max-width: 70px;
    min-height: 70px;
    max-height: 70px;
    object-fit: contain;
    object-position: center center;
}

._productDropdown_1bd9k_88 ._container_1bd9k_99 ._informationsContainer_1bd9k_117 {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 1.6rem;
    color: rgb(11, 32, 45);
}

@media only screen and (max-width: 991.98px) {
    ._productDropdown_1bd9k_88 ._container_1bd9k_99 ._informationsContainer_1bd9k_117 {
        padding: 15px;
    }
}

[data-theme="dark"] ._productDropdown_1bd9k_88 ._container_1bd9k_99 ._informationsContainer_1bd9k_117 {
    color: rgb(255, 255, 255);
}

._productDropdown_1bd9k_88 ._container_1bd9k_99 ._informationsContainer_1bd9k_117>strong {
    display: block;
}

._productDropdown_1bd9k_88 ._container_1bd9k_99 ._informationsContainer_1bd9k_117>strong i {
    color: rgb(255, 87, 41);
}

._productDropdown_1bd9k_88 ._container_1bd9k_99 ._informationsContainer_1bd9k_117>div {
    display: flex;
}

._productDropdown_1bd9k_88 ._container_1bd9k_99 ._informationsContainer_1bd9k_117>div i {
    color: rgb(50, 77, 87);
}

._productDropdown_1bd9k_88 ._container_1bd9k_99 ._informationsContainer_1bd9k_117>div i::before {
    content: "•";
    margin-right: 8px;
}

._productDropdown_1bd9k_88 ._container_1bd9k_99 ._informationsContainer_1bd9k_117>button {
    margin-left: auto;
    margin-top: auto;
}

._productDropdown_1bd9k_88 ._container_1bd9k_99 ._informationsContainer_1bd9k_117 a {
    color: rgb(255, 87, 41);
}

._productDropdown_1bd9k_88 ._container_1bd9k_99 ._informationsContainer_1bd9k_117 ._cryptoInformation_1bd9k_157,
._productDropdown_1bd9k_88 ._container_1bd9k_99 ._informationsContainer_1bd9k_117 ._cryptoServices_1bd9k_158 {
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

._productDropdown_1bd9k_88 ._container_1bd9k_99 ._informationsContainer_1bd9k_117 ._cryptoInformation_1bd9k_157 button,
._productDropdown_1bd9k_88 ._container_1bd9k_99 ._informationsContainer_1bd9k_117 ._cryptoServices_1bd9k_158 button {
    font-weight: 600;
    color: rgb(255, 87, 41);
}

[data-theme="dark"] ._productDropdown_1bd9k_88 ._container_1bd9k_99 ._informationsContainer_1bd9k_117 ._cryptoInformation_1bd9k_157 button,
[data-theme="dark"] ._productDropdown_1bd9k_88 ._container_1bd9k_99 ._informationsContainer_1bd9k_117 ._cryptoServices_1bd9k_158 button {
    color: rgb(255, 255, 255);
}

._productDropdown_1bd9k_88 ._container_1bd9k_99 img {
    width: 80px;
    height: 80px;
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px;
    object-fit: contain;
    object-position: center center;
}

._productDropdown_1bd9k_88 ._container_1bd9k_99 ._purchaseButton_1bd9k_182 {
    display: flex;
}

._productDropdown_1bd9k_88 ._container_1bd9k_99 ._purchaseButton_1bd9k_182 button {
    margin-top: auto;
}

._productDropdown_1bd9k_88 ._solutionInformations_1bd9k_188 {
    display: flex;
    font-weight: 700;
    gap: 8px;
}

._productDropdown_1bd9k_88 ._solutionInformations_1bd9k_188 a {
    align-self: center;
}

._productDropdown_1bd9k_88 ._solutionInformations_1bd9k_188 button {
    padding: 0px;
}

._productDropdown_1bd9k_88 ._btnGroup_1bd9k_199 {
    display: flex;
    gap: 20px;
    margin-left: auto;
}

@keyframes _fadeIn_tdbxd_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_tdbxd_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_tdbxd_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_tdbxd_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_tdbxd_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_tdbxd_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_tdbxd_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_tdbxd_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._currencyInformationModal_tdbxd_87 {
    transition: height 0.3s ease-in-out;
    overflow: hidden;
    background-color: rgb(252, 251, 247) !important;
    min-width: 60% !important;
    max-width: 60% !important;
}

@media only screen and (max-width: 991.98px) {
    div._currencyInformationModal_tdbxd_87 {
        min-width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
    }
}

div._currencyInformationModal_tdbxd_87 ._wrapper_tdbxd_100 {
    overflow: hidden;
}

div._currencyInformationModal_tdbxd_87 ._wrapper_tdbxd_100 ._pages_tdbxd_103 {
    display: flex;
    transition: transform 0.5s;
    max-height: calc(-192px + 100vh);
}

div._currencyInformationModal_tdbxd_87 ._wrapper_tdbxd_100 ._pages_tdbxd_103 ._page_tdbxd_103 {
    flex: 0 0 100%;
    width: 100%;
    overflow-y: auto;
}

div._currencyInformationModal_tdbxd_87 ul._menu_tdbxd_113 {
    display: inline-flex;
    gap: 16px;
    flex-wrap: nowrap;
    scrollbar-width: none;
    margin-bottom: 16px;
    min-height: 38px;
    overflow-x: auto;
    max-width: 100%;
}

div._currencyInformationModal_tdbxd_87 ul._menu_tdbxd_113>li {
    cursor: pointer;
    transition: 0.2s;
    padding: 11px 16px;
    white-space: nowrap;
    font-family: Matter, sans-serif;
    font-weight: 500;
    border-radius: 25px;
    background: rgb(255, 255, 255);
    line-height: 16px;
    color: rgb(255, 87, 41);
}

[data-theme="dark"] div._currencyInformationModal_tdbxd_87 ul._menu_tdbxd_113>li {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgb(255, 87, 41);
}

div._currencyInformationModal_tdbxd_87 ul._menu_tdbxd_113>li._active_tdbxd_142,
div._currencyInformationModal_tdbxd_87 ul._menu_tdbxd_113>li:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 87, 41) !important;
}

div._currencyInformationModal_tdbxd_87 div._actions_tdbxd_146 {
    margin-top: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

div._currencyInformationModal_tdbxd_87 div._tradingViewWidget_tdbxd_154 {
    height: 60vh;
    margin-top: 16px;
}

div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 44px;
    margin-bottom: 16px;
}

div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 ._centered_tdbxd_165 {
    display: flex;
    align-items: center;
}

div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 i._rank_tdbxd_169 {
    background-color: rgb(235, 236, 244);
    border-radius: 16px;
    padding: 0px 4px;
}

[data-theme="dark"] div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 i._rank_tdbxd_169 {
    background-color: rgba(4, 24, 37, 0.25);
}

div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 div._currencyName_tdbxd_178 {
    flex: 1 1 0%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 div._currencyName_tdbxd_178 img._icon_tdbxd_185 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 div._currencyName_tdbxd_178 ._numberVariation_tdbxd_195 {
    display: flex;
    flex-flow: row;
    gap: 4px;
}

div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 div._currencyName_tdbxd_178>div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
    text-align: left;
    padding-left: 8px;
}

div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 div._currencyName_tdbxd_178>div span {
    font-weight: 600;
    color: rgb(50, 77, 87);
    font-size: 1.4rem;
}

[data-theme="dark"] div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 div._currencyName_tdbxd_178>div span {
    color: rgb(255, 255, 255);
}

div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 div._currencyName_tdbxd_178>div span._price_tdbxd_218 {
    color: rgb(0, 0, 0);
    font-size: 1.6rem;
}

[data-theme="dark"] div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 div._currencyName_tdbxd_178>div span._price_tdbxd_218 {
    color: rgb(255, 255, 255);
}

div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 div._currencyName_tdbxd_178>div>div {
    font-size: 1.2rem;
}

div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 div._currencyMarket_tdbxd_229 {
    flex: 1 1 0%;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    gap: 8px;
    font-size: 1.2rem;
    text-align: left;
}

div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 div._currencyMarket_tdbxd_229 span {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    align-items: center;
    white-space: nowrap;
    gap: 8px 16px;
}

div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 div._currencyMarket_tdbxd_229 span>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

div._currencyInformationModal_tdbxd_87 div._tradingView_tdbxd_154 div._currencyMarket_tdbxd_229 b {
    font-weight: 600;
}

div._currencyInformationModal_tdbxd_87 div._articles_tdbxd_256 {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

div._currencyInformationModal_tdbxd_87 div._panel_tdbxd_262 {
    text-align: left;
    background-color: rgb(255, 255, 255);
    border-radius: 16px;
    padding: 16px;
}

[data-theme="dark"] div._currencyInformationModal_tdbxd_87 div._panel_tdbxd_262 {
    background-color: rgba(4, 24, 37, 0.25);
    color: rgb(255, 255, 255);
}

div._currencyInformationModal_tdbxd_87 div._resources_tdbxd_273 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div._currencyInformationModal_tdbxd_87 div._resources_tdbxd_273 ._currencyCategories_tdbxd_278 strong {
    display: block;
    font-family: Matter;
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 8px;
}

div._currencyInformationModal_tdbxd_87 div._resources_tdbxd_273 ._currencyCategories_tdbxd_278 p {
    display: flex;
    gap: 8px 12px;
    flex-wrap: wrap;
}

div._currencyInformationModal_tdbxd_87 div._resources_tdbxd_273 div._top_tdbxd_290 strong {
    display: block;
    font-family: Matter;
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 8px;
}

div._currencyInformationModal_tdbxd_87 div._resources_tdbxd_273 div._top_tdbxd_290 p {
    font-size: 1.2rem;
    line-height: 160%;
}

div._currencyInformationModal_tdbxd_87 div._resources_tdbxd_273 div._categories_tdbxd_301 {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

div._currencyInformationModal_tdbxd_87 div._resources_tdbxd_273 div._category_tdbxd_306 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

div._currencyInformationModal_tdbxd_87 div._resources_tdbxd_273 div._category_tdbxd_306 strong {
    font-family: Matter;
    font-weight: 500;
    font-size: 1.4rem;
}

div._currencyInformationModal_tdbxd_87 div._resources_tdbxd_273 div._category_tdbxd_306 ul {
    display: flex;
    flex-flow: wrap;
    gap: 8px;
}

div._currencyInformationModal_tdbxd_87 div._resources_tdbxd_273 div._category_tdbxd_306 ul a {
    border-radius: 16px;
    padding: 3px 8px;
    font-size: 1.4rem;
    color: rgb(50, 77, 87);
    background-color: rgba(216, 218, 223, 0.15);
    border: 1px solid rgb(235, 236, 244);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

[data-theme="dark"] div._currencyInformationModal_tdbxd_87 div._resources_tdbxd_273 div._category_tdbxd_306 ul a {
    border-color: rgba(4, 24, 37, 0.25);
    color: rgb(255, 255, 255);
}

div._currencyInformationModal_tdbxd_87 div._resources_tdbxd_273 div._category_tdbxd_306 ul a img {
    width: 15px;
    height: 15px;
    min-width: 15px;
    max-width: 15px;
    min-height: 15px;
    max-height: 15px;
    object-fit: contain;
    object-position: center center;
}

div._currencyInformationModal_tdbxd_87 ._categoryList_tdbxd_349 {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    min-width: 100%;
    gap: 8px;
}

div._currencyInformationModal_tdbxd_87 ._categoryList_tdbxd_349 i._category_tdbxd_306 {
    background-color: rgb(235, 236, 244);
    border-radius: 4px;
    padding: 8px;
    font-size: 1.2rem;
    line-height: 1.3rem;
}

[data-theme="dark"] div._currencyInformationModal_tdbxd_87 ._categoryList_tdbxd_349 i._category_tdbxd_306 {
    background-color: rgba(4, 24, 37, 0.25);
}

div._projectInformation_tdbxd_368 {
    flex: 1 1 0%;
    background-color: rgb(255, 255, 255);
    border-radius: 16px;
    padding: 16px;
    text-align: left;
    line-height: 160%;
}

[data-theme="dark"] div._projectInformation_tdbxd_368 {
    background-color: rgba(4, 24, 37, 0.25);
    color: rgb(255, 255, 255);
}

div._projectInformation_tdbxd_368>a {
    color: rgb(255, 87, 41);
    font-weight: 600;
}

div._projectInformation_tdbxd_368 strong,
div._projectInformation_tdbxd_368 h2,
div._projectInformation_tdbxd_368 h3 {
    font-weight: 600;
}

div._projectInformation_tdbxd_368 em {
    font-style: italic;
}

div._projectInformation_tdbxd_368 img {
    max-width: 100%;
    object-fit: contain;
}

div._projectInformation_tdbxd_368 h1 {
    font-size: 2.4rem;
    line-height: 2.4rem;
}

div._projectInformation_tdbxd_368 h2 {
    font-size: 2rem;
}

div._projectInformation_tdbxd_368 h3 {
    font-size: 1.8rem;
}

div._projectInformation_tdbxd_368 div.button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

div._projectInformation_tdbxd_368 div.button a {
    cursor: pointer;
    transition: 0.2s;
    padding: 11px 16px;
    white-space: nowrap;
    font-family: Matter, sans-serif;
    color: rgb(255, 87, 41);
    font-weight: 500;
    border-radius: 25px;
    background-color: rgb(255, 87, 41);
    line-height: 16px;
}

div._projectInformation_tdbxd_368 div.button a:hover {
    background-color: rgb(255, 255, 255);
}

@keyframes _loading_tbp7t_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._serviceTags_tbp7t_14 {
    display: flex;
    gap: 8px;
    flex-direction: row;
    align-items: center;
    font-weight: 400;
}

@media only screen and (max-width: 767.98px) {
    ._serviceTags_tbp7t_14 {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
}

._serviceTags_tbp7t_14 ._tag_tbp7t_28 {
    font-size: 1.4rem;
    border: 1px solid rgb(255, 151, 122);
    border-radius: 20px;
    color: rgb(255, 151, 122);
}

._serviceTags_tbp7t_14 ._tag_tbp7t_28::first-letter {
    text-transform: capitalize;
}

._serviceTags_tbp7t_14 ._tag_tbp7t_28 {
    padding: 3px 8px;
    gap: 5px;
}

@media only screen and (max-width: 767.98px) {
    ._serviceTags_tbp7t_14 ._tag_tbp7t_28 {
        line-height: 100%;
    }
}

@keyframes _fadeIn_7hyen_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_7hyen_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_7hyen_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_7hyen_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_7hyen_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_7hyen_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_7hyen_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_7hyen_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._dropdownItem_7hyen_87 {
    font-weight: 400;
}

div div._actions_7hyen_91 {
    display: flex;
    column-gap: 8px;
    margin-left: auto;
}

div div._actions_7hyen_91>div {
    cursor: default;
}

div div._actions_7hyen_91 ._dropdownTrigger_7hyen_99 {
    rotate: 90deg;
    z-index: 8;
    color: rgb(168, 179, 184);
}

div div._actions_7hyen_91 ._dropdownTrigger_7hyen_99 svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

div div._actions_7hyen_91 button {
    display: flex;
    justify-content: center;
    line-height: 100%;
}

div div._actions_7hyen_91 button._buttonContainer_7hyen_119 {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 700;
    white-space: nowrap;
}

div div._actions_7hyen_91 button._buttonContainer_7hyen_119 svg {
    color: rgb(255, 151, 122);
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

div div._actions_7hyen_91 button._buttonContainer_7hyen_119:disabled {
    color: rgb(168, 179, 184);
    cursor: default;
    pointer-events: none;
}

div div._actions_7hyen_91 button._buttonContainer_7hyen_119:disabled svg {
    color: rgb(168, 179, 184);
}

div div._actions_7hyen_91 button._buttonContainer_7hyen_119:hover {
    opacity: 0.7;
}

@keyframes _fadeIn_i081u_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_i081u_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_i081u_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_i081u_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_i081u_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_i081u_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_i081u_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_i081u_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._watchlistModal_i081u_87>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

._watchlistModal_i081u_87 ._illustration_i081u_93 {
    max-width: 312px;
}

._watchlistModal_i081u_87 ._footer_i081u_96 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

@keyframes _loading_hwux7_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._featurePromotions_hwux7_14 {
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin-bottom: 24px;
    overflow-y: auto;
}

@media only screen and (max-width: 991.98px) {
    ._featurePromotions_hwux7_14 {
        flex-wrap: wrap;
    }
}

._featurePromotion_hwux7_14 {
    aspect-ratio: 13 / 6;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    flex: 1 1 0%;
    max-height: 200px;
    min-width: 265px;
}

._featurePromotion_hwux7_14 ._backgroundImage_hwux7_36 {
    object-fit: cover;
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease-in-out;
}

._featurePromotion_hwux7_14 ._content_hwux7_47 {
    position: absolute;
    inset: 8px;
    border-radius: 8px;
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.05);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: rgb(255, 255, 255);
    backdrop-filter: blur(2px);
}

._featurePromotion_hwux7_14 ._content_hwux7_47 ._title_hwux7_63 {
    width: 100%;
    text-align: start;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1;
}

._featurePromotion_hwux7_14 ._content_hwux7_47 ._ctaText_hwux7_70 {
    font-weight: 500;
    font-family: Matter;
    font-size: 1.6rem;
    line-height: 1;
    text-align: end;
    margin-left: 10%;
}

._featurePromotion_hwux7_14 ._content_hwux7_47 ._ctaText_hwux7_70 ._ctaTextSuffix_hwux7_78 {
    white-space: nowrap;
}

._featurePromotion_hwux7_14 ._content_hwux7_47 ._ctaText_hwux7_70 ._ctaIcon_hwux7_81 {
    display: inline-block;
    vertical-align: baseline;
    margin-left: 2px;
    height: 0.8em;
}

._featurePromotion_hwux7_14 ._content_hwux7_47 ._ctaText_hwux7_70 ._ctaIcon_hwux7_81 path {
    transform: scale(1.2);
    transform-origin: center top;
}

@media only screen and (max-width: 1199.98px) {
    ._featurePromotion_hwux7_14 ._content_hwux7_47 ._title_hwux7_63 {
        font-size: 1.4rem;
    }

    ._featurePromotion_hwux7_14 ._content_hwux7_47 ._ctaText_hwux7_70 {
        font-size: 1.6rem;
    }
}

._featurePromotion_hwux7_14:hover ._backgroundImage_hwux7_36 {
    transform: scale(1.05);
}

@keyframes _fadeIn_1i2tb_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1i2tb_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1i2tb_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1i2tb_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1i2tb_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1i2tb_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1i2tb_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1i2tb_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._documentsList_1i2tb_87 {
    display: flex;
    flex-direction: column;
    max-height: 70vh;
    overflow-y: auto;
}

._documentsList_1i2tb_87 ._emptyList_1i2tb_93 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

._userName_1i2tb_99 {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 20px;
    margin-left: 20px;
}

._document_1i2tb_87 {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid rgb(235, 236, 244);
    padding: 8px;
}

._document_1i2tb_87:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

._document_1i2tb_87 ._documentDate_1i2tb_117 {
    color: rgb(168, 179, 184);
    width: 120px;
}

._document_1i2tb_87 ._documentInfos_1i2tb_121 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

._document_1i2tb_87 ._documentInfos_1i2tb_121 ._documentNumber_1i2tb_127 {
    color: rgb(255, 87, 41);
}

._document_1i2tb_87 button {
    margin-left: auto;
}

._document_1i2tb_87 button svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _fadeIn_9voiu_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_9voiu_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_9voiu_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_9voiu_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_9voiu_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_9voiu_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_9voiu_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_9voiu_93 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._page_9voiu_87 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 150px;
}

div._page_9voiu_87 ._loadingBlocks_9voiu_93 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

div._page_9voiu_87 ._loadingBlocks_9voiu_93>div {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

div._page_9voiu_87 ._loadingBlocks_9voiu_93 ._quarterBlock_9voiu_103 div {
    min-width: calc(25% - 18px);
    max-width: calc(25% - 18px);
    height: 80px;
}

div._page_9voiu_87 ._loadingBlocks_9voiu_93 ._halfBlock_9voiu_108 div {
    min-width: calc(50% - 12px);
    max-width: calc(50% - 12px);
    height: 400px;
}

div._page_9voiu_87 ._headerWalletBalance_9voiu_113 {
    margin-bottom: 16px;
}

@media only screen and (min-width: 576px) {
    div._page_9voiu_87 ._headerWalletBalance_9voiu_113 {
        margin-top: 0px;
    }
}

div._page_9voiu_87 ._sectionHeader_9voiu_121 {
    display: flex;
    flex-direction: row;
    align-items: end;
    gap: 16px;
}

div._page_9voiu_87 ._sectionHeader_9voiu_121 ._buttonGroup_9voiu_127 {
    margin-left: auto;
    display: flex;
    gap: 16px;
}

@media only screen and (max-width: 767.98px) {
    div._page_9voiu_87 ._sectionHeader_9voiu_121 ._buttonGroup_9voiu_127 {
        flex-wrap: wrap;
        gap: 8px;
    }

    div._page_9voiu_87 ._sectionHeader_9voiu_121 ._buttonGroup_9voiu_127>button {
        flex: 1 1 0%;
    }
}

@media only screen and (max-width: 991.98px) {
    div._page_9voiu_87 ._sectionHeader_9voiu_121 {
        flex-wrap: wrap;
    }

    div._page_9voiu_87 ._sectionHeader_9voiu_121 ._userSelector_9voiu_145 {
        min-width: 100%;
    }
}

._cardsAndChart_9voiu_150 {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 24px;
    padding: 16px 0px;
}

._cardsAndChart_9voiu_150>* {
    min-width: 0px;
}

._cardsAndChart_9voiu_150> :first-child {
    flex: 0 1 auto;
    align-self: stretch;
}

._cardsAndChart_9voiu_150> :last-child {
    flex: 1 1 0%;
    align-self: stretch;
}

@media only screen and (max-width: 1199.98px) {
    ._cardsAndChart_9voiu_150 {
        flex-direction: column;
    }

    ._cardsAndChart_9voiu_150> :first-child,
    ._cardsAndChart_9voiu_150> :last-child {
        flex: 0 1 auto;
        width: 100%;
    }
}

@keyframes _fadeIn_e2gzb_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_e2gzb_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_e2gzb_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_e2gzb_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_e2gzb_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_e2gzb_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_e2gzb_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_e2gzb_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._personalInformations_e2gzb_87 {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] div._personalInformations_e2gzb_87 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

div._personalInformations_e2gzb_87 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div._personalInformations_e2gzb_87 strong {
    font-weight: 600;
}

div._personalInformations_e2gzb_87 strong a {
    color: rgb(255, 87, 41);
}

div._personalInformations_e2gzb_87 strong a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

div._personalInformations_e2gzb_87 strong._title_e2gzb_112 {
    color: rgb(50, 77, 87);
}

[data-theme="dark"] div._personalInformations_e2gzb_87 strong._title_e2gzb_112 {
    color: rgb(255, 255, 255);
}

div._personalInformations_e2gzb_87>div {
    display: flex;
    flex-flow: wrap;
    gap: 8px 60px;
}

div._infoCards_e2gzb_126 {
    margin-bottom: 24px;
    display: flex;
    flex-flow: wrap;
    gap: 16px;
}

div._infoCards_e2gzb_126>* {
    flex: 1 1 0%;
    min-width: 235px;
}

p._disclaimer_e2gzb_138 {
    font-size: 1.4rem;
}

[data-theme="dark"] p._disclaimer_e2gzb_138 {
    color: rgb(168, 179, 184);
}

p._disclaimer_e2gzb_138 {
    margin-bottom: 8px;
}

@keyframes _fadeIn_ce35h_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_ce35h_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_ce35h_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_ce35h_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_ce35h_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_ce35h_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_ce35h_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_ce35h_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._infoCard_ce35h_87 {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] div._infoCard_ce35h_87 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

div._infoCard_ce35h_87 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: rgb(11, 32, 45);
    font-weight: 600;
    padding: 16px;
}

div._infoCard_ce35h_87 strong {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: rgb(50, 77, 87);
}

[data-theme="dark"] div._infoCard_ce35h_87 strong {
    color: rgb(255, 255, 255);
}

div._infoCard_ce35h_87 strong svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _fadeIn_d0r05_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_d0r05_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_d0r05_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_d0r05_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_d0r05_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_d0r05_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_d0r05_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_d0r05_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._retrocessionsChart_d0r05_88 {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] div._retrocessionsChart_d0r05_88 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

div._retrocessionsChart_d0r05_88 div._chart_d0r05_100 {
    position: relative;
    aspect-ratio: 3 / 1;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-width: 0px;
}

div._retrocessionsChart_d0r05_88 div._chart_d0r05_100 div:first-child {
    align-self: start;
    min-width: 120px;
}

div._retrocessionsChart_d0r05_88 div._chart_d0r05_100 canvas {
    min-width: 100%;
    max-width: 100%;
    cursor: pointer;
}

._emptyBlock_d0r05_118 {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    text-align: center;
    color: rgb(168, 179, 184);
}

._emptyBlock_d0r05_118 svg {
    margin: auto auto 15px;
}

._textWithIcon_d0r05_130 {
    font-size: 2.4rem !important;
    margin-bottom: 16px;
}

._legends_d0r05_135 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

@media only screen and (max-width: 767.98px) {
    ._legends_d0r05_135 {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

._legends_d0r05_135 span {
    padding-left: 16px;
    line-height: 1.6rem;
}

._legends_d0r05_135 span::before {
    content: "•";
    font-size: 3rem;
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translate(80%, -75%);
}

._legends_d0r05_135 span:nth-child(1)::before {
    color: rgb(255, 89, 43);
}

._legends_d0r05_135 span:nth-child(2)::before {
    color: rgb(255, 142, 43);
}

._legends_d0r05_135 span:nth-child(3)::before {
    color: rgba(255, 142, 42, 0.5);
}

._availableYears_d0r05_171 {
    align-self: flex-end;
}

._availableYears_d0r05_171 div>div>div {
    padding: 5px 14px;
}

@keyframes _fadeIn_1i5rt_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1i5rt_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1i5rt_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1i5rt_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1i5rt_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1i5rt_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1i5rt_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1i5rt_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._kyc_1i5rt_87 {
    display: inline-block;
}

._kyc_1i5rt_87>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

._bold_1i5rt_97 {
    font-weight: 600;
}

._loader_1i5rt_101 {
    display: flex;
    align-items: center;
    justify-content: center;
}

._loader_1i5rt_101 ._loaderItem_1i5rt_106 {
    height: 40px;
    width: 40px;
}

._nowrap_1i5rt_111 {
    white-space: nowrap;
}

._userInformations_1i5rt_115 {
    display: flex;
    flex-direction: column;
}

._userInformations_1i5rt_115 i {
    color: rgb(255, 87, 41);
}

._textRight_1i5rt_123 {
    text-align: right !important;
}

._thead_1i5rt_127 {
    top: -1px;
}

@keyframes _fadeIn_xtf0h_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_xtf0h_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_xtf0h_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_xtf0h_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_xtf0h_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_xtf0h_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_xtf0h_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_xtf0h_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._emptyClient_xtf0h_87 {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] div._emptyClient_xtf0h_87 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

div._emptyClient_xtf0h_87 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: rgb(11, 32, 45);
}

div._emptyClient_xtf0h_87 div._code_xtf0h_103 {
    align-self: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

div._emptyClient_xtf0h_87 strong {
    color: rgb(50, 77, 87);
    font-weight: 600;
}

[data-theme="dark"] div._emptyClient_xtf0h_87 strong {
    color: rgb(255, 255, 255);
}

div._emptyClient_xtf0h_87 strong svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _fadeIn_12nc0_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_12nc0_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_12nc0_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_12nc0_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_12nc0_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_12nc0_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_12nc0_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_12nc0_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._summaryGraphs_12nc0_87 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-bottom: 24px;
}

@media only screen and (max-width: 767.98px) {
    div._summaryGraphs_12nc0_87 {
        flex-direction: column;
    }
}

div._graphContainer_12nc0_99 {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] div._graphContainer_12nc0_99 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

div._graphContainer_12nc0_99 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: calc(50% - 8px);
    max-width: calc(50% - 8px);
}

@media only screen and (max-width: 767.98px) {
    div._graphContainer_12nc0_99 {
        min-width: 100%;
        max-width: 100%;
    }
}

._availableYears_12nc0_123 {
    max-width: 90px;
    min-width: 90px;
    align-self: flex-end;
}

._availableYears_12nc0_123 div>div>div {
    padding: 5px 14px;
}

._textWithIcon_12nc0_132 {
    white-space: nowrap;
    text-overflow: clip;
    overflow: hidden;
    font-size: 2.4rem !important;
}

._textWithIcon_12nc0_132 svg {
    max-width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
}

@keyframes _fadeIn_1x0si_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1x0si_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1x0si_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1x0si_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1x0si_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1x0si_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1x0si_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1x0si_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._userSelector_1x0si_87 {
    max-width: 350px;
    width: 350px;
}

._option_1x0si_92 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-weight: 400;
}

._option_1x0si_92 i {
    color: rgb(255, 87, 41);
}

@keyframes _fadeIn_lugge_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_lugge_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_lugge_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_lugge_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_lugge_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_lugge_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_lugge_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_lugge_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._surveyModal_lugge_87 {
    min-width: min(800px, 100%) !important;
    max-width: min(800px, 100%) !important;
}

._beneficiary_lugge_92 {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

._beneficiary_lugge_92 ._beneficiariesTitle_lugge_97 {
    margin-bottom: 20px;
}

._userNameSection_lugge_101 {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767.98px) {
    ._userNameSection_lugge_101 {
        flex-direction: column;
        gap: 8px;
    }
}

._userNameSection_lugge_101 ._userName_lugge_101 {
    display: flex;
    align-items: center;
    gap: 5px;
}

._userNameSection_lugge_101 ._btnGroup_lugge_118 {
    display: flex;
    margin-left: auto;
    gap: 5px;
}

@media only screen and (max-width: 767.98px) {
    ._userNameSection_lugge_101 ._btnGroup_lugge_118 {
        margin-left: unset;
    }
}

._userNameSection_lugge_101 ._btnGroup_lugge_118 button[data-active="true"] {
    background-color: rgb(255, 87, 41);
    border-color: rgb(255, 87, 41);
    color: rgb(255, 255, 255);
}

._survey_lugge_87 {
    display: flex;
    flex-direction: column;
    max-height: 70vh;
    overflow-y: auto;
    padding-right: 8px;
    margin-right: -8px;
    scrollbar-width: none;
}

._survey_lugge_87 ._line_lugge_143 {
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid rgb(242, 242, 242);
    padding-top: 16px;
    padding-bottom: 16px;
    color: rgb(51, 51, 51);
    justify-content: space-between;
}

@media only screen and (max-width: 767.98px) {
    ._survey_lugge_87 ._line_lugge_143 {
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 0px;
        justify-content: stretch;
    }
}

[data-theme="dark"] ._survey_lugge_87 ._line_lugge_143 {
    color: rgb(255, 255, 255);
}

._survey_lugge_87 ._line_lugge_143>._title_lugge_166 {
    max-width: 75%;
}

@media only screen and (max-width: 767.98px) {
    ._survey_lugge_87 ._line_lugge_143>._title_lugge_166 {
        max-width: unset;
    }
}

._survey_lugge_87 ._line_lugge_143>._title_lugge_166>span {
    font-weight: 400;
    color: rgb(153, 153, 153);
}

._risky_lugge_179 {
    font-size: 1.2rem;
    text-align: left;
    display: flex;
    margin-top: 16px;
}

@keyframes _loading_17h4z_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._assetsReportModal_17h4z_14>div {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 16px;
}

._assetsReportModal_17h4z_14>div ._buttons_17h4z_20 {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 16px;
}

._assetsReportModal_17h4z_14>div ._buttons_17h4z_20 button {
    color: rgb(255, 151, 122);
}

[data-theme="dark"] ._assetsReportModal_17h4z_14>div ._buttons_17h4z_20 button {
    color: rgb(255, 151, 122);
}

._assetsReportModal_17h4z_14>div ._tableEmptyContent_17h4z_33 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@keyframes _loading_1w5u5_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._datePickerSection_1w5u5_9 {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin-top: 8px;
    margin-bottom: 32px;
}

._reportExplanation_1w5u5_19 {
    gap: 8px;
    text-align: left;
    display: flex;
    flex-direction: column;
}

._reportExplanation_1w5u5_19 ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-left: 20px;
}

._reportExplanation_1w5u5_19 ul li {
    list-style: disc;
}

._reportExplanation_1w5u5_19 ul li strong {
    font-weight: 700;
}

._generateReportButton_1w5u5_38 {
    margin-top: 32px;
    text-align: center;
}

@keyframes _fadeIn_lr40x_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_lr40x_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_lr40x_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_lr40x_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_lr40x_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_lr40x_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_lr40x_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_lr40x_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._datePickerInput_lr40x_87 {
    color: rgb(168, 179, 184);
    background-color: transparent;
    border: 1px solid rgb(216, 218, 223);
    font-size: 1.4rem;
    border-radius: 6px;
    padding: 10px;
    font-family: Matter;
    cursor: pointer;
}

[data-theme="dark"] ._datePickerInput_lr40x_87 {
    border-color: rgb(168, 179, 184);
}

._datePickerInput_lr40x_87::-webkit-calendar-picker-indicator {
    filter: invert(75%) sepia(9%) saturate(259%) hue-rotate(154deg) brightness(92%) contrast(95%);
}

._datePickerInput_lr40x_87:hover {
    color: rgb(255, 87, 41);
}

._datePickerInput_lr40x_87:hover::-webkit-calendar-picker-indicator {
    filter: invert(61%) sepia(47%) saturate(6833%) hue-rotate(340deg) brightness(99%) contrast(105%);
}

@keyframes _loading_zf0a8_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._infoCards_zf0a8_14 {
    display: flex;
    flex-flow: column wrap;
    gap: 16px;
}

div._infoCards_zf0a8_14>* {
    flex: 1 1 0%;
    min-width: 320px;
}

@media only screen and (max-width: 1199.98px) {
    div._infoCards_zf0a8_14 {
        flex-direction: row;
    }
}

@keyframes _fadeIn_oalu2_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_oalu2_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_oalu2_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_oalu2_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_oalu2_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_oalu2_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_oalu2_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_oalu2_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._customerValuationChart_oalu2_87 {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] ._customerValuationChart_oalu2_87 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

._customerValuationChart_oalu2_87 {
    padding: 16px;
}

@keyframes _loading_a4faj_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._customerHoldingsTable_a4faj_14 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

._customerHoldingsTable_a4faj_14 ._currencyName_a4faj_19 i {
    margin-left: 0px;
}

._customerHoldingsTable_a4faj_14 ._valuationLine_a4faj_22 span {
    max-width: fit-content;
}

._customerHoldingsTable_a4faj_14 ._loader_a4faj_25 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 75px;
}

._customerHoldingsTable_a4faj_14 ._loader_a4faj_25 ._loaderItem_a4faj_31 {
    height: 40px;
    width: 40px;
}

._customerHoldingsTable_a4faj_14 ._title_a4faj_35>span {
    font-size: 2.6rem !important;
}

._customerHoldingsTable_a4faj_14 ._title_a4faj_35>span svg {
    width: 35px;
    height: 35px;
    min-width: 35px;
    max-width: 35px;
    min-height: 35px;
    max-height: 35px;
    object-fit: contain;
    object-position: center center;
}

._customerHoldingsTable_a4faj_14 ._valuation_a4faj_22 {
    display: flex;
    flex-direction: row;
    gap: 3px;
    white-space: nowrap;
}

._customerHoldingsTable_a4faj_14 ._inlineTooltip_a4faj_54 {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    margin: -4px -8px;
}

@keyframes _fadeIn_kpql0_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_kpql0_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_kpql0_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_kpql0_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_kpql0_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_kpql0_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_kpql0_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_kpql0_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._amountWithVariation_kpql0_87 {
    margin-bottom: 24px;
}

._selectedSubAccountLayout_kpql0_91 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

._cardsAndChart_kpql0_97 {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 24px;
    padding: 16px 0px;
}

._cardsAndChart_kpql0_97>* {
    min-width: 0px;
}

._cardsAndChart_kpql0_97> :first-child {
    flex: 0 1 auto;
    align-self: stretch;
}

._cardsAndChart_kpql0_97> :last-child {
    flex: 1 1 0%;
    align-self: stretch;
    height: auto;
}

@media only screen and (max-width: 1199.98px) {
    ._cardsAndChart_kpql0_97 {
        flex-direction: column;
    }

    ._cardsAndChart_kpql0_97> :first-child,
    ._cardsAndChart_kpql0_97> :last-child {
        flex: 0 1 auto;
        width: 100%;
    }
}

._mandateStrategiesPage_kpql0_127 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 1120px;
    align-self: center;
    padding: 24px 0px;
}

._mandateStrategiesPage_kpql0_127 ._mandateStrategies_kpql0_127 {
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding: 8px;
}

._mandateStrategiesPage_kpql0_127 ._mandateStrategies_kpql0_127 ._strategyCard_kpql0_142 {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    padding: 24px;
    gap: 24px;
    border-radius: 16px;
    background-color: rgb(252, 251, 247);
}

._mandateStrategiesPage_kpql0_127 ._mandateStrategies_kpql0_127 ._strategyCard_kpql0_142:hover {
    box-shadow: rgba(50, 77, 87, 0.07) 0px 4px 30px;
    transform: scale(1.02);
}

[data-theme="dark"] ._mandateStrategiesPage_kpql0_127 ._mandateStrategies_kpql0_127 ._strategyCard_kpql0_142 {
    background-color: rgb(30, 36, 57);
}

._mandateStrategiesPage_kpql0_127 ._mandateStrategies_kpql0_127 ._strategyCard_kpql0_142 img {
    width: 100%;
    max-height: 150px;
    object-fit: contain;
}

._mandateStrategiesPage_kpql0_127 ._mandateStrategies_kpql0_127 ._strategyCard_kpql0_142 ._strategyDetails_kpql0_164 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

._mandateStrategiesPage_kpql0_127 ._mandateStrategies_kpql0_127 ._strategyCard_kpql0_142 ._strategyDetails_kpql0_164 ._strategyDescription_kpql0_169 {
    opacity: 0.9;
    text-align: center;
    padding: 8px;
    font-size: 1.4rem;
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(255, 255, 255, 0.05) 0px 0px 7.8px inset, rgba(255, 255, 255, 0.15) 0px 0.46px 0.46px inset;
}

[data-theme="dark"] ._mandateStrategiesPage_kpql0_127 ._mandateStrategies_kpql0_127 ._strategyCard_kpql0_142 ._strategyDetails_kpql0_164 ._strategyDescription_kpql0_169 {
    color: rgb(235, 236, 244);
    background-color: rgba(255, 255, 255, 0.07);
    border-width: 1px;
    border-style: solid;
    border-color: currentcolor;
    border-image: radial-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%);
}

._mandateStrategiesPage_kpql0_127 ._mandateStrategies_kpql0_127 ._strategyCard_kpql0_142 ._strategyDetails_kpql0_164 ._strategyName_kpql0_185 {
    font-weight: 700;
    color: rgb(255, 87, 41);
    text-align: center;
}

._mandateStrategiesPage_kpql0_127 ._mandateStrategies_kpql0_127 ._strategyCard_kpql0_142 ._strategyDetails_kpql0_164 ul {
    list-style: disc;
    padding-left: 24px;
}

._mandateStrategiesPage_kpql0_127 ._mandateStrategies_kpql0_127 ._strategyCard_kpql0_142 ._strategyDetails_kpql0_164 ul li {
    color: rgb(50, 77, 87);
    line-height: 22px;
    font-size: 1.4rem;
}

[data-theme="dark"] ._mandateStrategiesPage_kpql0_127 ._mandateStrategies_kpql0_127 ._strategyCard_kpql0_142 ._strategyDetails_kpql0_164 ul li {
    color: rgb(235, 236, 244);
}

._mandateStrategiesPage_kpql0_127 ._mandateCharacteristics_kpql0_203 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: rgb(252, 251, 248);
    box-shadow: rgba(50, 77, 87, 0.07) 0px 4px 30px;
    padding: 16px 24px;
    border-radius: 16px;
    margin: 0px 8px;
}

[data-theme="dark"] ._mandateStrategiesPage_kpql0_127 ._mandateCharacteristics_kpql0_203 {
    background-color: rgb(30, 36, 57);
}

._mandateStrategiesPage_kpql0_127 ._mandateCharacteristics_kpql0_203>span {
    color: rgb(50, 77, 87);
}

[data-theme="dark"] ._mandateStrategiesPage_kpql0_127 ._mandateCharacteristics_kpql0_203>span {
    color: rgb(235, 236, 244);
}

._mandateStrategiesPage_kpql0_127 ._mandateCharacteristics_kpql0_203>div {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

._mandateStrategiesPage_kpql0_127 ._mandateCharacteristics_kpql0_203>div span {
    font-size: 1.4rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgb(50, 77, 87);
}

[data-theme="dark"] ._mandateStrategiesPage_kpql0_127 ._mandateCharacteristics_kpql0_203>div span {
    color: rgb(235, 236, 244);
}

._mandateStrategiesPage_kpql0_127 ._mandateCharacteristics_kpql0_203>div span svg {
    color: rgb(45, 210, 141);
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

._mandateStrategiesPage_kpql0_127>p {
    color: rgb(148, 154, 164);
    font-size: 1.4rem;
    margin: 0px 8px;
}

._mandateStrategiesPage_kpql0_127 ._actionButtons_kpql0_256 {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-self: center;
}

._mandateStrategiesPage_kpql0_127 ._actionButtons_kpql0_256>button {
    display: flex;
    align-items: center;
    max-height: 50px;
    min-height: 50px;
}

@media only screen and (max-width: 991.98px) {
    ._mandateStrategiesPage_kpql0_127 ._mandateStrategies_kpql0_127 {
        flex-direction: column;
    }

    ._mandateStrategiesPage_kpql0_127 ._mandateStrategies_kpql0_127,
    ._mandateStrategiesPage_kpql0_127 ._mandateCharacteristics_kpql0_203,
    ._mandateStrategiesPage_kpql0_127 p {
        max-width: 350px;
        align-self: center;
    }

    ._mandateStrategiesPage_kpql0_127 ._mandateCharacteristics_kpql0_203>div {
        flex-direction: column;
        gap: 8px;
    }
}

@keyframes _fadeIn_jbajs_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_jbajs_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_jbajs_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_jbajs_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_jbajs_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_jbajs_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_jbajs_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_jbajs_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._kyc_jbajs_87 {
    display: inline-block;
}

._kyc_jbajs_87>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

._bold_jbajs_97 {
    font-weight: 600;
}

._loader_jbajs_101 {
    display: flex;
    align-items: center;
    justify-content: center;
}

._loader_jbajs_101 ._loaderItem_jbajs_106 {
    height: 40px;
    width: 40px;
}

._nowrap_jbajs_111 {
    white-space: nowrap;
}

._userInformations_jbajs_115 {
    display: flex;
    flex-direction: column;
}

._userInformations_jbajs_115 i {
    color: rgb(255, 87, 41);
}

._textRight_jbajs_123 {
    text-align: right !important;
}

@keyframes _fadeIn_1yvy1_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1yvy1_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1yvy1_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1yvy1_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1yvy1_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1yvy1_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1yvy1_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1yvy1_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._sectionHeader_1yvy1_87 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

._sectionHeader_1yvy1_87 ._buttonGroup_1yvy1_93 {
    margin-left: auto;
}

._sectionHeader_1yvy1_87 ._managerInformations_1yvy1_96 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

._sectionHeader_1yvy1_87 ._managerInformations_1yvy1_96>div {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    color: rgb(168, 179, 184);
}

._sectionHeader_1yvy1_87 ._managerInformations_1yvy1_96>div svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._sectionHeader_1yvy1_87 ._managerInformations_1yvy1_96 a {
    color: rgb(255, 87, 41);
}

@media only screen and (max-width: 991.98px) {
    ._sectionHeader_1yvy1_87 {
        flex-wrap: wrap;
    }
}

._sectionHeader_1yvy1_87 ._dropdown_1yvy1_127 {
    display: none;
    border: 1px solid rgba(235, 236, 244, 0.7);
    border-radius: 16px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
}

._sectionHeader_1yvy1_87 ._dropdown_1yvy1_127[data-opened="true"] {
    position: absolute;
    display: inline-flex;
    flex-direction: column;
    z-index: 100;
    padding: 4px;
    gap: 2px;
    top: 100%;
    margin-top: 8px;
    right: 16px;
}

._sectionHeader_1yvy1_87 ._dropdown_1yvy1_127 ._inlineActionButton_1yvy1_145 {
    width: 100%;
    height: 36px;
    min-width: 100%;
    max-width: 100%;
    min-height: 36px;
    max-height: 36px;
    object-fit: contain;
    object-position: center center;
    padding: 6px 12px;
    gap: 12px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

._sectionHeader_1yvy1_87 ._dropdown_1yvy1_127 ._inlineActionButton_1yvy1_145 svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
    color: rgb(113, 113, 122);
}

._sectionHeader_1yvy1_87 ._dropdown_1yvy1_127 ._inlineActionButton_1yvy1_145 div {
    display: flex;
    flex-direction: column;
    text-align: left;
}

._sectionHeader_1yvy1_87 ._dropdown_1yvy1_127 ._inlineActionButton_1yvy1_145 div strong {
    font-size: 1.4rem;
    font-weight: 500;
    color: rgb(50, 77, 87);
}

[data-theme="dark"] ._sectionHeader_1yvy1_87 ._dropdown_1yvy1_127 ._inlineActionButton_1yvy1_145 div strong {
    color: rgb(255, 255, 255);
}

._sectionHeader_1yvy1_87 ._dropdown_1yvy1_127 ._inlineActionButton_1yvy1_145 div span {
    font-size: 1.2rem;
    color: rgb(113, 113, 122);
}

._sectionHeader_1yvy1_87 ._dropdown_1yvy1_127 ._inlineActionButton_1yvy1_145:hover svg {
    color: rgb(255, 87, 41);
}

._sectionHeader_1yvy1_87 ._dropdown_1yvy1_127 ._inlineActionButton_1yvy1_145:hover div strong,
._sectionHeader_1yvy1_87 ._dropdown_1yvy1_127 ._inlineActionButton_1yvy1_145:hover div span {
    color: rgb(255, 87, 41);
}

[data-theme="dark"] ._sectionHeader_1yvy1_87 ._dropdown_1yvy1_127 {
    border: 1px solid rgb(4, 24, 37);
    background-color: rgb(11, 22, 45);
}

@keyframes _fadeIn_49eiq_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_49eiq_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_49eiq_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_49eiq_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_49eiq_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_49eiq_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_49eiq_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_49eiq_93 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._page_49eiq_87 {
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
    padding: 0px;
}

._page_49eiq_87 ._loadingBlock_49eiq_93 {
    gap: 24px;
    display: flex;
    flex-direction: column;
}

._page_49eiq_87>h1 {
    padding: 16px;
}

._page_49eiq_87 ._selectionSection_49eiq_101 {
    display: flex;
    flex-direction: row;
    padding: 24px 24px 0px;
    gap: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    ._page_49eiq_87 ._selectionSection_49eiq_101 {
        flex-direction: column;
        align-items: flex-end;
    }
}

@media only screen and (max-width: 575.98px) {
    ._page_49eiq_87 ._selectionSection_49eiq_101 {
        padding: 8px 16px;
    }
}

._page_49eiq_87 ._selectionSection_49eiq_101 button[data-active="true"] {
    background-color: rgb(255, 87, 41);
}

._page_49eiq_87 ._selectionSection_49eiq_101 button[data-active="true"] svg path {
    fill: rgb(255, 255, 255);
}

._page_49eiq_87 ._selectionSection_49eiq_101 ul {
    width: max-content;
}

._page_49eiq_87 ._selectionSection_49eiq_101 ._btnGroup_49eiq_127 {
    margin-left: auto;
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    gap: 8px 16px;
    padding-right: 16px;
    width: fit-content;
}

._page_49eiq_87 ._selectionSection_49eiq_101 ._btnGroup_49eiq_127>button {
    flex: 1 1 0%;
}

._page_49eiq_87 ._selectionSection_49eiq_101 ._btnGroup_49eiq_127>button._opened_49eiq_140 svg {
    transform: rotate(180deg);
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    ._page_49eiq_87 ._selectionSection_49eiq_101 ._btnGroup_49eiq_127 {
        margin-left: 0px;
    }
}

._page_49eiq_87 ._selectionSection_49eiq_101 ._btnGroup_49eiq_127 ._dropdown_49eiq_148 {
    display: none;
    border: 1px solid rgba(235, 236, 244, 0.7);
    border-radius: 16px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
}

._page_49eiq_87 ._selectionSection_49eiq_101 ._btnGroup_49eiq_127 ._dropdown_49eiq_148[data-opened="true"] {
    position: absolute;
    display: inline-flex;
    flex-direction: column;
    z-index: 100;
    padding: 4px;
    gap: 2px;
    top: 100%;
    margin-top: 8px;
    right: 16px;
}

._page_49eiq_87 ._selectionSection_49eiq_101 ._btnGroup_49eiq_127 ._dropdown_49eiq_148 ._inlineActionButton_49eiq_166 {
    width: 100%;
    height: 36px;
    min-width: 100%;
    max-width: 100%;
    min-height: 36px;
    max-height: 36px;
    object-fit: contain;
    object-position: center center;
    padding: 6px 12px;
    gap: 12px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

._page_49eiq_87 ._selectionSection_49eiq_101 ._btnGroup_49eiq_127 ._dropdown_49eiq_148 ._inlineActionButton_49eiq_166 svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
    color: rgb(113, 113, 122);
    align-self: flex-start;
}

._page_49eiq_87 ._selectionSection_49eiq_101 ._btnGroup_49eiq_127 ._dropdown_49eiq_148 ._inlineActionButton_49eiq_166 div {
    display: flex;
    flex-direction: column;
    text-align: left;
}

._page_49eiq_87 ._selectionSection_49eiq_101 ._btnGroup_49eiq_127 ._dropdown_49eiq_148 ._inlineActionButton_49eiq_166 div strong {
    font-size: 1.4rem;
    font-weight: 500;
    color: rgb(50, 77, 87);
}

[data-theme="dark"] ._page_49eiq_87 ._selectionSection_49eiq_101 ._btnGroup_49eiq_127 ._dropdown_49eiq_148 ._inlineActionButton_49eiq_166 div strong {
    color: rgb(255, 255, 255);
}

._page_49eiq_87 ._selectionSection_49eiq_101 ._btnGroup_49eiq_127 ._dropdown_49eiq_148 ._inlineActionButton_49eiq_166 div span {
    font-size: 1.2rem;
    color: rgb(113, 113, 122);
}

._page_49eiq_87 ._selectionSection_49eiq_101 ._btnGroup_49eiq_127 ._dropdown_49eiq_148 ._inlineActionButton_49eiq_166:hover svg {
    color: rgb(255, 87, 41);
}

._page_49eiq_87 ._selectionSection_49eiq_101 ._btnGroup_49eiq_127 ._dropdown_49eiq_148 ._inlineActionButton_49eiq_166:hover div strong,
._page_49eiq_87 ._selectionSection_49eiq_101 ._btnGroup_49eiq_127 ._dropdown_49eiq_148 ._inlineActionButton_49eiq_166:hover div span {
    color: rgb(255, 87, 41);
}

[data-theme="dark"] ._page_49eiq_87 ._selectionSection_49eiq_101 ._btnGroup_49eiq_127 ._dropdown_49eiq_148 {
    border: 1px solid rgb(4, 24, 37);
    background-color: rgb(11, 22, 45);
}

._page_49eiq_87 ._historyContainer_49eiq_223 {
    display: flex;
    overflow-x: hidden;
    padding: 24px;
}

._title_49eiq_229 {
    padding-top: 0px;
}

@media only screen and (max-width: 575.98px) {
    ._title_49eiq_229 {
        padding: 10px 15px;
    }
}

@keyframes _fadeIn_2j00n_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_2j00n_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_2j00n_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_2j00n_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_2j00n_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_2j00n_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_2j00n_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_2j00n_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._operationHistory_2j00n_87 {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    flex: 1 1 0%;
    padding: 24px;
    gap: 24px;
    overflow: auto;
}

._operationHistory_2j00n_87::-webkit-scrollbar-track {
    background: rgb(235, 236, 244);
}

._operationHistory_2j00n_87::-webkit-scrollbar-thumb {
    background: rgb(50, 77, 87) !important;
}

._operationHistory_2j00n_87::-webkit-scrollbar-thumb:hover {
    background: rgb(50, 77, 87) !important;
}

@supports not selector(::-webkit-scrollbar) {
    ._operationHistory_2j00n_87 {
        scrollbar-width: auto !important;
        scrollbar-color: rgb(50, 77, 87) rgb(235, 236, 244) !important;
    }
}

[data-theme="dark"] ._operationHistory_2j00n_87::-webkit-scrollbar-track {
    background: rgba(11, 22, 45, 0.2);
}

[data-theme="dark"] ._operationHistory_2j00n_87::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5) !important;
}

@supports not selector(::-webkit-scrollbar) {
    [data-theme="dark"] ._operationHistory_2j00n_87 {
        scrollbar-color: rgba(255, 255, 255, 0.5) rgb(50, 77, 87) !important;
    }
}

@keyframes _fadeIn_g1zvl_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_g1zvl_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_g1zvl_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_g1zvl_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_g1zvl_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_g1zvl_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_g1zvl_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_g1zvl_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._pagination_g1zvl_87 {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: Matter;
}

._pagination_g1zvl_87 button {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.6rem;
    padding: 10px;
}

[data-theme="dark"] ._pagination_g1zvl_87 button {
    color: rgb(168, 179, 184);
}

._pagination_g1zvl_87 button._active_g1zvl_104 {
    color: rgb(255, 87, 41);
}

._pagination_g1zvl_87 button:first-child svg {
    transform: rotate(270deg);
}

._pagination_g1zvl_87 button:last-child svg {
    transform: rotate(90deg);
}

@keyframes _fadeIn_8tpqr_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_8tpqr_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_8tpqr_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_8tpqr_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_8tpqr_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_8tpqr_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_8tpqr_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_8tpqr_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._activitySummary_8tpqr_87 {
    min-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    justify-content: flex-end;
}

._activitySummary_8tpqr_87 ._currencyAmountDetails_8tpqr_95 {
    font-size: 1.4rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    gap: 8px;
}

._activitySummary_8tpqr_87 ._currencyAmountDetails_8tpqr_95 ._amount_8tpqr_103._isFailed_8tpqr_103 b {
    color: red;
}

._activitySummary_8tpqr_87 ._currencyAmountDetails_8tpqr_95 ._amount_8tpqr_103:not(._isFailed_8tpqr_103)._isInflow_8tpqr_106 b {
    color: rgb(45, 210, 141);
}

._activitySummary_8tpqr_87 ._currencyAmountDetails_8tpqr_95 ._arrow_8tpqr_109 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._activitySummary_8tpqr_87 ._currencyAmountDetails_8tpqr_95 ._currencyIcon_8tpqr_119 {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

._activitySummary_8tpqr_87._minimized_8tpqr_129 {
    gap: 4px;
}

@keyframes _fadeIn_i6d59_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_i6d59_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_i6d59_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_i6d59_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_i6d59_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_i6d59_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_i6d59_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_i6d59_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._emptyHistory_i6d59_87 {
    display: flex;
    flex-direction: column;
    text-align: center;
    color: rgb(168, 179, 184);
}

._emptyHistory_i6d59_87 ._flagIcon_i6d59_93 {
    margin: auto auto 15px;
}

._emptyHistory_i6d59_87 button {
    margin: 24px auto auto;
}

@keyframes _fadeIn_2tnrk_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_2tnrk_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_2tnrk_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_2tnrk_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_2tnrk_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_2tnrk_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_2tnrk_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_2tnrk_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._completedOperationTable_2tnrk_87 {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    padding: 24px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 14px 24px;
    border-radius: 16px;
}

._completedOperationTable_2tnrk_87 ._tableCaption_2tnrk_95 {
    color: rgb(50, 77, 87);
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 16px;
}

[data-theme="dark"] ._completedOperationTable_2tnrk_87 ._tableCaption_2tnrk_95 {
    color: rgb(255, 87, 41);
}

._completedOperationTable_2tnrk_87 ._pagination_2tnrk_105 {
    margin: auto;
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 {
    overflow-y: inherit;
    margin-top: 8px;
    padding: 0px;
    border-radius: 15px;
    row-gap: 8px;
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108>div:first-child {
    justify-content: flex-start;
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 ._cellHeader_2tnrk_118 {
    color: rgb(168, 179, 184);
    font-size: 1.4rem;
    font-weight: 700;
    width: 100%;
}

[data-theme="dark"] ._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 ._cellHeader_2tnrk_118 {
    color: rgb(255, 255, 255);
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 ._cellHeader_2tnrk_118:first-child {
    padding-left: 24px;
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 ._cellHeader_2tnrk_118::before {
    border-color: transparent;
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents ._cell_2tnrk_118 {
    align-content: center;
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents ._cell_2tnrk_118:first-child {
    padding-left: 16px;
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents ._cell_2tnrk_118:nth-child(4) {
    justify-content: end;
    padding-right: 16px;
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents ._cell_2tnrk_118 {
    min-height: 56px;
    cursor: pointer;
    color: rgb(50, 77, 87);
    font-size: 1.4rem;
    font-weight: 700;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents ._cell_2tnrk_118 ._operationDetails_2tnrk_152 {
    justify-content: end;
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents ._cell_2tnrk_118 ._status_2tnrk_155 span {
    word-break: normal;
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents:hover ._cell_2tnrk_118:first-child,
._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents ._cell_2tnrk_118:has(._isSelected_2tnrk_159):first-child {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents:hover ._cell_2tnrk_118:nth-child(4),
._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents ._cell_2tnrk_118:has(._isSelected_2tnrk_159):nth-child(4) {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents:hover ._cell_2tnrk_118,
._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents ._cell_2tnrk_118:has(._isSelected_2tnrk_159) {
    background-color: rgb(235, 236, 244);
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents ._cell_2tnrk_118:has(._isSelected_2tnrk_159) {
    background-color: rgba(255, 151, 122, 0.15);
    border-top: 1px solid rgb(255, 151, 122);
    border-bottom: 1px solid rgb(255, 151, 122);
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents ._cell_2tnrk_118:has(._isSelected_2tnrk_159):first-child {
    border-left: 1px solid rgb(255, 151, 122);
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents ._cell_2tnrk_118:has(._isSelected_2tnrk_159):nth-child(4) {
    border-right: 1px solid rgb(255, 151, 122);
}

._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents ._cell_2tnrk_118:has(._isSelected_2tnrk_159)::after {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
}

[data-theme="dark"] ._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents ._cell_2tnrk_118 {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] ._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents:hover ._cell_2tnrk_118 {
    background-color: rgb(4, 24, 37);
}

[data-theme="dark"] ._completedOperationTable_2tnrk_87 ._grid_2tnrk_108 .contents ._cell_2tnrk_118:has(._isSelected_2tnrk_159) {
    background-color: rgba(255, 151, 122, 0.05);
}

._emptyHistory_2tnrk_196 {
    margin-bottom: 32px;
}

@keyframes _fadeIn_1w6ni_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1w6ni_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1w6ni_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1w6ni_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1w6ni_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1w6ni_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1w6ni_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1w6ni_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._depositActionRequired_1w6ni_87 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._failureContainer_1w6ni_93 {
    background-color: rgba(255, 151, 122, 0.1);
    border-radius: 8px;
    padding: 8px 16px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    gap: 12px;
}

._failureContainer_1w6ni_93 ._failureTitle_1w6ni_103 {
    font-size: 1.4rem;
    color: rgb(11, 32, 45);
    font-weight: 600;
}

[data-theme="dark"] ._failureContainer_1w6ni_93 ._failureTitle_1w6ni_103 {
    color: rgb(255, 255, 255);
}

._failureContainer_1w6ni_93 ._failureContent_1w6ni_112 {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
    line-height: 2.3rem;
    margin-right: auto;
    align-self: end;
}

._failureContainer_1w6ni_93 ._failureContent_1w6ni_112 strong {
    font-weight: 600;
    color: rgb(255, 87, 41);
}

._failureContainer_1w6ni_93 ._failureContent_1w6ni_112 a {
    color: rgb(255, 87, 41);
}

[data-theme="dark"] ._failureContainer_1w6ni_93 {
    background-color: rgba(255, 151, 122, 0.15);
}

@keyframes _fadeIn_10630_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_10630_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_10630_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_10630_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_10630_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_10630_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_10630_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_10630_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._depositAddressModal_10630_87 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: flex-start;
    text-align: left;
}

._depositAddressModal_10630_87 ._fakeLabel_10630_94 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: rgb(11, 32, 45);
    text-align: left;
}

[data-theme="dark"] ._depositAddressModal_10630_87 ._fakeLabel_10630_94 {
    color: rgb(168, 179, 184);
}

._depositAddressModal_10630_87 ._fakeLabel_10630_94 * {
    font-size: 1.6rem;
    font-weight: 400;
}

._depositAddressModal_10630_87 ._input_10630_111 {
    font-size: 1.2rem;
}

._depositAddressModal_10630_87 ._input_10630_111 :disabled,
._depositAddressModal_10630_87 ._input_10630_111._disabled_10630_114 {
    opacity: 0.4;
}

._depositAddressModal_10630_87 ._input_10630_111>div,
._depositAddressModal_10630_87 ._input_10630_111>input {
    margin-top: 8px;
    font-size: 1.6rem;
    font-weight: 400;
}

._depositAddressModal_10630_87 ._switchButtons_10630_123 {
    display: inline-flex;
    gap: 16px;
}

._depositAddressModal_10630_87 ._switchButtons_10630_123 ._switchButton_10630_123 {
    flex: 1 1 0%;
    min-height: 40px;
    border-radius: 8px;
    border: 1px solid rgb(168, 179, 184);
    color: rgb(11, 32, 45);
    transition: 0.2s ease-in-out;
}

[data-theme="dark"] ._depositAddressModal_10630_87 ._switchButtons_10630_123 ._switchButton_10630_123 {
    color: rgb(168, 179, 184);
}

._depositAddressModal_10630_87 ._switchButtons_10630_123 ._switchButton_10630_123[data-selected="true"],
._depositAddressModal_10630_87 ._switchButtons_10630_123 ._switchButton_10630_123:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 87, 41);
    border-color: rgb(255, 87, 41);
}

._depositAddressModal_10630_87 ._switchButtons_10630_123 ._switchButton_10630_123:hover {
    opacity: 0.8;
}

._depositAddressModal_10630_87 ._doubleInput_10630_147 {
    display: inline-flex;
    gap: 16px;
}

._depositAddressModal_10630_87 ._doubleInput_10630_147>* {
    min-width: 100px;
    flex: 1 1 0%;
}

._depositAddressModal_10630_87 ._more_10630_155 {
    color: rgb(255, 87, 41);
    font-size: 1.2rem;
}

._loader_10630_160 {
    width: 100%;
}

@keyframes _fadeIn_17sf8_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_17sf8_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_17sf8_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_17sf8_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_17sf8_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_17sf8_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_17sf8_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_17sf8_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._userSummaryCard_17sf8_87 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-radius: 8px;
    background-color: rgba(216, 218, 223, 0.15);
    padding: 16px 24px;
    text-align: left;
}

._userSummaryCard_17sf8_87 ._userType_17sf8_96 {
    color: rgb(50, 77, 87);
    font-size: 1.4rem;
    line-height: 24px;
}

[data-theme="dark"] ._userSummaryCard_17sf8_87 ._userType_17sf8_96 {
    color: rgb(255, 255, 255);
}

._userSummaryCard_17sf8_87 ._userName_17sf8_105,
._userSummaryCard_17sf8_87 ._userCountry_17sf8_106 {
    color: rgb(50, 77, 87);
    font-weight: 500;
    line-height: 125%;
}

[data-theme="dark"] ._userSummaryCard_17sf8_87 ._userName_17sf8_105,
[data-theme="dark"] ._userSummaryCard_17sf8_87 ._userCountry_17sf8_106 {
    color: rgb(255, 255, 255);
}

._userSummaryCard_17sf8_87 ._title_17sf8_115 {
    font-size: 1.2rem;
    color: rgb(11, 32, 45);
}

[data-theme="dark"] ._userSummaryCard_17sf8_87 ._title_17sf8_115 {
    color: rgb(255, 255, 255);
}

@keyframes _fadeIn_1e3mc_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1e3mc_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1e3mc_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1e3mc_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1e3mc_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1e3mc_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1e3mc_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1e3mc_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._nestedSelect_1e3mc_87 {
    font-weight: 600;
    color: rgb(11, 32, 45);
    position: relative;
}

[data-theme="dark"] div._nestedSelect_1e3mc_87 {
    color: rgb(168, 179, 184);
}

div._nestedSelect_1e3mc_87._rounded_1e3mc_96 {
    font-weight: 400;
}

div._nestedSelect_1e3mc_87._rounded_1e3mc_96>div {
    border-radius: 20px;
    border: 2px solid rgb(246, 243, 233);
    min-width: 180px;
    max-width: 180px;
    min-height: 40px;
    max-height: 40px;
}

div._nestedSelect_1e3mc_87._rounded_1e3mc_96 div.placeholder {
    padding: 12px 25px;
}

[data-theme="dark"] div._nestedSelect_1e3mc_87._rounded_1e3mc_96 {
    color: rgb(168, 179, 184);
}

[data-theme="dark"] div._nestedSelect_1e3mc_87._rounded_1e3mc_96._hasSelectedOption_1e3mc_113>div {
    color: rgb(255, 87, 41);
    border-color: rgb(255, 87, 41);
    font-weight: 600;
}

div._nestedSelect_1e3mc_87[data-disabled="true"]>div {
    pointer-events: none;
    background-color: rgba(216, 218, 223, 0.5) !important;
    color: rgb(168, 179, 184) !important;
}

[data-theme="dark"] div._nestedSelect_1e3mc_87[data-disabled="true"]>div {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

div._nestedSelect_1e3mc_87>div {
    border: 1px solid rgb(216, 218, 223);
    border-radius: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

[data-theme="dark"] div._nestedSelect_1e3mc_87>div {
    color: rgb(168, 179, 184);
    border-color: rgb(168, 179, 184);
}

div._nestedSelect_1e3mc_87>div>div {
    padding: 8px 40px 8px 16px;
    line-height: 2.1rem;
    min-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div._nestedSelect_1e3mc_87>div>div.placeholder {
    color: rgb(168, 179, 184) !important;
}

div._nestedSelect_1e3mc_87>div input {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    min-width: 100%;
    max-width: 100%;
    padding: 8px 16px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
}

[data-theme="dark"] div._nestedSelect_1e3mc_87>div input {
    color: rgb(168, 179, 184);
}

div._nestedSelect_1e3mc_87>div svg {
    width: 17px;
    height: 17px;
    min-width: 17px;
    max-width: 17px;
    min-height: 17px;
    max-height: 17px;
    object-fit: contain;
    object-position: center center;
    position: absolute;
    right: 16px;
    transition: 0.3s;
}

div._nestedSelect_1e3mc_87 ul {
    min-width: 100%;
    visibility: hidden;
    position: absolute;
    padding: 8px;
    background-color: rgb(255, 255, 255);
    z-index: 11;
    border: 1px solid transparent;
    border-radius: 8px;
    transform: scaleY(0);
    transform-origin: center top;
    overflow-y: auto;
    transition: 0.3s;
    opacity: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
    max-height: 280px;
}

[data-theme="dark"] div._nestedSelect_1e3mc_87 ul {
    background-color: rgb(11, 22, 45);
}

div._nestedSelect_1e3mc_87 ul li {
    padding: 8px;
    margin: 0px;
    transition: 0.3s;
    cursor: pointer;
    line-height: 2.4rem;
    border-radius: 5px;
}

div._nestedSelect_1e3mc_87 ul li:not(._noResult_1e3mc_209):hover {
    background-color: rgb(235, 236, 244);
}

[data-theme="dark"] div._nestedSelect_1e3mc_87 ul li:not(._noResult_1e3mc_209):hover {
    background-color: rgba(255, 255, 255, 0.1);
}

div._nestedSelect_1e3mc_87 ul li._current_1e3mc_216 {
    background-color: rgb(235, 236, 244);
}

[data-theme="dark"] div._nestedSelect_1e3mc_87 ul li._current_1e3mc_216 {
    background-color: rgba(255, 255, 255, 0.1);
}

div._nestedSelect_1e3mc_87 ul li._noResult_1e3mc_209 {
    font-size: 1.4rem;
    font-style: italic;
    opacity: 0.7;
    cursor: default;
}

div._nestedSelect_1e3mc_87[data-opened="true"]>div>svg {
    transform: rotate(-180deg);
}

div._nestedSelect_1e3mc_87[data-opened="true"] ul {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
}

div._nestedSelect_1e3mc_87._openFromBottom_1e3mc_238 ul {
    transform-origin: center bottom;
    top: unset;
    bottom: 40px;
}

div._nestedSelect_1e3mc_87 ._optionWithSubOptions_1e3mc_243 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div._nestedSelect_1e3mc_87 ._backOption_1e3mc_248 {
    display: flex;
    gap: 10px;
    align-items: center;
}

@keyframes _fadeIn_1n1eb_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1n1eb_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1n1eb_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1n1eb_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1n1eb_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1n1eb_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1n1eb_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1n1eb_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._pendingOperationTable_1n1eb_87 {
    display: flex;
    flex-direction: column;
    backdrop-filter: blur(46px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 14px 24px;
    border-radius: 16px;
}

._pendingOperationTable_1n1eb_87 ._toggleLine_1n1eb_94 {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    color: rgb(50, 77, 87);
    padding: 24px;
    margin-bottom: 16px;
}

[data-theme="dark"] ._pendingOperationTable_1n1eb_87 ._toggleLine_1n1eb_94 {
    color: rgb(255, 87, 41);
}

._pendingOperationTable_1n1eb_87 ._toggleLine_1n1eb_94 ._tableCaption_1n1eb_107 {
    font-size: 1.8rem;
    font-weight: 700;
}

._pendingOperationTable_1n1eb_87 ._toggleLine_1n1eb_94 ._toggleButton_1n1eb_111 {
    cursor: pointer;
    transition: 0.2s;
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._pendingOperationTable_1n1eb_87 ._toggleLine_1n1eb_94 ._toggleButton_1n1eb_111._isOpen_1n1eb_123 {
    transform: rotate(180deg);
}

._pendingOperationTable_1n1eb_87 ._toggleLine_1n1eb_94:hover {
    color: rgb(255, 151, 122);
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    transition: 0.2s;
    overflow: hidden;
    max-height: 0px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 0px;
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129._isOpen_1n1eb_123 {
    max-height: max-content;
    margin-bottom: 24px;
    margin-top: -24px;
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 {
    overflow-y: inherit;
    margin-top: 8px;
    padding: 0px;
    border-radius: 15px;
    row-gap: 8px;
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145>div:first-child {
    justify-content: flex-start;
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 ._cellHeader_1n1eb_155 {
    color: rgb(168, 179, 184);
    font-size: 1.4rem;
    font-weight: 700;
    width: 100%;
}

[data-theme="dark"] ._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 ._cellHeader_1n1eb_155 {
    color: rgb(255, 255, 255);
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 ._cellHeader_1n1eb_155:first-child {
    padding-left: 24px;
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 ._cellHeader_1n1eb_155::before {
    border-color: transparent;
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents ._cell_1n1eb_155 {
    align-content: center;
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents ._cell_1n1eb_155:first-child {
    padding-left: 16px;
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents ._cell_1n1eb_155:nth-child(3) {
    justify-content: end;
    padding-right: 16px;
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents ._cell_1n1eb_155 {
    min-height: 56px;
    cursor: pointer;
    color: rgb(50, 77, 87);
    font-size: 1.4rem;
    font-weight: 700;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents ._cell_1n1eb_155 ._operationDetails_1n1eb_189 {
    justify-content: end;
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents:hover ._cell_1n1eb_155:first-child,
._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents ._cell_1n1eb_155:has(._isSelected_1n1eb_192):first-child {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents:hover ._cell_1n1eb_155:nth-child(3),
._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents ._cell_1n1eb_155:has(._isSelected_1n1eb_192):nth-child(3) {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents:hover ._cell_1n1eb_155,
._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents ._cell_1n1eb_155:has(._isSelected_1n1eb_192) {
    background-color: rgb(235, 236, 244);
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents ._cell_1n1eb_155:has(._isSelected_1n1eb_192) {
    background-color: rgba(255, 151, 122, 0.15);
    border-top: 1px solid rgb(255, 151, 122);
    border-bottom: 1px solid rgb(255, 151, 122);
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents ._cell_1n1eb_155:has(._isSelected_1n1eb_192):first-child {
    border-left: 1px solid rgb(255, 151, 122);
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents ._cell_1n1eb_155:has(._isSelected_1n1eb_192):nth-child(3) {
    border-right: 1px solid rgb(255, 151, 122);
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents ._cell_1n1eb_155:has(._isSelected_1n1eb_192)::after {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
}

[data-theme="dark"] ._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents ._cell_1n1eb_155 {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] ._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents:hover ._cell_1n1eb_155 {
    background-color: rgb(4, 24, 37);
}

[data-theme="dark"] ._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._grid_1n1eb_145 .contents ._cell_1n1eb_155:has(._isSelected_1n1eb_192) {
    background-color: rgba(255, 151, 122, 0.05);
}

._pendingOperationTable_1n1eb_87 ._content_1n1eb_129 ._pagination_1n1eb_227 {
    margin: auto;
}

[data-theme="dark"] ._pendingOperationTable_1n1eb_87 {
    border: 1px solid rgb(50, 77, 87);
}

@keyframes _fadeIn_1jshk_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1jshk_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1jshk_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1jshk_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1jshk_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1jshk_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1jshk_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1jshk_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._historyDetails_1jshk_87 {
    margin: 24px 0px;
    padding: 24px;
    overflow-y: auto;
    backdrop-filter: blur(46px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 14px 24px;
    border-radius: 16px;
    color: rgb(50, 77, 87);
    min-width: 35%;
    max-width: 35%;
}

[data-theme="dark"] ._historyDetails_1jshk_87 {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(50, 77, 87);
}

@media only screen and (max-width: 991.98px) {
    ._historyDetails_1jshk_87 {
        min-width: 100%;
        max-width: 100%;
        border: 0px;
        border-radius: 8px;
    }
}

._historyDetails_1jshk_87 ._detailsTitle_1jshk_111 {
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    border-radius: 20px;
    margin-bottom: 24px;
    min-width: 100%;
    max-width: 100%;
    justify-content: flex-start;
}

._historyDetails_1jshk_87 ._detailsTitle_1jshk_111 ._closeIcon_1jshk_121 {
    position: absolute;
    right: 0px;
    align-self: center;
    transition: opacity 0.2s;
    cursor: pointer;
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._historyDetails_1jshk_87 ._detailsTitle_1jshk_111 ._closeIcon_1jshk_121:hover {
    opacity: 0.8;
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 {
    display: grid;
    grid-template-columns: auto auto;
    gap: 24px 12px;
    font-size: 1.4rem;
    font-weight: 500;
    color: rgb(50, 77, 87);
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 ._caption_1jshk_147 {
    font-weight: 700;
    color: rgb(168, 179, 184);
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 ._fullWidth_1jshk_151 {
    grid-column-end: span 2;
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 hr {
    border-bottom: 1px solid rgb(235, 236, 244);
    grid-column-end: span 2;
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 img {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
    vertical-align: middle;
    margin-left: 5px;
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 button {
    grid-column-end: span 2;
    justify-self: flex-start;
    color: rgb(255, 87, 41);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: opacity 0.2s;
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 button svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
    vertical-align: middle;
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 button:hover {
    opacity: 0.8;
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 ._orderedProduct_1jshk_193 {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 ._orderedProduct_1jshk_193 ._orderQuantity_1jshk_198 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 ._orderedProduct_1jshk_193 ._productIcon_1jshk_203 {
    width: 28px;
    height: 28px;
    min-width: 28px;
    max-width: 28px;
    min-height: 28px;
    max-height: 28px;
    object-fit: contain;
    object-position: center center;
    align-self: center;
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 ._orderPrice_1jshk_215,
._historyDetails_1jshk_87 ._detailsCard_1jshk_139 ._currencyLine_1jshk_220 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 ._conversionRate_1jshk_225 {
    grid-column-end: span 2;
    justify-self: center;
    display: flex;
    gap: 5px;
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 ._walletAddress_1jshk_231,
._historyDetails_1jshk_87 ._detailsCard_1jshk_139 ._copiableLine_1jshk_232 {
    font-size: 1.6rem;
    color: inherit;
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 ._walletAddress_1jshk_231 *,
._historyDetails_1jshk_87 ._detailsCard_1jshk_139 ._copiableLine_1jshk_232 * {
    text-decoration: none;
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 ._walletAddress_1jshk_231:hover,
._historyDetails_1jshk_87 ._detailsCard_1jshk_139 ._copiableLine_1jshk_232:hover {
    opacity: 0.8;
}

._historyDetails_1jshk_87 ._detailsCard_1jshk_139 ._copiableLine_1jshk_232 {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    gap: 8px;
}

[data-theme="dark"] ._historyDetails_1jshk_87 * {
    color: rgb(255, 255, 255);
}

@keyframes _fadeIn_jx4i3_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_jx4i3_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_jx4i3_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_jx4i3_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_jx4i3_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_jx4i3_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_jx4i3_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_jx4i3_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._slideUpPage_jx4i3_87 {
    position: absolute;
    inset: 70px 0px 0px;
    z-index: 900;
}

div._slideUpPage_jx4i3_87 button.close {
    position: absolute;
    top: -51px;
    left: 24px;
}

div._slideUpPage_jx4i3_87 div.wrapper {
    min-height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background-color: rgb(255, 255, 255);
}

[data-theme="dark"] div._slideUpPage_jx4i3_87 div.wrapper {
    background-color: rgb(30, 36, 57);
}

div._slideUpPage_jx4i3_87 div.content {
    padding: 24px;
    animation: 0.2s ease-out 0s 1 normal none running slideUpAnimation;
}

@keyframes _fadeIn_7nolq_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_7nolq_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_7nolq_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_7nolq_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_7nolq_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_7nolq_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_7nolq_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_7nolq_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._historyFilters_7nolq_87 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 16px;
}

._responsiveFilters_7nolq_94 {
    display: flex;
    flex-direction: column;
    padding: 24px;
}

._responsiveFilters_7nolq_94>div {
    display: flex;
    gap: 24px;
}

@media only screen and (max-width: 575.98px) {
    ._responsiveFilters_7nolq_94>div {
        gap: 0px;
        flex-direction: column;
    }
}

._responsiveFilters_7nolq_94>div>span {
    width: 100%;
}

._responsiveFilters_7nolq_94>div>span>pre {
    font-size: 1.6rem;
    font-family: Matter;
}

._responsiveFilters_7nolq_94>div>span>div>div {
    min-width: 100% !important;
    max-width: 100% !important;
}

._responsiveFilters_7nolq_94>div>span {
    padding-bottom: 8px;
}

._currencyFilter_7nolq_124 span {
    font-weight: 400;
}

._currencyFilter_7nolq_124 span,
._currencyFilter_7nolq_124 b {
    vertical-align: middle;
    margin-left: 15px;
}

._currencyFilter_7nolq_124 img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    display: inline-block;
    vertical-align: middle;
}

._operationFilter_7nolq_145 svg,
._productFilter_7nolq_146 svg {
    float: right;
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._operationFilter_7nolq_145 svg *,
._productFilter_7nolq_146 svg * {
    opacity: 1;
}

._currencyIcon_7nolq_162 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._dateIntervalModal_n2tfy_1 {
    overflow-y: visible !important;
}

._dateIntervalModal_n2tfy_1 ._datePickers_n2tfy_4 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 15px;
}

._dateIntervalModal_n2tfy_1 ._datePickers_n2tfy_4 p {
    margin-bottom: 20px;
}

._dateIntervalModal_n2tfy_1 ._datePickers_n2tfy_4 ._pickerTitle_n2tfy_13 {
    text-align: left;
    margin-bottom: 10px;
    display: block;
}

@keyframes _fadeIn_15zp3_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_15zp3_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_15zp3_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_15zp3_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_15zp3_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_15zp3_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_15zp3_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_15zp3_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._personalInformations_15zp3_87 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 100%;
}

._personalInformations_15zp3_87>div {
    color: rgb(11, 32, 45);
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] ._personalInformations_15zp3_87>div {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

._personalInformations_15zp3_87>div>strong {
    font-weight: 600;
    color: rgb(50, 77, 87);
}

[data-theme="dark"] div._personalInformations_15zp3_87>div>strong {
    color: rgb(255, 255, 255);
}

@keyframes _fadeIn_sg0y6_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_sg0y6_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_sg0y6_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_sg0y6_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_sg0y6_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_sg0y6_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_sg0y6_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_sg0y6_112 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._preferences_sg0y6_87 {
    color: rgb(11, 32, 45);
}

._preferences_sg0y6_87>div {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 320px;
    min-width: 320px;
    margin-top: 16px;
}

@media only screen and (max-width: 767.98px) {
    ._preferences_sg0y6_87>div {
        min-width: unset;
        max-width: unset;
    }

    ._preferences_sg0y6_87>div div {
        min-width: initial !important;
    }
}

._preferences_sg0y6_87>div select {
    border: 1px solid rgb(168, 179, 184);
    border-radius: 8px;
    padding: 16px;
}

._preferences_sg0y6_87>div ._loadingPreferences_sg0y6_112 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@keyframes _fadeIn_107k3_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_107k3_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_107k3_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_107k3_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_107k3_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_107k3_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_107k3_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_107k3_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._addressSection_107k3_87 {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] ._addressSection_107k3_87 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

._addressSection_107k3_87 {
    position: relative;
}

._addressSection_107k3_87._inline_107k3_100 {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}

._addressSection_107k3_87>button._iconBtn_107k3_105 {
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    border-radius: 100%;
    background-color: rgb(254, 243, 241);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    cursor: pointer;
}

._addressSection_107k3_87>button._iconBtn_107k3_105 svg {
    width: 9px;
    height: 9px;
    min-width: 9px;
    max-width: 9px;
    min-height: 9px;
    max-height: 9px;
    object-fit: contain;
    object-position: center center;
}

._addressSection_107k3_87>button._iconBtn_107k3_105:hover svg path {
    fill: rgb(255, 255, 255);
}

._addressSection_107k3_87>button._iconBtn_107k3_105:active {
    background-color: rgb(255, 87, 41);
}

._addressSection_107k3_87>button._iconBtn_107k3_105:disabled {
    cursor: default;
    background-color: rgb(168, 179, 184);
}

._addressSection_107k3_87>button._iconBtn_107k3_105:disabled svg path {
    fill: rgb(255, 255, 255);
}

._addressSection_107k3_87>button._iconBtn_107k3_105 {
    position: absolute;
    z-index: 1;
    right: 24px;
}

._addressSection_107k3_87>button._iconBtn_107k3_105 svg {
    width: 14px;
    height: 14px;
    min-width: 14px;
    max-width: 14px;
    min-height: 14px;
    max-height: 14px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 151, 122);
}

._addressSection_107k3_87>button._iconBtn_107k3_105:hover {
    background-color: rgb(255, 151, 122);
}

._addressSection_107k3_87>button._iconBtn_107k3_105:hover svg {
    color: rgb(255, 255, 255);
}

._addressSection_107k3_87>strong {
    font-weight: 600;
    color: rgb(50, 77, 87);
}

._addressSection_107k3_87>div {
    margin-top: 16px;
    display: grid;
    place-items: start;
    grid-template-columns: repeat(2, min-content);
    grid-template-rows: repeat(2, minmax(45px, min-content));
    flex-direction: column;
    gap: 24px 80px;
}

._addressSection_107k3_87>div>* {
    white-space: nowrap;
}

@media only screen and (max-width: 991.98px) {
    ._addressSection_107k3_87>div {
        display: flex;
        flex-direction: column;
    }
}

._addressSection_107k3_87>div>span {
    font-weight: 600;
}

._addressSection_107k3_87 ._captionedBox_107k3_193 {
    min-width: 150px;
}

[data-theme="dark"] ._addressSection_107k3_87>strong {
    color: rgb(235, 236, 244);
}

@keyframes _fadeIn_1bvqd_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1bvqd_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1bvqd_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1bvqd_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1bvqd_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1bvqd_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1bvqd_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1bvqd_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._personalAddressChangeModal_1bvqd_87 ._modalContent_1bvqd_87 {
    display: flex;
    min-width: 400px;
    flex-direction: column;
    gap: 8px;
}

@media only screen and (max-width: 767.98px) {
    div._personalAddressChangeModal_1bvqd_87 ._modalContent_1bvqd_87 {
        min-width: unset;
    }
}

div._personalAddressChangeModal_1bvqd_87 ._modalContent_1bvqd_87 p {
    margin-bottom: 8px;
}

div._personalAddressChangeModal_1bvqd_87 ._modalContent_1bvqd_87 input[type="text"],
div._personalAddressChangeModal_1bvqd_87 div.select {
    font-weight: 400;
}

[data-theme="dark"] div._personalAddressChangeModal_1bvqd_87 p {
    color: rgb(255, 255, 255);
}

._selectItem_1bvqd_112 {
    display: flex;
    justify-content: start;
    align-items: center;
    column-gap: 10px;
}

._selectItem_1bvqd_112 img {
    min-width: 21px;
    max-width: 21px;
    min-height: 15px;
    max-height: 15px;
    border-radius: 4px;
}

@keyframes _fadeIn_ogr6a_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_ogr6a_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_ogr6a_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_ogr6a_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_ogr6a_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_ogr6a_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_ogr6a_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_ogr6a_109 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._personalInformation_ogr6a_87>div {
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(2, min-content);
    grid-template-rows: repeat(2, minmax(45px, min-content));
    justify-items: start;
    flex-direction: column;
    gap: 24px 80px;
}

@media only screen and (max-width: 991.98px) {
    ._personalInformation_ogr6a_87>div {
        display: flex;
        flex-direction: column;
    }
}

._personalInformation_ogr6a_87>div * {
    white-space: nowrap;
}

._personalInformation_ogr6a_87>div ._taxIdentificationNumberBox_ogr6a_106 {
    grid-column: span 2;
}

._personalInformation_ogr6a_87>div ._loadingInformations_ogr6a_109 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

._personalInformation_ogr6a_87>div span strong {
    font-weight: 600;
}

@media only screen and (max-width: 767.98px) {
    ._personalInformation_ogr6a_87>div span>div {
        flex-direction: column;
        gap: 8px;
    }

    ._personalInformation_ogr6a_87>div span>div.phoneInputContainer>div {
        flex-direction: column;
    }
}

._personalInformation_ogr6a_87>div span div {
    display: flex;
    align-items: center;
}

._personalInformation_ogr6a_87>div span div._closed_ogr6a_130 {
    padding-bottom: 16px;
    gap: 16px;
    flex-direction: row;
}

._personalInformation_ogr6a_87>div span div div._emailInput_ogr6a_135 input,
._personalInformation_ogr6a_87>div span div div._taxIdentificationNumberInput_ogr6a_136 input {
    padding: 8px 40px 8px 16px;
    border-radius: 8px;
    border: 1px solid rgb(216, 218, 223);
    min-height: 40px;
    max-height: 40px;
}

[data-theme="dark"] ._personalInformation_ogr6a_87>div span div div._emailInput_ogr6a_135 input,
[data-theme="dark"] ._personalInformation_ogr6a_87>div span div div._taxIdentificationNumberInput_ogr6a_136 input {
    border-color: rgb(168, 179, 184);
    color: rgb(168, 179, 184);
}

._personalInformation_ogr6a_87>div span div div._emailInput_ogr6a_135 button,
._personalInformation_ogr6a_87>div span div div._taxIdentificationNumberInput_ogr6a_136 button {
    cursor: pointer;
    display: flex;
    align-items: center;
    position: absolute;
    right: 16px;
}

._personalInformation_ogr6a_87>div span div div._emailInput_ogr6a_135 button:hover span,
._personalInformation_ogr6a_87>div span div div._taxIdentificationNumberInput_ogr6a_136 button:hover span {
    opacity: 1;
}

._personalInformation_ogr6a_87>div span div div._emailInput_ogr6a_135 button span,
._personalInformation_ogr6a_87>div span div div._taxIdentificationNumberInput_ogr6a_136 button span {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(235, 236, 244);
    font-size: 1.2rem;
    color: rgb(11, 32, 45);
    padding: 8px;
    border-radius: 8px;
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 0px;
    opacity: 0;
    transition: opacity 0.3s;
    font-weight: 400;
}

._personalInformation_ogr6a_87>div span div button._submitButton_ogr6a_176 {
    margin-left: 8px;
}

._personalInformation_ogr6a_87>div span div button._modifyButton_ogr6a_179 {
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    border-radius: 100%;
    background-color: rgb(254, 243, 241);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    cursor: pointer;
}

._personalInformation_ogr6a_87>div span div button._modifyButton_ogr6a_179 svg {
    width: 14px;
    height: 14px;
    min-width: 14px;
    max-width: 14px;
    min-height: 14px;
    max-height: 14px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 151, 122);
}

._personalInformation_ogr6a_87>div span div button._modifyButton_ogr6a_179:hover {
    background-color: rgb(255, 151, 122);
}

._personalInformation_ogr6a_87>div span div button._modifyButton_ogr6a_179:hover svg {
    color: rgb(255, 255, 255);
}

._personalInformation_ogr6a_87>div span div button._modifyButton_ogr6a_179:active {
    background-color: rgb(255, 87, 41);
}

._personalInformation_ogr6a_87>div span div button._modifyButton_ogr6a_179:disabled {
    cursor: default;
    background-color: rgb(168, 179, 184);
}

._personalInformation_ogr6a_87>div span div button._modifyButton_ogr6a_179:disabled svg {
    color: rgb(255, 255, 255);
}

._personalInformation_ogr6a_87>div ._spacing_ogr6a_219 {
    margin-left: 16px;
}

@media screen and (max-width: 1350px) {
    ._personalInformation_ogr6a_87>div {
        grid-template-columns: repeat(2, minmax(250px, min-content));
        column-gap: 60px;
    }
}

@media only screen and (max-width: 1350px) and (max-width: 1199.98px) {
    ._personalInformation_ogr6a_87>div {
        grid-template-columns: repeat(1, minmax(250px, min-content));
    }
}

[data-theme="dark"] ._personalInformation_ogr6a_87>div span>strong {
    color: rgb(255, 255, 255);
}

@keyframes _fadeIn_ovcxw_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_ovcxw_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_ovcxw_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_ovcxw_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_ovcxw_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_ovcxw_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_ovcxw_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_ovcxw_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._securityVerificationModal_ovcxw_87>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

div._securityVerificationModal_ovcxw_87>div i {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
}

div._securityVerificationModal_ovcxw_87>div i.error {
    text-align: left;
    color: rgb(211, 29, 41);
}

div._securityVerificationModal_ovcxw_87>div button.resendCode {
    cursor: pointer;
    display: block;
    color: rgb(255, 87, 41);
    font-size: 1.2rem;
    font-family: PlusJakartaSans;
}

div._securityVerificationModal_ovcxw_87>div button.resendCode:hover {
    text-decoration: underline;
}

div._securityVerificationModal_ovcxw_87>div button.resendCode:disabled {
    color: rgb(168, 179, 184);
    text-decoration: none;
    cursor: initial;
}

div._securityVerificationModal_ovcxw_87>div>div {
    min-width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

div._securityVerificationModal_ovcxw_87>div>div span {
    margin-bottom: 16px;
}

div._securityVerificationModal_ovcxw_87>div>div.actions {
    justify-content: center;
    flex-direction: row;
    gap: 20px;
}

div._securityVerificationModal_ovcxw_87>div>div.googleAuthenticator {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

div._securityVerificationModal_ovcxw_87>div>div.googleAuthenticator i {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
    margin-bottom: 8px;
}

div._securityVerificationModal_ovcxw_87>div>div.googleAuthenticator a {
    align-self: center;
    color: rgb(255, 87, 41);
    font-size: 1.2rem;
}

div._securityVerificationModal_ovcxw_87>div>div.googleAuthenticator a:hover {
    cursor: pointer;
    text-decoration: underline;
}

div._securityVerificationModal_ovcxw_87>div>div.googleAuthenticator>div.codeInput {
    margin-bottom: 8px;
}

[data-theme="dark"] div._securityVerificationModal_ovcxw_87>div div.logo svg:nth-child(2) {
    filter: invert(1);
}

@keyframes _fadeIn_8k419_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_8k419_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_8k419_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_8k419_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_8k419_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_8k419_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_8k419_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_8k419_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._passkeyAuthentication_8k419_87 {
    margin-bottom: 16px;
}

@keyframes _fadeIn_14znx_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_14znx_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_14znx_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_14znx_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_14znx_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_14znx_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_14znx_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_14znx_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._passwordInput_14znx_87 {
    display: flex;
    align-items: stretch;
    min-width: 100%;
}

._passwordInput_14znx_87 input {
    flex: 1 1 0%;
    padding: 8px 40px 8px 16px;
    border-radius: 8px;
    border: 1px solid rgb(216, 218, 223);
}

[data-theme="dark"] ._passwordInput_14znx_87 input {
    border-color: rgb(168, 179, 184);
    color: rgb(168, 179, 184);
}

._passwordInput_14znx_87 input:focus {
    outline: none;
}

._passwordInput_14znx_87 button {
    cursor: pointer;
    display: flex;
    align-items: center;
}

._passwordInput_14znx_87 button svg {
    position: absolute;
    right: 12px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

[data-theme="dark"] ._passwordInput_14znx_87 {
    color: rgb(168, 179, 184);
}

@keyframes _fadeIn_jngcz_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_jngcz_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_jngcz_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_jngcz_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_jngcz_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_jngcz_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_jngcz_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_jngcz_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._authenticationMethodSelector_jngcz_87 ._description_jngcz_87 {
    color: rgb(50, 77, 87);
    margin: 24px 0px;
    font-size: 1.6rem;
    font-weight: 500;
}

._authenticationMethodSelector_jngcz_87 ._securityMethodSelection_jngcz_93 {
    display: flex;
    flex-direction: column;
    background-color: rgb(252, 251, 247);
    border-radius: 8px;
    width: 100%;
}

._authenticationMethodSelector_jngcz_87 ._securityMethodSelection_jngcz_93 ._securityMethodButton_jngcz_100 {
    color: rgb(11, 32, 45);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    margin: 8px;
    padding: 16px;
    transition: 0.3s;
    cursor: pointer;
}

._authenticationMethodSelector_jngcz_87 ._securityMethodSelection_jngcz_93 ._securityMethodButton_jngcz_100 ._arrow_jngcz_112 {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 87, 41);
}

._authenticationMethodSelector_jngcz_87 ._securityMethodSelection_jngcz_93 ._securityMethodButton_jngcz_100:hover {
    background-color: rgba(216, 218, 223, 0.15);
}

._authenticationMethodSelector_jngcz_87 ._securityMethodSelection_jngcz_93 hr {
    border-bottom: 1px solid rgb(216, 218, 223);
}

._authenticationMethodSelector_jngcz_87 ._securityMethodSelection_jngcz_93 hr:last-child {
    display: none;
}

._authenticationMethodSelector_jngcz_87 ._footer_jngcz_132 {
    margin-top: auto;
    display: flex;
    justify-content: center;
    padding-top: 24px;
}

[data-theme="dark"] div._authenticationMethodSelector_jngcz_87 ._description_jngcz_87 {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] div._authenticationMethodSelector_jngcz_87 ._securityMethodSelection_jngcz_93 {
    background-color: rgb(11, 32, 45);
}

[data-theme="dark"] div._authenticationMethodSelector_jngcz_87 ._securityMethodSelection_jngcz_93 ._securityMethodButton_jngcz_100 {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] div._authenticationMethodSelector_jngcz_87 ._securityMethodSelection_jngcz_93 ._securityMethodButton_jngcz_100:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] div._authenticationMethodSelector_jngcz_87 ._securityMethodSelection_jngcz_93 hr {
    border-bottom: 1px solid rgb(216, 218, 223);
}

@keyframes _fadeIn_1kg4s_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1kg4s_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1kg4s_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1kg4s_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1kg4s_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1kg4s_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1kg4s_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1kg4s_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._bankAccounts_1kg4s_87 {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] ._bankAccounts_1kg4s_87 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

._bankAccounts_1kg4s_87 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

._bankAccounts_1kg4s_87>strong {
    display: block;
    color: rgb(50, 77, 87);
    font-weight: 600;
    margin-bottom: 16px;
}

._bankAccounts_1kg4s_87>p {
    margin-bottom: 16px;
}

._bankAccounts_1kg4s_87>button[data-role="primary"] {
    padding-left: 32px;
    padding-right: 32px;
}

._bankAccounts_1kg4s_87>div._bankAccountsRow_1kg4s_115 {
    min-width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgb(235, 236, 244);
    padding-bottom: 16px;
    gap: 16px;
}

._bankAccounts_1kg4s_87>div._bankAccountsRow_1kg4s_115 ._row_1kg4s_124 {
    min-width: 100%;
    max-width: 100%;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    gap: 44px;
}

@media only screen and (max-width: 1199.98px) {
    ._bankAccounts_1kg4s_87>div._bankAccountsRow_1kg4s_115 ._row_1kg4s_124 {
        gap: 20px;
    }

    ._bankAccounts_1kg4s_87>div._bankAccountsRow_1kg4s_115 ._row_1kg4s_124>span:not(._status_1kg4s_137) {
        min-width: calc(50% - 20px);
    }
}

@media only screen and (max-width: 767.98px) {
    ._bankAccounts_1kg4s_87>div._bankAccountsRow_1kg4s_115 ._row_1kg4s_124>span:not(._status_1kg4s_137) {
        min-width: 100%;
    }
}

._bankAccounts_1kg4s_87>div._bankAccountsRow_1kg4s_115 ._row_1kg4s_124>span>span {
    font-weight: 600;
}

._bankAccounts_1kg4s_87>div._bankAccountsRow_1kg4s_115 ._ribRejectedText_1kg4s_149 {
    color: rgb(255, 87, 41);
    font-size: 1.2rem;
    line-height: 100%;
}

._bankAccounts_1kg4s_87>div._bankAccountsRow_1kg4s_115 ._ribFileInputLabel_1kg4s_154 {
    color: rgb(50, 77, 87);
    font-size: 1.4rem;
    font-weight: 500;
}

[data-theme="dark"] ._bankAccounts_1kg4s_87>div._bankAccountsRow_1kg4s_115 ._ribFileInputLabel_1kg4s_154 {
    color: rgb(255, 255, 255);
}

._bankAccounts_1kg4s_87>hr {
    border-bottom: 1px solid rgb(235, 236, 244);
}

._bankAccounts_1kg4s_87>button {
    align-self: flex-start;
}

._bankAccounts_1kg4s_87 ._actions_1kg4s_169 {
    margin-left: auto;
    display: flex;
    flex-direction: row;
    gap: 8px;
}

._bankAccounts_1kg4s_87 ._actions_1kg4s_169 ._action_1kg4s_169 {
    font-family: Matter;
    color: rgb(255, 87, 41);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    border-radius: 12px;
    background-color: rgb(254, 243, 241);
    transition: 0.3s;
}

._bankAccounts_1kg4s_87 ._actions_1kg4s_169 ._action_1kg4s_169>svg {
    width: 14px;
    height: 14px;
    min-width: 14px;
    max-width: 14px;
    min-height: 14px;
    max-height: 14px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 151, 122);
    transition: 0.3s;
}

._bankAccounts_1kg4s_87 ._actions_1kg4s_169 ._action_1kg4s_169:hover {
    background-color: rgb(255, 151, 122);
}

._bankAccounts_1kg4s_87 ._actions_1kg4s_169 ._action_1kg4s_169:hover svg {
    color: rgb(255, 255, 255);
}

._bankAccounts_1kg4s_87 ._actions_1kg4s_169 ._action_1kg4s_169:disabled {
    background-color: rgba(216, 218, 223, 0.15);
    cursor: default;
}

._bankAccounts_1kg4s_87 ._actions_1kg4s_169 ._action_1kg4s_169:disabled svg {
    color: rgb(235, 236, 244);
}

._bankAccounts_1kg4s_87 ._actions_1kg4s_169 button._modify_1kg4s_216 {
    position: absolute;
    right: 32px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    border-radius: 12px;
    background-color: rgb(254, 243, 241);
    transition: 0.3s;
}

._bankAccounts_1kg4s_87 ._actions_1kg4s_169 button._modify_1kg4s_216>svg {
    width: 14px;
    height: 14px;
    min-width: 14px;
    max-width: 14px;
    min-height: 14px;
    max-height: 14px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 151, 122);
    transition: 0.3s;
}

._bankAccounts_1kg4s_87 ._actions_1kg4s_169 button._modify_1kg4s_216:hover {
    background-color: rgb(255, 151, 122);
}

._bankAccounts_1kg4s_87 ._actions_1kg4s_169 button._modify_1kg4s_216:hover svg {
    color: rgb(255, 255, 255);
}

._bankAccounts_1kg4s_87 ._status_1kg4s_137 {
    border-radius: 8px;
    padding: 4px 8px;
    font-weight: 500;
    font-size: 1.4rem;
    color: rgb(0, 0, 0);
    background-color: rgb(235, 236, 244);
}

._bankAccounts_1kg4s_87 ._status_1kg4s_137._success_1kg4s_262 {
    background-color: rgba(15, 219, 151, 0.15);
    color: rgb(0, 128, 85);
}

._bankAccounts_1kg4s_87 ._status_1kg4s_137._warning_1kg4s_266 {
    background-color: rgba(219, 138, 15, 0.15);
    color: rgb(219, 138, 15);
}

._bankAccounts_1kg4s_87 ._status_1kg4s_137._error_1kg4s_270 {
    background-color: rgba(255, 0, 0, 0.05);
    color: red;
}

[data-theme="dark"] div._bankAccounts_1kg4s_87>strong {
    color: rgb(235, 236, 244);
}

[data-theme="dark"] div._bankAccounts_1kg4s_87>div._bankAccountsRow_1kg4s_115>hr {
    border-bottom: 1px solid rgb(50, 77, 87);
}

@keyframes _fadeIn_1lpq2_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1lpq2_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1lpq2_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1lpq2_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1lpq2_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1lpq2_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1lpq2_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1lpq2_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._bankAccountModalContent_1lpq2_87 {
    min-width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 24px;
}

._bankAccountModalContent_1lpq2_87>span pre {
    color: rgb(11, 32, 45);
}

._warning_1lpq2_99 {
    margin-top: -20px;
    text-align: start;
}

._notice_1lpq2_104 {
    display: inline-flex;
    gap: 8px;
    padding: 10px;
    border-radius: 8px;
    background-color: rgb(235, 236, 244);
    color: rgb(50, 77, 87);
}

._notice_1lpq2_104 ._noticeIcon_1lpq2_112 {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

._notice_1lpq2_104 ._noticeText_1lpq2_122 {
    font-size: 1.2rem;
    line-height: 130%;
    text-align: start;
}

._notice_1lpq2_104 ._noticeText_1lpq2_122 a {
    color: rgb(255, 87, 41);
}

._notice_1lpq2_104 ._noticeText_1lpq2_122 a:hover {
    color: rgb(255, 151, 122);
}

[data-theme="dark"] ._notice_1lpq2_104 {
    background-color: rgba(216, 218, 223, 0.15);
    color: rgb(235, 236, 244);
}

._title_1lpq2_138 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

._title_1lpq2_138 ._icon_1lpq2_144 {
    width: 32px;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _fadeIn_ivwtk_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_ivwtk_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_ivwtk_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_ivwtk_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_ivwtk_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_ivwtk_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_ivwtk_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_ivwtk_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._warning_ivwtk_87 {
    color: rgb(255, 87, 41);
    font-size: 1.2rem;
}

@keyframes _loading_116df_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._uploadedFile_116df_14 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 8px;
    border-radius: 8px;
    background-color: rgba(216, 218, 223, 0.15);
    color: rgb(50, 77, 87);
    font-size: 1.4rem;
    font-weight: 700;
}

._uploadedFile_116df_14 ._fileIcon_116df_27 {
    border-radius: 8px;
    background-color: rgba(216, 218, 223, 0.15);
}

[data-theme="dark"] ._uploadedFile_116df_14 ._fileIcon_116df_27 {
    background-color: transparent;
    color: rgb(255, 255, 255);
}

._uploadedFile_116df_14 ._fileName_116df_36 {
    flex: 1 1 0%;
    display: inline-flex;
    gap: 8px;
    align-items: center;
}

._uploadedFile_116df_14 ._fileName_116df_36 ._checkIcon_116df_42 {
    color: rgb(45, 210, 141);
}

[data-theme="dark"] ._uploadedFile_116df_14 ._fileName_116df_36 {
    color: rgb(255, 255, 255);
}

._uploadedFile_116df_14 ._deleteIcon_116df_49 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 151, 122);
}

._fileInput_116df_61 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    min-height: 85px;
    background-color: rgba(216, 218, 223, 0.15);
    border: 1px dashed rgb(168, 179, 184);
    border-radius: 16px;
    padding: 16px;
    transition: 0.3s;
}

._fileInput_116df_61 ._input_116df_75 {
    position: absolute;
    visibility: hidden;
}

._fileInput_116df_61 ._fileInputLabel_116df_79 {
    color: rgb(50, 77, 87);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 100%;
}

._fileInput_116df_61 ._fileInputLabel_116df_79 u {
    text-decoration: underline;
    font-weight: 700;
}

[data-theme="dark"] ._fileInput_116df_61 ._fileInputLabel_116df_79 {
    color: rgb(255, 255, 255);
}

._fileInput_116df_61 ._fileLimit_116df_93 {
    color: rgb(168, 179, 184);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 150%;
}

._fileInput_116df_61:hover {
    border-color: rgb(11, 32, 45);
    background-color: rgba(216, 218, 223, 0.5);
}

[data-theme="dark"] ._fileInput_116df_61:hover {
    border-color: rgb(255, 255, 255);
}

@keyframes _fadeIn_1vnvq_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1vnvq_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1vnvq_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1vnvq_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1vnvq_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1vnvq_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1vnvq_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1vnvq_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._renameBankAccountModal_1vnvq_87>div {
    min-width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div._renameBankAccountModal_1vnvq_87>div>label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: rgb(11, 32, 45);
    text-align: left;
}

[data-theme="dark"] div._renameBankAccountModal_1vnvq_87>div>label {
    color: rgb(168, 179, 184);
}

div._renameBankAccountModal_1vnvq_87>div>label * {
    font-size: 1.6rem;
    font-weight: 400;
}

@keyframes _fadeIn_neny1_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_neny1_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_neny1_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_neny1_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_neny1_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_neny1_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_neny1_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_neny1_131 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._walletAddress_neny1_87 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div._walletAddress_neny1_87>div {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] div._walletAddress_neny1_87>div {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

div._walletAddress_neny1_87>div {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div._walletAddress_neny1_87>div>strong {
    display: block;
    color: rgb(50, 77, 87);
    font-weight: 600;
    margin-bottom: 16px;
}

div._walletAddress_neny1_87>div>p {
    margin-bottom: 16px;
}

div._walletAddress_neny1_87>div>button[data-role="primary"] {
    padding-left: 32px;
    padding-right: 32px;
}

div._walletAddress_neny1_87>div>hr {
    border-bottom: 1px solid rgb(235, 236, 244);
}

div._walletAddress_neny1_87>div>button {
    align-self: flex-start;
}

[data-theme="dark"] div._walletAddress_neny1_87>div>strong {
    color: rgb(235, 236, 244);
}

._loading_neny1_131 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._loading_neny1_131 hr {
    border-bottom: 1px solid white;
}

@keyframes _fadeIn_yz3bm_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_yz3bm_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_yz3bm_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_yz3bm_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_yz3bm_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_yz3bm_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_yz3bm_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_yz3bm_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._noResult_yz3bm_87 {
    padding: 16px;
    font-size: 1.4rem;
}

._currencySelector_yz3bm_92 {
    position: absolute;
    top: 100%;
    background-color: rgb(255, 255, 255);
    width: 100%;
    color: rgb(4, 24, 37);
    animation: 0.3s ease 0s 1 normal forwards running _maxHeightAnimation_yz3bm_1;
    overflow-y: auto;
    border-radius: 8px;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
}

[data-theme="dark"] ._currencySelector_yz3bm_92 {
    background-color: rgb(11, 22, 45);
    color: rgb(255, 255, 255);
}

._currencySelector_yz3bm_92 input {
    color: rgb(4, 24, 37);
    position: sticky;
    top: 0px;
    width: 100%;
    padding: 8px 16px;
    background-color: rgb(255, 255, 255);
}

[data-theme="dark"] ._currencySelector_yz3bm_92 input {
    background-color: rgb(11, 22, 45);
    color: rgb(255, 255, 255);
}

._currencySelector_yz3bm_92 input {
    z-index: 1;
}

._currencySelector_yz3bm_92 ul {
    padding: 8px;
}

._currencySelector_yz3bm_92 li {
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    color: rgb(4, 24, 37);
}

[data-theme="dark"] ._currencySelector_yz3bm_92 li {
    color: rgb(255, 255, 255);
}

._currencySelector_yz3bm_92 li:hover {
    background-color: rgb(235, 236, 244);
}

[data-theme="dark"] ._currencySelector_yz3bm_92 li:hover {
    background-color: rgb(11, 22, 45);
}

._currencySelector_yz3bm_92 li b {
    font-weight: 600;
    color: rgb(255, 87, 41);
}

._currencySelector_yz3bm_92 li img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _maxHeightAnimation_yz3bm_1 {
    0% {
        max-height: 0px;
    }

    100% {
        max-height: 270px;
    }
}

._currencyLogo_yz3bm_172 {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

._fakeSelect_yz3bm_184 {
    cursor: pointer;
    border-radius: 10px;
    padding: 8px 28px 8px 16px;
    width: 100%;
    border: 1px solid rgb(216, 218, 223);
    display: flex;
}

._fakeSelect_yz3bm_184>span {
    align-self: center;
    line-height: 2.1rem;
}

[data-theme="dark"] ._fakeSelect_yz3bm_184 {
    color: rgb(168, 179, 184);
    border-color: rgb(168, 179, 184);
}

._fakeSelect_yz3bm_184._disabled_yz3bm_202 {
    cursor: initial;
}

._fakeSelect_yz3bm_184._disabled_yz3bm_202 svg._arrow_yz3bm_205 {
    display: none;
}

._fakeSelect_yz3bm_184 svg._arrow_yz3bm_205 {
    width: 12px;
    height: 12px;
    min-width: 12px;
    max-width: 12px;
    min-height: 12px;
    max-height: 12px;
    object-fit: contain;
    object-position: center center;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    transition: transform 0.3s;
}

._fakeSelect_yz3bm_184 svg._arrow_yz3bm_205._opened_yz3bm_223 {
    transform: translateY(-50%) rotate(180deg);
}

._fakeSelect_yz3bm_184 svg._arrow_yz3bm_205 path {
    fill: rgb(168, 179, 184);
}

[data-theme="dark"] ._fakeSelect_yz3bm_184 svg._arrow_yz3bm_205 path {
    fill: rgb(255, 255, 255);
}

._fakeSelect_yz3bm_184 span.placeholder {
    color: rgb(168, 179, 184);
}

@keyframes _fadeIn_1r9gh_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1r9gh_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1r9gh_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1r9gh_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1r9gh_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1r9gh_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1r9gh_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1r9gh_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._addWithdrawalAddressModal_1r9gh_87>div {
    min-width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div._addWithdrawalAddressModal_1r9gh_87>div svg.loader {
    align-self: center;
}

div._addWithdrawalAddressModal_1r9gh_87>div>label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: rgb(11, 32, 45);
    text-align: left;
}

[data-theme="dark"] div._addWithdrawalAddressModal_1r9gh_87>div>label {
    color: rgb(168, 179, 184);
}

div._addWithdrawalAddressModal_1r9gh_87>div>label * {
    font-size: 1.6rem;
    font-weight: 400;
}

div._addWithdrawalAddressModal_1r9gh_87>div ._memoExplanation_1r9gh_114 {
    font-size: 1.2rem;
    margin-left: auto;
    color: rgb(255, 87, 41);
    margin-top: -8px;
}

@keyframes _fadeIn_ola8p_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_ola8p_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_ola8p_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_ola8p_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_ola8p_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_ola8p_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_ola8p_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_ola8p_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._addWithdrawalAddressModal_ola8p_87>div {
    min-width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

div._addWithdrawalAddressModal_ola8p_87>div>label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: rgb(11, 32, 45);
    text-align: left;
}

[data-theme="dark"] div._addWithdrawalAddressModal_ola8p_87>div>label {
    color: rgb(168, 179, 184);
}

div._addWithdrawalAddressModal_ola8p_87>div>label * {
    font-size: 1.6rem;
    font-weight: 400;
}

div._addWithdrawalAddressModal_ola8p_87>div ._fakeLabel_ola8p_111 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: rgb(11, 32, 45);
    text-align: left;
}

[data-theme="dark"] div._addWithdrawalAddressModal_ola8p_87>div ._fakeLabel_ola8p_111 {
    color: rgb(168, 179, 184);
}

div._addWithdrawalAddressModal_ola8p_87>div ._fakeLabel_ola8p_111 * {
    font-size: 1.6rem;
    font-weight: 400;
}

div._addWithdrawalAddressModal_ola8p_87>div ._input_ola8p_128 {
    font-size: 1.2rem;
}

div._addWithdrawalAddressModal_ola8p_87>div ._input_ola8p_128 :disabled,
div._addWithdrawalAddressModal_ola8p_87>div ._input_ola8p_128._disabled_ola8p_131 {
    opacity: 0.4;
}

div._addWithdrawalAddressModal_ola8p_87>div ._input_ola8p_128 :first-child {
    font-size: 1.6rem;
    font-weight: 400;
}

div._addWithdrawalAddressModal_ola8p_87>div ._switchButton_ola8p_138 {
    display: inline-flex;
    gap: 16px;
}

div._addWithdrawalAddressModal_ola8p_87>div ._switchButton_ola8p_138 button {
    flex: 1 1 0%;
    min-height: 40px;
    border-radius: 8px;
    border: 1px solid rgb(168, 179, 184);
    color: rgb(11, 32, 45);
    transition: 0.2s ease-in-out;
}

[data-theme="dark"] div._addWithdrawalAddressModal_ola8p_87>div ._switchButton_ola8p_138 button {
    color: rgb(168, 179, 184);
}

div._addWithdrawalAddressModal_ola8p_87>div ._switchButton_ola8p_138 button[data-selected="true"],
div._addWithdrawalAddressModal_ola8p_87>div ._switchButton_ola8p_138 button:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 87, 41);
    border-color: rgb(255, 87, 41);
}

div._addWithdrawalAddressModal_ola8p_87>div ._switchButton_ola8p_138 button:hover {
    opacity: 0.8;
}

div._addWithdrawalAddressModal_ola8p_87>div ._doubleInput_ola8p_162 {
    display: inline-flex;
    gap: 16px;
}

div._addWithdrawalAddressModal_ola8p_87>div ._doubleInput_ola8p_162>* {
    min-width: 100px;
    flex: 1 1 0%;
}

div._addWithdrawalAddressModal_ola8p_87>div ._moreInformations_ola8p_170 {
    color: rgb(255, 87, 41);
    margin-right: auto;
    font-size: 1.2rem;
}

div._addWithdrawalAddressModal_ola8p_87>div ._selectReduced_ola8p_175 ul {
    max-height: 100px;
}

div._addWithdrawalAddressModal_ola8p_87>div ._optionWithIcon_ola8p_178 {
    display: flex;
    justify-content: space-between;
}

div._addWithdrawalAddressModal_ola8p_87>div ._optionWithIcon_ola8p_178 svg {
    font-size: 1.4rem !important;
}

@keyframes _fadeIn_6e5rd_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_6e5rd_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_6e5rd_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_6e5rd_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_6e5rd_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_6e5rd_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_6e5rd_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_6e5rd_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._failureContainer_6e5rd_87 {
    background-color: rgba(255, 151, 122, 0.1);
    border-radius: 8px;
    padding: 8px 16px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    margin-top: 8px;
    gap: 12px;
}

._failureContainer_6e5rd_87 ._failureTitle_6e5rd_98 {
    font-size: 1.4rem;
    color: rgb(11, 32, 45);
    font-weight: 600;
}

[data-theme="dark"] ._failureContainer_6e5rd_87 ._failureTitle_6e5rd_98 {
    color: rgb(255, 255, 255);
}

._failureContainer_6e5rd_87 ._failureContent_6e5rd_107 {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
    line-height: 2.3rem;
    margin-right: auto;
}

._failureContainer_6e5rd_87 ._failureContent_6e5rd_107 strong {
    font-weight: 600;
    color: rgb(255, 87, 41);
}

._failureContainer_6e5rd_87 ._failureContent_6e5rd_107 a {
    color: rgb(255, 87, 41);
}

@keyframes _fadeIn_161rf_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_161rf_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_161rf_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_161rf_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_161rf_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_161rf_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_161rf_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_161rf_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._walletAddressRow_161rf_87 {
    min-width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-bottom: 1px solid rgb(235, 236, 244);
    padding-bottom: 16px;
}

._walletAddressRow_161rf_87 ._row_161rf_96,
._walletAddressRow_161rf_87 ._actions_161rf_97 {
    min-width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    gap: 44px;
}

@media only screen and (max-width: 1199.98px) {

    ._walletAddressRow_161rf_87 ._row_161rf_96,
    ._walletAddressRow_161rf_87 ._actions_161rf_97 {
        flex-wrap: wrap;
        gap: 20px;
    }

    ._walletAddressRow_161rf_87 ._row_161rf_96>span,
    ._walletAddressRow_161rf_87 ._actions_161rf_97>span {
        min-width: calc(50% - 20px);
    }

    ._walletAddressRow_161rf_87 ._row_161rf_96 span._travelRuleArticle_161rf_114,
    ._walletAddressRow_161rf_87 ._actions_161rf_97 span._travelRuleArticle_161rf_114 {
        display: none;
    }
}

._walletAddressRow_161rf_87 ._row_161rf_96 span:nth-child(1),
._walletAddressRow_161rf_87 ._actions_161rf_97 span:nth-child(1) {
    min-width: 125px;
}

@media only screen and (max-width: 767.98px) {

    ._walletAddressRow_161rf_87 ._row_161rf_96>span,
    ._walletAddressRow_161rf_87 ._actions_161rf_97>span {
        min-width: 100%;
    }
}

._walletAddressRow_161rf_87 ._row_161rf_96>span>span,
._walletAddressRow_161rf_87 ._actions_161rf_97>span>span {
    font-weight: 600;
}

._walletAddressRow_161rf_87 ._row_161rf_96 ._copiableAddress_161rf_133._disabled_161rf_133,
._walletAddressRow_161rf_87 ._actions_161rf_97 ._copiableAddress_161rf_133._disabled_161rf_133 {
    color: rgb(50, 77, 87);
}

[data-theme="dark"] ._walletAddressRow_161rf_87 ._row_161rf_96 ._copiableAddress_161rf_133._disabled_161rf_133,
[data-theme="dark"] ._walletAddressRow_161rf_87 ._actions_161rf_97 ._copiableAddress_161rf_133._disabled_161rf_133 {
    color: rgb(216, 218, 223);
}

._walletAddressRow_161rf_87 ._row_161rf_96 ._copiableAddress_161rf_133,
._walletAddressRow_161rf_87 ._actions_161rf_97 ._copiableAddress_161rf_133 {
    display: flex;
    gap: 10px;
    align-items: center;
}

._walletAddressRow_161rf_87 ._row_161rf_96 button._modify_161rf_147,
._walletAddressRow_161rf_87 ._row_161rf_96 button._delete_161rf_148,
._walletAddressRow_161rf_87 ._actions_161rf_97 button._modify_161rf_147,
._walletAddressRow_161rf_87 ._actions_161rf_97 button._delete_161rf_148 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    border-radius: 12px;
    background-color: rgb(254, 243, 241);
}

._walletAddressRow_161rf_87 ._row_161rf_96 button._modify_161rf_147:hover,
._walletAddressRow_161rf_87 ._row_161rf_96 button._delete_161rf_148:hover,
._walletAddressRow_161rf_87 ._actions_161rf_97 button._modify_161rf_147:hover,
._walletAddressRow_161rf_87 ._actions_161rf_97 button._delete_161rf_148:hover {
    background-color: rgb(255, 151, 122);
}

._walletAddressRow_161rf_87 ._row_161rf_96 button._modify_161rf_147:hover svg,
._walletAddressRow_161rf_87 ._row_161rf_96 button._delete_161rf_148:hover svg,
._walletAddressRow_161rf_87 ._actions_161rf_97 button._modify_161rf_147:hover svg,
._walletAddressRow_161rf_87 ._actions_161rf_97 button._delete_161rf_148:hover svg {
    color: rgb(255, 255, 255);
}

._walletAddressRow_161rf_87 ._row_161rf_96 button._modify_161rf_147>svg,
._walletAddressRow_161rf_87 ._row_161rf_96 button._delete_161rf_148>svg,
._walletAddressRow_161rf_87 ._actions_161rf_97 button._modify_161rf_147>svg,
._walletAddressRow_161rf_87 ._actions_161rf_97 button._delete_161rf_148>svg {
    width: 14px;
    height: 14px;
    min-width: 14px;
    max-width: 14px;
    min-height: 14px;
    max-height: 14px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 151, 122);
}

._walletAddressRow_161rf_87 ._row_161rf_96 button._modify_161rf_147,
._walletAddressRow_161rf_87 ._actions_161rf_97 button._modify_161rf_147 {
    right: 40px;
}

._walletAddressRow_161rf_87 ._row_161rf_96 button._delete_161rf_148,
._walletAddressRow_161rf_87 ._actions_161rf_97 button._delete_161rf_148 {
    right: 0px;
}

._walletAddressRow_161rf_87 ._row_161rf_96._actions_161rf_97,
._walletAddressRow_161rf_87 ._actions_161rf_97._actions_161rf_97 {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

._walletAddressRow_161rf_87 ._row_161rf_96._actions_161rf_97 button,
._walletAddressRow_161rf_87 ._actions_161rf_97._actions_161rf_97 button {
    font-family: Matter;
    color: rgb(255, 87, 41);
}

._walletAddressRow_161rf_87 ._row_161rf_96 ._disabled_161rf_133,
._walletAddressRow_161rf_87 ._actions_161rf_97 ._disabled_161rf_133 {
    opacity: 0.2;
}

@keyframes _fadeIn_1e9ij_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1e9ij_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1e9ij_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1e9ij_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1e9ij_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1e9ij_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1e9ij_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1e9ij_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._editWithdrawalAddressNameModal_1e9ij_87>div {
    min-width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div._editWithdrawalAddressNameModal_1e9ij_87>div>label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: rgb(11, 32, 45);
    text-align: left;
}

[data-theme="dark"] div._editWithdrawalAddressNameModal_1e9ij_87>div>label {
    color: rgb(168, 179, 184);
}

div._editWithdrawalAddressNameModal_1e9ij_87>div>label * {
    font-size: 1.6rem;
    font-weight: 400;
}

@keyframes _fadeIn_2pl6k_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_2pl6k_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_2pl6k_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_2pl6k_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_2pl6k_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_2pl6k_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_2pl6k_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_2pl6k_154 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._verify_2pl6k_88 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div._verify_2pl6k_88 ._inline_2pl6k_93 {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

div._verify_2pl6k_88 strong {
    display: block;
    font-weight: 600;
}

div._verify_2pl6k_88 strong>i {
    color: rgb(255, 87, 41);
}

div._verify_2pl6k_88 span>i {
    color: rgb(255, 87, 41);
    font-weight: 600;
}

div._verify_2pl6k_88>i {
    font-size: 1.2rem;
    line-height: 1.2rem;
}

div._verify_2pl6k_88 p.description a {
    display: inline-block;
    margin-left: 3px;
}

div._verify_2pl6k_88>div._panel_2pl6k_117,
div._verify_2pl6k_88>div ._panel_2pl6k_117 {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] div._verify_2pl6k_88>div._panel_2pl6k_117,
[data-theme="dark"] div._verify_2pl6k_88>div ._panel_2pl6k_117 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

div._verify_2pl6k_88>div ._subtitle_2pl6k_129 {
    margin-bottom: 8px;
}

@media only screen and (max-width: 575.98px) {
    div._verify_2pl6k_88>div ._subtitle_2pl6k_129 {
        display: flex;
        flex-direction: column;
    }
}

div._verify_2pl6k_88>div._verifySummary_2pl6k_138 {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

@media only screen and (max-width: 991.98px) {
    div._verify_2pl6k_88>div._verifySummary_2pl6k_138 {
        flex-direction: column;
    }
}

div._verify_2pl6k_88>div._verifySummary_2pl6k_138._company_2pl6k_148 {
    align-items: center;
}

div._verify_2pl6k_88>div._verifySummary_2pl6k_138._company_2pl6k_148>strong {
    color: rgb(255, 87, 41);
}

div._verify_2pl6k_88>div._verifySummary_2pl6k_138._company_2pl6k_148 ._loading_2pl6k_154 {
    min-width: auto;
}

div._verify_2pl6k_88>div._verifySummary_2pl6k_138>div {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
}

div._verify_2pl6k_88>div._verifySummary_2pl6k_138>div>span>span {
    top: -8px;
    font-size: 1.4rem;
    line-height: 1.4rem;
}

div._verify_2pl6k_88>div._verifySummary_2pl6k_138>div>span>span:last-child {
    margin-bottom: 60px;
}

@media only screen and (max-width: 991.98px) {
    div._verify_2pl6k_88>div._verifySummary_2pl6k_138>div>span>span:last-child {
        margin-bottom: 8px;
    }
}

div._verify_2pl6k_88>div._verifySummary_2pl6k_138>div ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

div._verify_2pl6k_88>div._verifySummary_2pl6k_138>div ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 20px;
    line-height: 160%;
}

div._verify_2pl6k_88>div._verifySummary_2pl6k_138>div ul li>i {
    font-weight: 600;
}

div._verify_2pl6k_88>div._verifySummary_2pl6k_138>div ul li strong {
    display: initial;
}

div._verify_2pl6k_88>div._verifySummary_2pl6k_138>div ul li>._loading_2pl6k_154 {
    margin-left: auto;
}

div._verify_2pl6k_88>div._verifySummary_2pl6k_138>div ul li::before {
    content: "•";
    color: rgb(255, 87, 41);
    margin-right: 15px;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}

div._verify_2pl6k_88>div._verifySummary_2pl6k_138>div ul li>span {
    display: inline-flex;
    align-items: center;
    width: 100%;
}

div._verify_2pl6k_88>div._verifySummary_2pl6k_138>div ul li>span>svg {
    width: 12px;
    height: 12px;
    min-width: 12px;
    max-width: 12px;
    min-height: 12px;
    max-height: 12px;
    object-fit: contain;
    object-position: center center;
    margin-left: 10px;
}

div._verify_2pl6k_88>div._verifySummary_2pl6k_138>div ._buttonLink_2pl6k_222 {
    margin-top: auto;
    align-self: center;
}

div._verify_2pl6k_88 ._buttonLink_2pl6k_222 {
    display: inline;
}

[data-theme="dark"] div._verify_2pl6k_88 ul li {
    color: rgb(255, 255, 255);
}

._check_2pl6k_234 {
    width: 40px;
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
    object-fit: contain;
    object-position: center center;
    align-self: center;
}

._check_2pl6k_234._checkToBottom_2pl6k_245 {
    margin-top: auto;
}

@keyframes _fadeIn_c0xbg_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_c0xbg_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_c0xbg_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_c0xbg_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_c0xbg_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_c0xbg_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_c0xbg_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_c0xbg_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._panel_c0xbg_87 {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] ._panel_c0xbg_87 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

._panel__title_c0xbg_97 {
    display: flex;
    justify-content: space-between;
    flex-flow: column wrap;
    padding-bottom: 8px;
}

._panel__nextLevel_c0xbg_103 {
    font-size: 1.4rem;
}

._panel__uptitle_c0xbg_106 {
    margin-bottom: 8px;
    display: flex;
}

@media only screen and (max-width: 575.98px) {
    ._panel__uptitle_c0xbg_106 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

._panel__description_c0xbg_117 a {
    display: inline-block;
    margin-left: 3px;
}

._panel__button_c0xbg_121 {
    margin-top: auto;
    align-self: center;
}

@keyframes _fadeIn_58w4e_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_58w4e_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_58w4e_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_58w4e_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_58w4e_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_58w4e_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_58w4e_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_58w4e_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._security_58w4e_87 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div._security_58w4e_87 .baseSecuritySection {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] div._security_58w4e_87 .baseSecuritySection {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

div._security_58w4e_87 .baseSecuritySection {
    justify-content: space-between;
}

@media only screen and (max-width: 767.98px) {
    div._security_58w4e_87 .baseSecuritySection {
        flex-direction: column;
    }
}

div._security_58w4e_87 .baseSecuritySection>div {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

div._security_58w4e_87 .baseSecuritySection>div>strong {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: rgb(50, 77, 87);
    font-weight: 600;
}

div._security_58w4e_87 .baseSecuritySection>div>strong>svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

div._security_58w4e_87 .baseSecuritySection>div p {
    display: flex;
    flex-direction: column;
}

div._security_58w4e_87 .baseSecuritySection>div p span {
    margin-bottom: 16px;
    margin-top: 16px;
}

div._security_58w4e_87 .baseSecuritySection>div p span mark {
    padding: 8px;
    margin-left: 8px;
    border-radius: 4px;
    background-color: rgb(235, 236, 244);
    font-weight: 600;
    line-height: 1.6rem;
}

div._security_58w4e_87 .baseSecuritySection>div p span span {
    display: inline-block;
    margin-left: 8px;
}

@media only screen and (max-width: 767.98px) {
    div._security_58w4e_87 .baseSecuritySection>div p span {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    div._security_58w4e_87 .baseSecuritySection>div p span mark {
        margin-left: 0px;
    }
}

[data-theme="dark"] div._security_58w4e_87 .baseSecuritySection strong {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] div._security_58w4e_87 mark {
    background-color: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
}

@keyframes _fadeIn_gstik_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_gstik_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_gstik_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_gstik_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_gstik_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_gstik_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_gstik_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_gstik_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@media only screen and (max-width: 767.98px) {
    div._securityLevel_gstik_88>div>strong {
        justify-content: center;
        flex-direction: column !important;
        align-items: center !important;
    }
}

div._securityLevel_gstik_88>div>strong>i[data-level="weak"] {
    color: rgb(255, 51, 65);
}

div._securityLevel_gstik_88>div>strong>i[data-level="medium"] {
    color: rgb(249, 115, 78);
}

div._securityLevel_gstik_88>div>strong>i[data-level="high"] {
    color: rgb(255, 211, 51);
}

div._securityLevel_gstik_88>div>strong>i[data-level="veryHigh"] {
    color: rgb(45, 210, 141);
}

div._securityLevel_gstik_88>div>strong>div._progress_gstik_106 {
    margin-left: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    min-height: 16px;
    max-height: 16px;
}

div._securityLevel_gstik_88>div>strong>div._progress_gstik_106[data-level="weak"]>div:nth-child(1) {
    background-color: rgb(255, 51, 65);
}

div._securityLevel_gstik_88>div>strong>div._progress_gstik_106[data-level="medium"]>div:nth-child(-n+2) {
    background-color: rgb(249, 115, 78);
}

div._securityLevel_gstik_88>div>strong>div._progress_gstik_106[data-level="high"]>div:nth-child(-n+3) {
    background-color: rgb(255, 211, 51);
}

div._securityLevel_gstik_88>div>strong>div._progress_gstik_106[data-level="veryHigh"]>div:nth-child(-n+4) {
    background-color: rgb(45, 210, 141);
}

div._securityLevel_gstik_88>div>strong>div._progress_gstik_106>div {
    background-color: rgb(235, 236, 244);
    border-radius: 3px;
    min-height: 16px;
    max-height: 16px;
    min-width: 50px;
}

[data-theme="dark"] div._securityLevel_gstik_88>div>strong div._progress_gstik_106>div {
    background-color: rgb(50, 77, 87);
}

@keyframes _fadeIn_kzvbz_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_kzvbz_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_kzvbz_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_kzvbz_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_kzvbz_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_kzvbz_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_kzvbz_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_kzvbz_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._antiPhishingModal_kzvbz_87 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    color: rgb(11, 32, 45);
    align-items: stretch;
}

._antiPhishingModal_kzvbz_87 span {
    max-width: 450px;
}

._antiPhishingModal_kzvbz_87 span._error_kzvbz_97 {
    color: red;
}

._antiPhishingModal_kzvbz_87 pre {
    color: rgb(11, 32, 45) !important;
}

[data-theme="dark"] div._antiPhishingModal_kzvbz_87 {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] div._antiPhishingModal_kzvbz_87 pre {
    color: rgb(255, 255, 255) !important;
}

@keyframes _fadeIn_2s9aj_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_2s9aj_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_2s9aj_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_2s9aj_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_2s9aj_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_2s9aj_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_2s9aj_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_2s9aj_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._contentTwoFactorAuthSetupModal_2s9aj_87 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
}

._contentTwoFactorAuthSetupModal_2s9aj_87 span {
    font-size: 1.4rem;
}

._contentTwoFactorAuthSetupModal_2s9aj_87 ._qrCode_2s9aj_96 {
    display: inline-flex;
    justify-content: center;
}

._contentTwoFactorAuthSetupModal_2s9aj_87 ._qrCode_2s9aj_96 img {
    width: 128px;
    height: 128px;
    min-width: 128px;
    max-width: 128px;
    min-height: 128px;
    max-height: 128px;
    object-fit: contain;
    object-position: center center;
}

@keyframes _fadeIn_lu22w_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_lu22w_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_lu22w_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_lu22w_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_lu22w_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_lu22w_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_lu22w_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_lu22w_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._twoFactorAuthConfirmationModal_lu22w_87>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

._twoFactorAuthConfirmationModal_lu22w_87>div span {
    font-size: 1.4rem;
}

@keyframes _fadeIn_8m5g0_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_8m5g0_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_8m5g0_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_8m5g0_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_8m5g0_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_8m5g0_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_8m5g0_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_8m5g0_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._passwordChangeModal_8m5g0_87>div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

div._passwordChangeModal_8m5g0_87 span,
div._passwordChangeModal_8m5g0_87 p {
    font-size: 1.4rem;
}

div._passwordChangeModal_8m5g0_87 span>div,
div._passwordChangeModal_8m5g0_87 span>div input {
    min-width: 100%;
}

@media only screen and (max-width: 767.98px) {
    div._passwordChangeModal_8m5g0_87 div.actions {
        flex-direction: column-reverse !important;
    }
}

div._passwordChangeModal_8m5g0_87 div._passwordStrength_8m5g0_103 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

@media only screen and (max-width: 767.98px) {
    div._passwordChangeModal_8m5g0_87 div._passwordStrength_8m5g0_103 {
        flex-direction: column;
        gap: 8px;
    }
}

div._passwordChangeModal_8m5g0_87 div._passwordStrength_8m5g0_103>div {
    flex: 1 1 0%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    min-height: 16px;
    max-height: 16px;
}

div._passwordChangeModal_8m5g0_87 div._passwordStrength_8m5g0_103>div[data-level="weak"]>div:nth-child(1) {
    background-color: rgb(255, 51, 65);
}

div._passwordChangeModal_8m5g0_87 div._passwordStrength_8m5g0_103>div[data-level="medium"]>div:nth-child(-n+2) {
    background-color: rgb(249, 115, 78);
}

div._passwordChangeModal_8m5g0_87 div._passwordStrength_8m5g0_103>div[data-level="high"]>div:nth-child(-n+3) {
    background-color: rgb(255, 211, 51);
}

div._passwordChangeModal_8m5g0_87 div._passwordStrength_8m5g0_103>div[data-level="veryHigh"]>div:nth-child(-n+4) {
    background-color: rgb(45, 210, 141);
}

div._passwordChangeModal_8m5g0_87 div._passwordStrength_8m5g0_103>div>div {
    flex: 1 1 0%;
    background-color: rgb(235, 236, 244);
    border-radius: 3px;
    min-height: 16px;
    max-height: 16px;
    min-width: 50px;
}

[data-theme="dark"] div._passwordChangeModal_8m5g0_87 {
    color: rgb(255, 255, 255);
}

i._warning_1qn3c_1 {
    font-size: 1.4rem;
}

@keyframes _fadeIn_9vtvx_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_9vtvx_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_9vtvx_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_9vtvx_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_9vtvx_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_9vtvx_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_9vtvx_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_9vtvx_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._deleteButton_9vtvx_87[data-role="quaternary"] {
    background-color: rgba(255, 125, 122, 0.5);
    color: red;
    border-color: transparent;
}

[data-theme="dark"] ._deleteButton_9vtvx_87[data-role="quaternary"] {
    color: rgb(255, 255, 255);
}

._deleteButton_9vtvx_87[data-role="quaternary"]:hover {
    background-color: rgb(255, 125, 122);
    color: rgb(255, 255, 255) !important;
}

._deleteButton_9vtvx_87[data-role="quaternary"]:active {
    background-color: red;
    color: rgb(255, 255, 255);
}

@keyframes _fadeIn_1tz7k_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1tz7k_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1tz7k_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1tz7k_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1tz7k_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1tz7k_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1tz7k_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1tz7k_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._confirmAccountDeletionModal_1tz7k_87>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

._confirmAccountDeletionModal_1tz7k_87>div>span {
    text-align: start;
}

._confirmAccountDeletionModal_1tz7k_87>div ._checkbox_1tz7k_96 span {
    font-size: 1.4rem;
    text-align: start;
}

._confirmAccountDeletionModal_1tz7k_87>div ._buttons_1tz7k_100 {
    display: inline-flex;
    gap: 16px;
}

._confirmAccountDeletionModal_1tz7k_87 ._cannotDelete_1tz7k_104 {
    margin-top: 12px;
    font-weight: 700;
}

._confirmAccountDeletionModal_1tz7k_87 ._cannotDelete_1tz7k_104 a {
    color: rgb(255, 87, 41);
    text-decoration: underline;
}

@keyframes _fadeIn_1l312_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1l312_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1l312_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1l312_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _loading_1l312_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _openPanel_1l312_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1l312_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1l312_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

._authenticationMethodsSection_1l312_87 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] ._authenticationMethodsSection_1l312_87 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

._authenticationMethodsSection_1l312_87 {
    overflow: hidden;
}

._authenticationMethodsSection_1l312_87 ._headerContainer_1l312_103 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
}

._authenticationMethodsSection_1l312_87 ._headerContainer_1l312_103:hover {
    opacity: 0.8;
}

._authenticationMethodsSection_1l312_87 ._headerContainer_1l312_103:hover ._chevron_1l312_117 {
    color: rgb(255, 151, 122);
}

._authenticationMethodsSection_1l312_87 ._chevron_1l312_117 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    transition: 0.3s;
    cursor: pointer;
}

._authenticationMethodsSection_1l312_87 ._header_1l312_103 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._authenticationMethodsSection_1l312_87 ._header_1l312_103 ._title_1l312_137 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: rgb(50, 77, 87);
    font-weight: 600;
}

._authenticationMethodsSection_1l312_87 ._header_1l312_103 ._title_1l312_137>svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

[data-theme="dark"] ._authenticationMethodsSection_1l312_87 ._header_1l312_103 ._title_1l312_137 {
    color: rgb(255, 255, 255);
}

._authenticationMethodsSection_1l312_87 ._content_1l312_159 {
    max-height: 0px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: 0.3s;
    transform-origin: center top;
    overflow: hidden;
}

._authenticationMethodsSection_1l312_87 ._disclaimer_1l312_168 {
    font-size: 1.2rem;
    font-weight: 500;
    padding-top: 8px;
    border-top: 1px solid rgb(235, 236, 244);
}

._authenticationMethodsSection_1l312_87._isOpen_1l312_174 ._chevron_1l312_117 {
    transform: rotateX(180deg);
}

._authenticationMethodsSection_1l312_87._isOpen_1l312_174 ._content_1l312_159 {
    max-height: max-content;
    animation: 0.2s ease 0s 1 normal none running _slideUpAnimation_1l312_1;
}

@keyframes _loading_20a4n_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._googleSignInSection_20a4n_14 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    border: 1px solid rgb(226, 232, 240);
    border-radius: 8px;
    padding: 16px;
}

._googleSignInSection_20a4n_14 ._statusActive_20a4n_23 {
    color: rgb(0, 128, 85);
    background-color: rgba(15, 219, 151, 0.15);
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 100%;
    margin-left: 8px;
}

._googleSignInSection_20a4n_14 ._title_20a4n_33 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%;
    color: rgb(50, 77, 87);
}

[data-theme="dark"] ._googleSignInSection_20a4n_14 ._title_20a4n_33 {
    color: rgb(255, 255, 255);
}

._googleSignInSection_20a4n_14 ._googleIcon_20a4n_43 {
    width: 32px;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    object-fit: contain;
    object-position: center center;
}

._googleSignInSection_20a4n_14 ._toggleButton_20a4n_53 {
    margin-left: auto;
    white-space: normal;
    height: auto;
    border-radius: 100px;
}

@media only screen and (max-width: 767.98px) {
    ._googleSignInSection_20a4n_14 {
        flex-direction: column;
        align-items: center;
    }

    ._googleSignInSection_20a4n_14 ._toggleButton_20a4n_53 {
        margin-left: 0px;
    }
}

._hiddenSigninButton_1ynxk_1 {
    display: none;
}

._googleLoginButton_1ynxk_5 {
    cursor: pointer;
}

@keyframes _loading_ccgc0_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._appleSignInSection_ccgc0_14 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    border: 1px solid rgb(226, 232, 240);
    border-radius: 8px;
    padding: 16px;
}

._appleSignInSection_ccgc0_14 ._statusActive_ccgc0_23 {
    background-color: rgba(15, 219, 151, 0.15);
    color: rgb(0, 128, 85);
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 100%;
    margin-left: 8px;
}

._appleSignInSection_ccgc0_14 ._title_ccgc0_33 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%;
    color: rgb(50, 77, 87);
}

[data-theme="dark"] ._appleSignInSection_ccgc0_14 ._title_ccgc0_33 {
    color: rgb(255, 255, 255);
}

._appleSignInSection_ccgc0_14 ._appleIcon_ccgc0_43 {
    width: 32px;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    object-fit: contain;
    object-position: center center;
}

._appleSignInSection_ccgc0_14 ._content_ccgc0_53 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._appleSignInSection_ccgc0_14 ._toggleButton_ccgc0_58 {
    margin-left: auto;
    white-space: normal;
    height: auto;
    border-radius: 100px;
}

@media only screen and (max-width: 767.98px) {
    ._appleSignInSection_ccgc0_14 {
        flex-direction: column;
        align-items: center;
    }

    ._appleSignInSection_ccgc0_14 ._toggleButton_ccgc0_58 {
        margin-left: 0px;
    }
}

@keyframes _loading_7t534_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._passkeySection_7t534_14 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    border: 1px solid rgb(226, 232, 240);
    border-radius: 8px;
    padding: 16px;
}

._passkeySection_7t534_14>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

._passkeySection_7t534_14 ._statusActive_7t534_29 {
    color: rgb(0, 128, 85);
    background-color: rgba(15, 219, 151, 0.15);
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 100%;
    margin-left: 8px;
}

._passkeySection_7t534_14 ._title_7t534_39 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%;
    color: rgb(50, 77, 87);
}

[data-theme="dark"] ._passkeySection_7t534_14 ._title_7t534_39 {
    color: rgb(255, 255, 255);
}

._passkeySection_7t534_14 ._passkeyIcon_7t534_49 {
    width: 32px;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    object-fit: contain;
    object-position: center center;
}

._passkeySection_7t534_14 ._content_7t534_59 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

._passkeySection_7t534_14 ._toggleButton_7t534_65 {
    margin-left: auto;
    white-space: normal;
    height: auto;
    border-radius: 100px;
}

@media only screen and (max-width: 767.98px) {
    ._passkeySection_7t534_14 {
        flex-direction: column;
        align-items: center;
    }

    ._passkeySection_7t534_14 ._toggleButton_7t534_65 {
        margin-left: 0px;
    }
}

@keyframes _fadeIn_c4c6z_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_c4c6z_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_c4c6z_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_c4c6z_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_c4c6z_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_c4c6z_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_c4c6z_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_c4c6z_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

i._warning_c4c6z_87 {
    font-size: 1.4rem;
}

._statusActive_c4c6z_91 {
    color: rgb(0, 128, 85);
    background-color: rgba(15, 219, 151, 0.15);
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 100%;
}

._remainingLockPeriodContainer_c4c6z_101 ._remainingLockPeriod_c4c6z_101 {
    display: flex;
    flex-direction: column;
    background-color: rgb(254, 243, 241);
    border-radius: 8px;
    padding: 8px 12px;
    text-align: center;
}

[data-theme="dark"] ._remainingLockPeriodContainer_c4c6z_101 ._remainingLockPeriod_c4c6z_101 {
    background-color: rgba(255, 87, 41, 0.1);
}

._remainingLockPeriodContainer_c4c6z_101 ._remainingLockPeriod_c4c6z_101 span {
    text-wrap: nowrap;
}

._remainingLockPeriodContainer_c4c6z_101 ._remainingLockPeriod_c4c6z_101 ._title_c4c6z_116 {
    font-size: 1.2rem;
    color: rgb(255, 151, 122);
}

._remainingLockPeriodContainer_c4c6z_101 ._remainingLockPeriod_c4c6z_101 ._remainingTime_c4c6z_120 {
    color: rgb(255, 87, 41);
    font-weight: 700;
    text-transform: lowercase;
}

._remainingLockPeriodContainer_c4c6z_101 ._endDate_c4c6z_125 {
    font-size: 1.2rem;
    font-style: italic;
    color: rgb(50, 77, 87);
    text-align: center;
}

[data-theme="dark"] ._remainingLockPeriodContainer_c4c6z_101 ._endDate_c4c6z_125 {
    color: rgb(235, 236, 244);
}

@keyframes _fadeIn_1e2c2_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1e2c2_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1e2c2_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1e2c2_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1e2c2_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1e2c2_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1e2c2_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1e2c2_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._activateWithdrawalLockModal_1e2c2_87 {
    overflow-y: visible;
}

div._activateWithdrawalLockModal_1e2c2_87>div {
    display: flex;
    flex-direction: column;
    gap: 24px;
    color: rgb(50, 77, 87);
    text-align: left;
}

[data-theme="dark"] div._activateWithdrawalLockModal_1e2c2_87>div {
    color: rgb(255, 255, 255);
}

div._activateWithdrawalLockModal_1e2c2_87 ._lockConditions_1e2c2_101 {
    display: flex;
    flex-direction: column;
}

div._activateWithdrawalLockModal_1e2c2_87 ._lockConditions_1e2c2_101 li {
    list-style: disc;
    margin-left: 20px;
}

div._activateWithdrawalLockModal_1e2c2_87 ul,
div._activateWithdrawalLockModal_1e2c2_87 p,
div._activateWithdrawalLockModal_1e2c2_87 li,
div._activateWithdrawalLockModal_1e2c2_87 ._lockPeriodSelect_1e2c2_109 {
    text-align: left;
}

div._activateWithdrawalLockModal_1e2c2_87 span pre {
    color: rgb(50, 77, 87);
    font-size: 1.4rem;
}

[data-theme="dark"] div._activateWithdrawalLockModal_1e2c2_87 span pre {
    color: rgb(255, 255, 255);
}

div._activateWithdrawalLockModal_1e2c2_87 ._irreversibleNotice_1e2c2_120 {
    display: flex;
    flex-direction: row;
    text-align: left;
    font-size: 1.4rem;
    gap: 8px;
    background-color: rgba(216, 218, 223, 0.15);
    padding: 10px;
    border-radius: 8px;
}

div._activateWithdrawalLockModal_1e2c2_87 ._irreversibleNotice_1e2c2_120 svg {
    margin-top: 3px;
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

div._activateWithdrawalLockModal_1e2c2_87 ._termsCheckbox_1e2c2_141 {
    font-size: 1.4rem;
}

div._activateWithdrawalLockModal_1e2c2_87 ._termsCheckbox_1e2c2_141>span {
    color: rgb(50, 77, 87);
}

[data-theme="dark"] div._activateWithdrawalLockModal_1e2c2_87 ._termsCheckbox_1e2c2_141>span {
    color: rgb(255, 255, 255);
}

div._activateWithdrawalLockModal_1e2c2_87 ._termsCheckbox_1e2c2_141 svg {
    color: rgb(255, 255, 255);
}

@keyframes _fadeIn_1fisg_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1fisg_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1fisg_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1fisg_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1fisg_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1fisg_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1fisg_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1fisg_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._affiliationDetails_1fisg_87 {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    gap: 16px;
}

div._affiliationDetails_1fisg_87 ._errorMessage_1fisg_93 {
    color: rgb(211, 29, 41);
    font-size: 1.2rem;
    display: block;
    margin-bottom: 8px;
    padding-left: 18px;
}

div._affiliationDetails_1fisg_87 ._infoMessage_1fisg_100 {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
    display: block;
    margin-bottom: 12px;
}

div._affiliationDetails_1fisg_87 ._center_1fisg_106 {
    align-self: center;
}

div._affiliationDetails_1fisg_87 ._title_1fisg_109 {
    font-weight: 600;
    color: rgb(50, 77, 87);
    font-size: 1.6rem;
}

[data-theme="dark"] div._affiliationDetails_1fisg_87 ._title_1fisg_109 {
    color: rgb(255, 255, 255);
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118,
div._affiliationDetails_1fisg_87 ._stats_1fisg_119,
div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120,
div._affiliationDetails_1fisg_87 ._inviteFriends_1fisg_121,
div._affiliationDetails_1fisg_87 ._referrer_1fisg_122,
div._affiliationDetails_1fisg_87 ._historyTable_1fisg_123 {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] div._affiliationDetails_1fisg_87 ._link_1fisg_118,
[data-theme="dark"] div._affiliationDetails_1fisg_87 ._stats_1fisg_119,
[data-theme="dark"] div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120,
[data-theme="dark"] div._affiliationDetails_1fisg_87 ._inviteFriends_1fisg_121,
[data-theme="dark"] div._affiliationDetails_1fisg_87 ._referrer_1fisg_122,
[data-theme="dark"] div._affiliationDetails_1fisg_87 ._historyTable_1fisg_123 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._shareSocial_1fisg_143 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex: 1 1 0%;
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._shareSocial_1fisg_143 .makeStyles-container-1 {
    padding: 0px;
    background-color: transparent;
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._shareSocial_1fisg_143 .makeStyles-iconContainer-3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 0px;
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._shareSocial_1fisg_143 .makeStyles-iconContainer-3 button {
    margin: 0px;
    flex: unset;
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._shareSocial_1fisg_143 .makeStyles-iconContainer-3 svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._shareSocial_1fisg_143 .makeStyles-copyContainer-5 {
    display: none;
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._checkbox_1fisg_178 {
    align-items: center;
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._copy_1fisg_181 {
    width: 40px;
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
    object-fit: contain;
    object-position: center center;
    border-radius: 20px;
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._copy_1fisg_181 svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._editLink_1fisg_202 {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 8px;
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._editLink_1fisg_202 ._input_1fisg_211 {
    flex: 1 1 0%;
    padding: 11px 16px;
    border: 2px solid rgb(235, 236, 244);
    border-radius: 30px;
    font-size: 1.4rem;
    display: flex;
    flex-direction: row;
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._editLink_1fisg_202 ._input_1fisg_211._edit_1fisg_202 {
    border-color: rgb(255, 87, 41);
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._editLink_1fisg_202 ._input_1fisg_211._edit_1fisg_202 span {
    color: rgb(216, 218, 223);
}

[data-theme="dark"] div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._editLink_1fisg_202 ._input_1fisg_211 {
    border-color: rgb(168, 179, 184);
    color: rgb(168, 179, 184);
}

@media only screen and (max-width: 575.98px) {
    div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._editLink_1fisg_202 ._input_1fisg_211 {
        width: 100%;
    }
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._editLink_1fisg_202 ._input_1fisg_211 input {
    flex: 1 1 0%;
}

[data-theme="dark"] div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._editLink_1fisg_202 ._input_1fisg_211 input {
    color: rgb(255, 255, 255);
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._editLink_1fisg_202 ._actions_1fisg_243,
div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._share_1fisg_120 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._share_1fisg_120 ._information_1fisg_255 {
    flex: 2 1 0%;
    display: flex;
    flex-direction: row;
    gap: 8px;
    font-size: 1.2rem;
    color: rgb(4, 24, 37);
    min-width: 250px;
}

[data-theme="dark"] div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._share_1fisg_120 ._information_1fisg_255 {
    color: rgb(255, 255, 255);
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._share_1fisg_120 ._information_1fisg_255 svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._share_1fisg_120 ._information_1fisg_255 svg path {
    fill: currentcolor;
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._share_1fisg_120 ._socialNetworkLinks_1fisg_281 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._share_1fisg_120 ._socialNetworkLinks_1fisg_281 ._socialNetworkLink_1fisg_281 svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

@media only screen and (max-width: 575.98px) {
    div._affiliationDetails_1fisg_87 ._link_1fisg_118 ._share_1fisg_120 {
        flex-direction: column;
        justify-content: space-around;
        gap: 16px;
    }
}

div._affiliationDetails_1fisg_87 ._stats_1fisg_119 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div._affiliationDetails_1fisg_87 ._stats_1fisg_119 ._list_1fisg_308 {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    gap: 8px;
}

div._affiliationDetails_1fisg_87 ._stats_1fisg_119 ._list_1fisg_308 ._valuations_1fisg_315 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: right;
}

div._affiliationDetails_1fisg_87 ._stats_1fisg_119 ._list_1fisg_308 ._valuations_1fisg_315 ._token_1fisg_321 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

div._affiliationDetails_1fisg_87 ._stats_1fisg_119 ._list_1fisg_308 ._valuations_1fisg_315 ._token_1fisg_321 img {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

div._affiliationDetails_1fisg_87 ._stats_1fisg_119 ._list_1fisg_308 ._valuations_1fisg_315 i {
    color: rgb(168, 179, 184);
}

div._affiliationDetails_1fisg_87 ._stats_1fisg_119 ._list_1fisg_308>* {
    flex: 1 1 0%;
}

div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._rewards_1fisg_348 {
    border: 1px solid transparent;
    padding: 16px;
    background-color: rgb(252, 251, 247);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    transition: border 0.4s;
}

[data-theme="dark"] div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._rewards_1fisg_348 {
    background-color: rgba(11, 22, 45, 0.2);
}

div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._rewards_1fisg_348._edit_1fisg_202 {
    border-color: rgb(255, 87, 41);
}

@media only screen and (max-width: 575.98px) {
    div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._rewards_1fisg_348 {
        flex-direction: column;
    }
}

div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._rewards_1fisg_348 ._repartition_1fisg_371 {
    flex: 1 1 0%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

@media only screen and (max-width: 575.98px) {
    div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._rewards_1fisg_348 ._repartition_1fisg_371 {
        flex-direction: column;
        gap: 8px;
    }
}

div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._rewards_1fisg_348 ._repartition_1fisg_371 ._amountInput_1fisg_384 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(168, 179, 184);
    border-radius: 8px;
    padding: 8px;
}

[data-theme="dark"] div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._rewards_1fisg_348 ._repartition_1fisg_371 ._amountInput_1fisg_384 {
    background-color: rgba(11, 22, 45, 0.2);
}

div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._rewards_1fisg_348 ._repartition_1fisg_371 ._amountInput_1fisg_384 input {
    font-weight: 600;
    max-width: 50px;
}

div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._rewards_1fisg_348 ._repartition_1fisg_371>div {
    display: flex;
    flex-direction: column;
}

div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._rewards_1fisg_348 ._repartition_1fisg_371>div strong {
    font-weight: 400;
    margin-bottom: 8px;
}

div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._rewards_1fisg_348 ._repartition_1fisg_371>div p {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
}

div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._rewards_1fisg_348 ._repartition_1fisg_371>div i {
    font-weight: 600;
    font-style: normal;
    color: rgb(255, 87, 41);
    margin-bottom: 12px;
}

@media only screen and (max-width: 575.98px) {
    div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._rewards_1fisg_348 ._repartition_1fisg_371>div i {
        margin-bottom: 4px;
    }
}

div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._rewards_1fisg_348 ._repartition_1fisg_371>div._amount_1fisg_384 {
    white-space: nowrap;
    align-items: flex-end;
}

@media only screen and (max-width: 575.98px) {
    div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._rewards_1fisg_348 ._repartition_1fisg_371>div._amount_1fisg_384 {
        align-items: center;
    }
}

div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._actions_1fisg_243 {
    display: flex;
    justify-content: flex-end;
}

div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._actions_1fisg_243 button {
    font-family: Matter;
    color: rgb(255, 87, 41);
}

div._affiliationDetails_1fisg_87 ._shareRewards_1fisg_120 ._actions_1fisg_243 button:not(:disabled):hover {
    text-decoration: underline;
    font-weight: 500;
    text-underline-offset: 3px;
}

div._affiliationDetails_1fisg_87 ._referrer_1fisg_122,
div._affiliationDetails_1fisg_87 ._inviteFriends_1fisg_121 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div._affiliationDetails_1fisg_87 ._inviteFriends_1fisg_121>p {
    color: rgb(168, 179, 184);
    font-size: 1.2rem;
}

div._affiliationDetails_1fisg_87 ._inviteFriends_1fisg_121 a {
    color: rgb(255, 87, 41);
}

div._affiliationDetails_1fisg_87 ._inviteFriends_1fisg_121 ._divide_1fisg_463 {
    display: flex;
    flex-flow: wrap;
    gap: 24px;
}

@media only screen and (max-width: 767.98px) {
    div._affiliationDetails_1fisg_87 ._inviteFriends_1fisg_121 ._divide_1fisg_463 {
        flex-direction: column-reverse;
    }
}

div._affiliationDetails_1fisg_87 ._inviteFriends_1fisg_121 ._divide_1fisg_463>div {
    flex: 1 1 0%;
}

div._affiliationDetails_1fisg_87 ._inviteFriends_1fisg_121 ._divide_1fisg_463 ._illustration_1fisg_477 {
    display: flex;
    align-items: center;
}

div._affiliationDetails_1fisg_87 ._inviteFriends_1fisg_121 ._divide_1fisg_463 ._content_1fisg_481 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

div._affiliationDetails_1fisg_87 ._inviteFriends_1fisg_121 ._divide_1fisg_463 ._content_1fisg_481 span {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

div._affiliationDetails_1fisg_87 ._inviteFriends_1fisg_121 ._divide_1fisg_463 ._content_1fisg_481 span svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

div._affiliationDetails_1fisg_87 ._inviteFriends_1fisg_121 ._divide_1fisg_463 ._content_1fisg_481 i {
    padding-left: 32px;
    color: rgb(168, 179, 184);
    margin-top: -24px;
}

div._affiliationDetails_1fisg_87 ._historyTable_1fisg_123 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div._affiliationDetails_1fisg_87 ._historyTable_1fisg_123 ._pagination_1fisg_512 {
    align-self: center;
}

div._affiliationDetails_1fisg_87 ._historyTable_1fisg_123 ._status_1fisg_515 {
    border-radius: 16px;
    padding: 3px 8px;
    border: 1px solid;
    white-space: nowrap;
}

div._affiliationDetails_1fisg_87 ._historyTable_1fisg_123 ._status_1fisg_515[data-status="registered"] {
    color: rgb(205, 173, 255);
}

div._affiliationDetails_1fisg_87 ._historyTable_1fisg_123 ._status_1fisg_515[data-status="kycCompleted"] {
    color: rgb(50, 78, 87);
}

[data-theme="dark"] div._affiliationDetails_1fisg_87 ._historyTable_1fisg_123 ._status_1fisg_515[data-status="kycCompleted"] {
    color: rgb(252, 251, 247);
}

div._affiliationDetails_1fisg_87 ._historyTable_1fisg_123 ._status_1fisg_515[data-status="investmentCompleted"] {
    color: rgb(255, 151, 122);
}

div._affiliationDetails_1fisg_87 ._historyTable_1fisg_123 ._status_1fisg_515[data-status="stakingCompleted"] {
    color: rgb(15, 219, 151);
}

div._affiliationDetails_1fisg_87 ._historyTable_1fisg_123 ._status_1fisg_515[data-status="suspended"] {
    color: rgb(211, 29, 41);
}

div._affiliationDetails_1fisg_87 ._historyTable_1fisg_123 ._reward_1fisg_348 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

div._affiliationDetails_1fisg_87 ._historyTable_1fisg_123 ._loader_1fisg_545 {
    display: flex;
    align-items: center;
    justify-content: center;
}

div._affiliationDetails_1fisg_87 ._historyTable_1fisg_123 ._loader_1fisg_545 ._loaderItem_1fisg_550 {
    width: 40px;
    height: 40px;
}

@keyframes _fadeIn_133ns_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_133ns_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_133ns_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_133ns_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_133ns_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_133ns_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_133ns_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_133ns_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div ._inheritancePage_133ns_87 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div ._inheritancePage_133ns_87 ._container_133ns_92 {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] div ._inheritancePage_133ns_87 ._container_133ns_92 {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

div ._inheritancePage_133ns_87 ._container_133ns_92>strong {
    display: block;
    color: rgb(50, 77, 87);
    font-weight: 600;
    margin-bottom: 16px;
}

[data-theme="dark"] div ._inheritancePage_133ns_87 ._container_133ns_92>strong {
    color: rgb(255, 255, 255);
}

div ._inheritancePage_133ns_87 ._container_133ns_92 i>svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceInformation_133ns_122 {
    display: flex;
    gap: 24px;
}

@media only screen and (max-width: 1199.98px) {
    div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceInformation_133ns_122 {
        flex-direction: column;
        align-items: center;
    }
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceInformation_133ns_122 ._description_133ns_132 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceInformation_133ns_122 ._description_133ns_132 ._row_133ns_137 {
    line-height: 24px;
    display: flex;
    gap: 8px;
    color: rgb(50, 77, 87);
}

[data-theme="dark"] div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceInformation_133ns_122 ._description_133ns_132 ._row_133ns_137 {
    color: rgb(255, 255, 255);
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceInformation_133ns_122 ._description_133ns_132 ._more_133ns_147 {
    font-size: 1.2rem;
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceInformation_133ns_122 ._description_133ns_132 ._more_133ns_147 span {
    color: rgb(168, 179, 184);
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceInformation_133ns_122 ._description_133ns_132 ._more_133ns_147 a {
    color: rgb(255, 87, 41);
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceInformation_133ns_122 ._image_133ns_156 {
    display: flex;
    width: 290px;
    flex-grow: 0;
    flex-shrink: 0;
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceInformation_133ns_122 ._image_133ns_156 img {
    width: 100%;
    object-fit: contain;
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 ._row_133ns_137 {
    display: grid;
    column-gap: 4px;
    grid-template-columns: minmax(100px, 3fr) minmax(100px, 2fr) minmax(100px, 4fr) minmax(100px, 3fr) 90px 30px;
}

@media only screen and (max-width: 1199.98px) {
    div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 ._row_133ns_137 {
        grid-template-columns: minmax(100px, 2fr) minmax(100px, 1fr) minmax(100px, 2fr) 30px;
    }
}

@media only screen and (max-width: 767.98px) {
    div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 ._row_133ns_137 {
        grid-template-columns: minmax(100px, 1fr) minmax(100px, 1fr) 30px;
    }
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 ._row_133ns_137>span {
    font-weight: 600;
    padding-bottom: 8px;
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 ._row_133ns_137>span>span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 ._row_133ns_137 ._primaryCta_133ns_195 {
    margin-left: auto;
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    border-radius: 12px;
    background-color: rgb(254, 243, 241);
}

@media only screen and (max-width: 1199.98px) {
    div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 ._row_133ns_137 ._primaryCta_133ns_195 {
        grid-column: 4;
    }
}

@media only screen and (max-width: 767.98px) {
    div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 ._row_133ns_137 ._primaryCta_133ns_195 {
        grid-column: 3;
    }
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 ._row_133ns_137 ._primaryCta_133ns_195 svg {
    width: 14px;
    height: 14px;
    min-width: 14px;
    max-width: 14px;
    min-height: 14px;
    max-height: 14px;
    object-fit: contain;
    object-position: center center;
    color: rgb(255, 151, 122);
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 ._row_133ns_137 ._primaryCta_133ns_195:hover {
    background-color: rgb(255, 151, 122);
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 ._row_133ns_137 ._primaryCta_133ns_195:hover svg {
    color: rgb(255, 255, 255);
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 ._row_133ns_137 ._secondaryCta_133ns_235 {
    border-bottom: 1px solid rgb(235, 236, 244);
    padding-bottom: 16px;
    grid-column: 1 / 7;
}

@media only screen and (max-width: 1199.98px) {
    div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 ._row_133ns_137 ._secondaryCta_133ns_235 {
        grid-area: 3 / 1 / auto / 5;
    }
}

@media only screen and (max-width: 767.98px) {
    div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 ._row_133ns_137 ._secondaryCta_133ns_235 {
        grid-area: 4 / 1 / auto / 4;
    }
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 ._row_133ns_137 ._secondaryCta_133ns_235 button {
    font-family: Matter;
    color: rgb(255, 87, 41);
}

div ._inheritancePage_133ns_87 ._container_133ns_92 ._inheritanceContacts_133ns_166 ._row_133ns_137 ._loader_133ns_256 {
    max-width: 90%;
    min-width: 90%;
}

._lastName_133ns_261 {
    grid-area: 1 / 1;
}

._firstName_133ns_266 {
    grid-area: 1 / 2;
}

@media only screen and (max-width: 767.98px) {
    ._firstName_133ns_266 {
        grid-area: 1 / 2;
    }
}

._email_133ns_277 {
    grid-area: 1 / 3;
}

@media only screen and (max-width: 1199.98px) {
    ._email_133ns_277 {
        grid-area: 1 / 3;
    }
}

@media only screen and (max-width: 767.98px) {
    ._email_133ns_277 {
        grid-area: 2 / 1;
    }
}

._phone_133ns_294 {
    grid-area: 1 / 4;
}

@media only screen and (max-width: 1199.98px) {
    ._phone_133ns_294 {
        grid-area: 2 / 1;
    }
}

@media only screen and (max-width: 767.98px) {
    ._phone_133ns_294 {
        grid-area: 2 / 2;
    }
}

._delay_133ns_311 {
    grid-area: 1 / 5;
}

@media only screen and (max-width: 1199.98px) {
    ._delay_133ns_311 {
        grid-area: 2 / 2;
    }
}

@media only screen and (max-width: 767.98px) {
    ._delay_133ns_311 {
        grid-area: 3 / 1;
    }
}

@keyframes _fadeIn_ccaoh_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_ccaoh_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_ccaoh_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_ccaoh_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_ccaoh_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_ccaoh_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_ccaoh_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_ccaoh_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div div._inheritanceModal_ccaoh_87 {
    overflow-y: visible;
}

div div._inheritanceModal_ccaoh_87>div {
    min-width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

div div._inheritanceModal_ccaoh_87>div>span pre {
    color: rgb(50, 77, 87);
}

div div._inheritanceModal_ccaoh_87>div>span div._alignLeft_ccaoh_100 {
    font-weight: 400;
    text-align: left;
}

._warning_ccaoh_105 {
    margin-top: 0px;
    text-align: left;
}

label._checkbox_ccaoh_110 div {
    margin-top: 3px;
}

[data-theme="dark"] ._phoneInput_ccaoh_114,
[data-theme="dark"] ._phoneInput_ccaoh_114 div input {
    color: rgb(168, 179, 184);
}

@keyframes _fadeIn_8f9r2_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_8f9r2_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_8f9r2_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_8f9r2_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_8f9r2_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_8f9r2_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_8f9r2_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_8f9r2_136 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._api_8f9r2_87 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

div._api_8f9r2_87>div {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    padding: 24px;
}

[data-theme="dark"] div._api_8f9r2_87>div {
    background-color: rgba(11, 22, 45, 0.2) !important;
    color: rgb(255, 255, 255);
}

div._api_8f9r2_87>div>strong {
    display: block;
    color: rgb(50, 77, 87);
    font-weight: 600;
    margin-bottom: 8px;
}

div._api_8f9r2_87>div>p {
    margin-bottom: 16px;
}

div._api_8f9r2_87>div>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

@media only screen and (max-width: 575.98px) {
    div._api_8f9r2_87>div>div {
        flex-direction: column;
        align-items: flex-end;
    }

    div._api_8f9r2_87>div>div>div {
        min-width: 100%;
    }

    div._api_8f9r2_87>div>div>div input[type="text"] {
        flex: 1 1 0%;
    }
}

div._api_8f9r2_87>div>div>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    flex: 1 1 0%;
}

div._api_8f9r2_87>div>div>div._loading_8f9r2_136 {
    min-width: 70% !important;
}

@media only screen and (max-width: 575.98px) {
    div._api_8f9r2_87>div>div>div._loading_8f9r2_136 {
        min-width: 100% !important;
    }
}

div._api_8f9r2_87>div>div>div input[type="text"] {
    padding: 8px 32px;
    line-height: 1.6rem;
    min-width: 70%;
}

div._api_8f9r2_87>div>div>div>button svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

div._api_8f9r2_87>div>div div.actions {
    flex: 0 0 auto;
}

div._api_8f9r2_87>div>div div.actions button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    border-radius: 16px;
    background-color: rgb(254, 243, 241);
    transition: 0.3s;
}

div._api_8f9r2_87>div>div div.actions button._spacing_8f9r2_174 {
    margin-left: auto;
}

div._api_8f9r2_87>div>div div.actions button svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

div._api_8f9r2_87>div>div div.actions button svg path {
    fill: rgb(255, 151, 122);
}

div._api_8f9r2_87>div>div div.actions button:not(:disabled):hover {
    background-color: rgb(255, 151, 122);
}

div._api_8f9r2_87>div>div div.actions button:not(:disabled):hover svg path {
    fill: rgb(255, 255, 255);
}

div._api_8f9r2_87>div>div div.actions button:disabled {
    cursor: initial;
    background-color: rgb(235, 236, 244);
}

div._api_8f9r2_87>div>div div.actions button:disabled svg path {
    fill: rgb(255, 255, 255);
}

[data-theme="dark"] div._api_8f9r2_87>div>strong {
    color: rgb(235, 236, 244);
}

[data-theme="dark"] div._api_8f9r2_87 button:disabled {
    background-color: rgb(50, 77, 87) !important;
}

[data-theme="dark"] div._api_8f9r2_87 input[type="text"] {
    color: rgb(255, 255, 255);
}

@keyframes _fadeIn_1rld6_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1rld6_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1rld6_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1rld6_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1rld6_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1rld6_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1rld6_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1rld6_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._account_1rld6_87 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow-y: hidden;
}

._account_1rld6_87 ._page_1rld6_93 {
    min-height: 100%;
    max-height: 100%;
    display: inline-flex;
    justify-content: space-between;
    gap: 16px;
}

@media only screen and (max-width: 991.98px) {
    ._account_1rld6_87 ._page_1rld6_93>nav {
        min-width: 100%;
    }

    ._account_1rld6_87 ._page_1rld6_93>div._content_1rld6_104 {
        position: absolute;
        top: 100vh;
        transition: top 0.2s;
        left: 0px;
        right: 0px;
        min-width: 100%;
        min-height: 100%;
        max-height: 100%;
    }

    ._account_1rld6_87 ._page_1rld6_93>div._content_1rld6_104._visible_1rld6_114 {
        top: 40px;
    }
}

._account_1rld6_87 ._page_1rld6_93 ._content_1rld6_104 {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
    overflow-y: auto;
    padding: 15px;
    margin: -15px;
}

._account_1rld6_87 ._page_1rld6_93 ._content_1rld6_104>div {
    min-width: 100%;
}

[data-theme="dark"] ._account_1rld6_87>strong {
    color: rgb(255, 255, 255);
}

._title_1rld6_136 {
    padding: 0px 24px 18px;
}

@media only screen and (max-width: 991.98px) {
    ._title_1rld6_136 {
        padding: 10px 15px;
    }
}

@keyframes _fadeIn_1o4jp_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1o4jp_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1o4jp_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1o4jp_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1o4jp_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1o4jp_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1o4jp_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1o4jp_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

nav._menu_1o4jp_87 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    padding: 16px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    min-width: 320px;
    overflow-y: auto;
}

nav._menu_1o4jp_87 ul {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    justify-content: flex-start;
    gap: 8px;
}

nav._menu_1o4jp_87 ul li {
    display: flex;
}

nav._menu_1o4jp_87 ul li a {
    flex: 1 1 0%;
    display: inline-flex;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    color: rgb(11, 32, 45);
    text-decoration: none;
    border-radius: 8px;
    transition: 0.3s;
    position: relative;
}

nav._menu_1o4jp_87 ul li a svg._round_1o4jp_120 {
    width: 8px;
    height: 8px;
    min-width: 8px;
    max-width: 8px;
    min-height: 8px;
    max-height: 8px;
    object-fit: contain;
    object-position: center center;
}

nav._menu_1o4jp_87 ul li a svg._round_1o4jp_120 circle {
    fill: rgb(255, 87, 41);
}

nav._menu_1o4jp_87 ul li a svg._external_1o4jp_133 {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
}

nav._menu_1o4jp_87 ul li a._external_1o4jp_133 {
    font-weight: 600;
    color: rgb(168, 179, 184);
}

nav._menu_1o4jp_87 ul li a:hover {
    color: rgb(168, 179, 184);
    background-color: rgb(235, 236, 244);
}

@media only screen and (min-width: 768px) {
    nav._menu_1o4jp_87 ul li a._current_1o4jp_152 {
        color: rgb(255, 87, 41);
        background-color: rgb(246, 243, 233);
    }
}

nav._menu_1o4jp_87 ul li ._pendingOperationsCount_1o4jp_157 {
    z-index: 1;
    font-size: 10px;
    background-color: rgb(255, 87, 41);
    color: rgb(255, 255, 255);
    border-radius: 30px;
    position: absolute;
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: contain;
    object-position: center center;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    right: -2rem;
    top: -0.8rem;
}

nav._menu_1o4jp_87 button._logout_1o4jp_179 {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    padding: 16px;
    transition: 0.3s;
    border-radius: 8px;
    color: rgb(11, 32, 45);
    text-decoration: none;
    font-weight: 600;
    font-family: PlusJakartaSans;
    align-items: center;
}

nav._menu_1o4jp_87 button._logout_1o4jp_179 svg {
    width: 18px;
    height: 18px;
    min-width: 18px;
    max-width: 18px;
    min-height: 18px;
    max-height: 18px;
    object-fit: contain;
    object-position: center center;
}

nav._menu_1o4jp_87 button._logout_1o4jp_179:hover {
    cursor: pointer;
    color: rgb(168, 179, 184);
    background-color: rgb(235, 236, 244);
}

nav._menu_1o4jp_87 button._logout_1o4jp_179:hover svg path {
    fill: rgb(168, 179, 184);
}

[data-theme="dark"] nav._menu_1o4jp_87 {
    background-color: rgba(11, 22, 45, 0.2);
}

[data-theme="dark"] nav._menu_1o4jp_87 ul li a:not(._external_1o4jp_133) {
    color: rgb(255, 255, 255);
}

[data-theme="dark"] nav._menu_1o4jp_87 ul li a._current_1o4jp_152 {
    background-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] nav._menu_1o4jp_87 ul li a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] nav._menu_1o4jp_87 button._logout_1o4jp_179 {
    color: rgb(235, 236, 244);
}

[data-theme="dark"] nav._menu_1o4jp_87 button._logout_1o4jp_179 svg path {
    fill: rgb(235, 236, 244);
}

[data-theme="dark"] nav._menu_1o4jp_87 button._logout_1o4jp_179:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

@keyframes _loading_4u52i_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._reset2faPage_4u52i_14 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 500px;
    width: 100%;
    padding: 32px;
    background-color: rgba(255, 255, 255, 0.1);
    margin: 0px 8px;
    min-height: min-content;
}

._reset2faPage_4u52i_14 ._title_4u52i_25 {
    font-family: Matter;
    font-size: 2.4rem;
    font-weight: 500;
    color: rgb(255, 255, 255);
}

._reset2faPage_4u52i_14 ._description_4u52i_31 {
    font-size: 1.6rem;
    color: rgb(255, 255, 255);
}

._reset2faPage_4u52i_14 ._label_4u52i_35 {
    font-size: 1.6rem;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: rgb(255, 255, 255);
}

._reset2faPage_4u52i_14 ._label_4u52i_35 ._input_4u52i_43 {
    min-height: 56px;
    max-height: 56px;
}

._reset2faPage_4u52i_14 ._label_4u52i_35 input {
    border-color: rgba(255, 255, 255, 0.05);
    background-color: rgba(255, 255, 255, 0.05);
    color: rgb(255, 255, 255);
}

._reset2faPage_4u52i_14 ._sendCodesButton_4u52i_52 {
    font-weight: 700;
}

._reset2faPage_4u52i_14 ._sendCodesButton_4u52i_52:disabled {
    opacity: 0.3;
    cursor: default;
}

._reset2faPage_4u52i_14 ._confirmButton_4u52i_59 {
    min-height: 50px;
    max-height: 50px;
    font-weight: 700;
}

._reset2faPage_4u52i_14 ._confirmButton_4u52i_59:disabled {
    opacity: 0.3;
    cursor: default;
}

._reset2faPage_4u52i_14 ._cancelButton_4u52i_68 {
    min-height: 50px;
    max-height: 50px;
    background-color: rgba(255, 255, 255, 0.05);
    color: rgb(255, 255, 255);
    font-weight: 700;
}

._reset2faPage_4u52i_14 ._error_4u52i_75 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: 1.6rem;
}

._reset2faPage_4u52i_14 ._error_4u52i_75 ._errorIcon_4u52i_82 {
    color: rgb(211, 29, 41);
}

._reset2faPage_4u52i_14 ._disclaimer_4u52i_85 {
    color: rgb(168, 179, 184);
    font-size: 1.4rem;
}

._reset2faPage_4u52i_14 ._contactSupport_4u52i_89 {
    font-size: 1.4rem;
    color: rgb(255, 255, 255);
}

._reset2faPage_4u52i_14 ._contactSupport_4u52i_89 a {
    color: rgb(255, 87, 41);
}

._reset2faPage_4u52i_14 ._buttonsGroup_4u52i_96 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
}

._reset2faPage_4u52i_14 ._buttonsGroup_4u52i_96 button {
    flex: 1 1 0%;
}

@media only screen and (max-width: 1199.98px) {
    ._reset2faPage_4u52i_14 {
        background-color: transparent;
    }
}

@keyframes _loading_tpy4o_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._invalidPhoneNumberModal_tpy4o_14 {
    padding: 32px;
}

._invalidPhoneNumberModal_tpy4o_14>div {
    display: flex;
    flex-direction: column;
    gap: 24px;
    color: rgb(255, 255, 255);
    text-align: left !important;
}

._invalidPhoneNumberModal_tpy4o_14 ._title_tpy4o_24 {
    font-size: 2rem;
    font-weight: 500;
}

._invalidPhoneNumberModal_tpy4o_14 span {
    font-size: 1.6rem;
}

._invalidPhoneNumberModal_tpy4o_14 span a {
    color: rgb(255, 87, 41);
}

._invalidPhoneNumberModal_tpy4o_14 button {
    margin-top: 8px;
    min-height: 50px;
    max-height: 50px;
    background-color: rgba(255, 255, 255, 0.05);
    color: rgb(255, 255, 255);
    font-weight: 700;
}

@keyframes _fadeIn_1hpjh_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1hpjh_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1hpjh_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1hpjh_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1hpjh_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1hpjh_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1hpjh_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1hpjh_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

div._page_1hpjh_87 ._loader_1hpjh_87 {
    width: 50px;
    height: 50px;
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
    object-fit: contain;
    object-position: center center;
    margin: auto;
    top: 50%;
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 {
    display: flex;
    flex-direction: column;
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._currencyNameContainer_1hpjh_108 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._currencyNameContainer_1hpjh_108 img {
    width: 32px;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    object-fit: contain;
    object-position: center center;
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._currencyName_1hpjh_108 {
    display: flex;
    gap: 6px;
    font-size: 2rem;
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._currencyName_1hpjh_108 strong {
    color: rgb(11, 32, 45);
}

[data-theme="dark"] div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._currencyName_1hpjh_108 strong {
    color: rgb(255, 255, 255);
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._currencyName_1hpjh_108 span {
    color: rgb(168, 179, 184);
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._ratingTag_1hpjh_139 {
    margin-left: 8px;
    padding: 12px;
    border-radius: 32px;
    max-height: 20px;
    font-size: 1.4rem;
    color: rgb(255, 255, 255);
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._ratingTag_1hpjh_139>* {
    font-weight: 700;
    text-wrap: nowrap;
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._ratingTag_1hpjh_139[data-level="AAA"],
div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._ratingTag_1hpjh_139[data-level="AA"],
div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._ratingTag_1hpjh_139[data-level="A"] {
    background-color: rgb(50, 184, 59);
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._ratingTag_1hpjh_139[data-level="BBB"],
div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._ratingTag_1hpjh_139[data-level="BB"],
div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._ratingTag_1hpjh_139[data-level="B"] {
    background-color: rgb(76, 182, 184);
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._ratingTag_1hpjh_139[data-level="CCC"],
div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._ratingTag_1hpjh_139[data-level="CC"],
div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._ratingTag_1hpjh_139[data-level="C"] {
    background-color: rgb(239, 153, 78);
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._ratingTag_1hpjh_139[data-level="D"] {
    background-color: rgb(248, 104, 93);
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._searchBar_1hpjh_163 {
    margin-left: auto;
}

@media only screen and (max-width: 575.98px) {
    div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 {
        flex-direction: column-reverse;
    }

    div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._searchBar_1hpjh_163 {
        margin: 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 {
        flex-direction: column-reverse;
    }

    div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyHeader_1hpjh_103 ._searchBar_1hpjh_163 {
        margin: 0px;
    }
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyInformations_1hpjh_182 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyInformations_1hpjh_182 ._navTabs_1hpjh_188 {
    display: flex;
    flex-direction: row;
    max-height: 60px;
    min-height: 60px;
    width: 100%;
    border-bottom: 1px solid rgb(246, 243, 233);
}

[data-theme="dark"] div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyInformations_1hpjh_182 ._navTabs_1hpjh_188 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyInformations_1hpjh_182 ._navTabs_1hpjh_188 button {
    padding: 20px 30px;
    font-size: 1.4rem;
    font-weight: 600;
    color: rgb(11, 32, 45);
}

[data-theme="dark"] div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyInformations_1hpjh_182 ._navTabs_1hpjh_188 button {
    color: rgb(255, 255, 255);
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyInformations_1hpjh_182 ._navTabs_1hpjh_188 button[data-active="true"] {
    color: rgb(255, 87, 41);
    border-bottom: 2px solid rgb(255, 87, 41);
    background-color: rgba(255, 87, 41, 0.05);
}

div._page_1hpjh_87 ._currencyPriceContainer_1hpjh_99 ._currencyInformations_1hpjh_182 ._tabContent_1hpjh_215 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@keyframes _fadeIn_1ttwr_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1ttwr_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1ttwr_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1ttwr_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1ttwr_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1ttwr_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1ttwr_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

div._currencyPriceLineChart_1ttwr_87 {
    height: 100%;
    display: flex;
    flex-direction: column;
}

div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 12px;
    margin-bottom: 8px;
    align-items: flex-start;
}

@media only screen and (max-width: 575.98px) {
    div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 {
        flex-direction: column;
        gap: 12px;
    }
}

div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 ._priceContainer_1ttwr_106 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

@media only screen and (max-width: 575.98px) {
    div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 ._priceContainer_1ttwr_106 {
        align-items: center;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767.98px) {
    div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 ._priceContainer_1ttwr_106 {
        flex-direction: column;
        align-items: flex-start;
    }
}

div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 ._priceContainer_1ttwr_106 h2 {
    font-size: 4rem;
    font-weight: 500;
    font-family: Matter;
    color: rgb(11, 32, 45);
    text-wrap: nowrap;
}

[data-theme="dark"] div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 ._priceContainer_1ttwr_106 h2 {
    color: rgb(255, 255, 255);
}

div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 ._priceContainer_1ttwr_106 ._priceVariationTag_1ttwr_134 {
    max-height: 22px;
}

div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 ._priceContainer_1ttwr_106 ._priceVariationTag_1ttwr_134>span {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 1.4rem;
    text-wrap: nowrap;
}

div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 div._timescale_1ttwr_144 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

@media only screen and (max-width: 575.98px) {
    div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 div._timescale_1ttwr_144 {
        column-gap: 4px;
    }
}

div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 div._timescale_1ttwr_144 button {
    cursor: pointer;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(235, 236, 244, 0.7);
    border-radius: 5px;
    color: rgb(11, 32, 45);
    transition: 0.2s;
    min-height: 34px;
    min-width: 46px;
    line-height: 100%;
    font-size: 1.4rem;
}

div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 div._timescale_1ttwr_144 button._active_1ttwr_168,
div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 div._timescale_1ttwr_144 button:hover {
    border-color: rgb(255, 87, 41) !important;
    background-color: rgb(255, 87, 41) !important;
    color: rgb(255, 255, 255) !important;
}

@media only screen and (max-width: 575.98px) {
    div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 div._timescale_1ttwr_144 button {
        min-width: 41px;
    }
}

div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 div._timescaleContainer_1ttwr_178 {
    margin-top: 8px;
}

@media only screen and (max-width: 575.98px) {
    div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 div._timescaleContainer_1ttwr_178 {
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 div._timescaleContainer_1ttwr_178 ._timescale_1ttwr_144 {
        margin-bottom: 0px;
    }
}

div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 ._tradingViewButton_1ttwr_192 {
    margin-left: auto;
    min-height: 24px;
    max-height: 24px;
    font-size: 1.4rem;
    padding: 10px;
}

div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 ._tradingViewButton_1ttwr_192 svg {
    width: 12px;
    height: 12px;
    min-width: 12px;
    max-width: 12px;
    min-height: 12px;
    max-height: 12px;
    object-fit: contain;
    object-position: center center;
}

div._currencyPriceLineChart_1ttwr_87 div._chart_1ttwr_209 {
    position: relative;
    aspect-ratio: 3 / 1;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    padding: 0px 8px 8px;
    min-width: 0px;
}

div._currencyPriceLineChart_1ttwr_87 div._chart_1ttwr_209 canvas {
    min-width: 100%;
    max-width: 100%;
    cursor: pointer;
}

@keyframes _loading_1ttwr_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

[data-theme="dark"] div._currencyPriceLineChart_1ttwr_87 div._header_1ttwr_92 div._timescale_1ttwr_144 button {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.15);
    color: rgb(235, 236, 244);
}

@keyframes _fadeIn_1p3x1_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_1p3x1_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_1p3x1_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_1p3x1_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_1p3x1_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_1p3x1_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_1p3x1_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_1p3x1_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._informationsBlock_1p3x1_87,
._walletBlock_1p3x1_87 {
    background: linear-gradient(255.67deg, rgba(255, 255, 255, 0.035) 8.96%, rgba(255, 255, 255, 0.01) 91.94%);
    border-width: 1px;
    border-style: solid;
    border-color: currentcolor;
    border-image: linear-gradient(255.38deg, rgba(255, 255, 255, 0.08) 14%, rgba(246, 242, 232, 0.4) 94%);
    border-radius: 8px;
    padding: 24px;
    backdrop-filter: blur(46px);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 14px 24px;
}

._informationsBlock_1p3x1_87>button,
._walletBlock_1p3x1_87>button {
    margin: 24px auto auto;
}

[data-theme="dark"] ._informationsBlock_1p3x1_87,
[data-theme="dark"] ._walletBlock_1p3x1_87 {
    border-image-source: linear-gradient(255.38deg, rgba(255, 255, 255, 0.08) 14%, rgba(27, 33, 55, 0.4) 94%);
}

._walletBlock_1p3x1_87 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

._walletBlock_1p3x1_87 ._metrics_1p3x1_110 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._walletBlock_1p3x1_87 ._metrics_1p3x1_110 h4 {
    font-size: 1.6rem;
    color: rgb(50, 77, 87);
    font-weight: 600;
}

[data-theme="dark"] ._walletBlock_1p3x1_87 ._metrics_1p3x1_110 h4 {
    color: rgb(255, 255, 255);
}

._walletBlock_1p3x1_87 ._metrics_1p3x1_110 strong {
    font-weight: 600;
    font-size: 2.8rem;
    color: rgb(11, 32, 45);
}

[data-theme="dark"] ._walletBlock_1p3x1_87 ._metrics_1p3x1_110 strong {
    color: rgb(255, 255, 255);
}

._walletBlock_1p3x1_87 ._metrics_1p3x1_110 span {
    font-size: 1.4rem;
    color: rgb(50, 77, 87);
}

[data-theme="dark"] ._walletBlock_1p3x1_87 ._metrics_1p3x1_110 span {
    color: rgb(255, 255, 255);
}

._walletBlock_1p3x1_87 ._yieldCta_1p3x1_141 {
    min-height: 36px;
    max-height: 36px;
    background-color: rgba(45, 210, 141, 0.1);
    padding: 12px;
}

._walletBlock_1p3x1_87 ._yieldCta_1p3x1_141>span {
    color: rgb(45, 210, 141);
}

._walletBlock_1p3x1_87 ._yieldCta_1p3x1_141 {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
}

@keyframes _fadeIn_dlyzu_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_dlyzu_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_dlyzu_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_dlyzu_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_dlyzu_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_dlyzu_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_dlyzu_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_dlyzu_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._marketBlock_dlyzu_87 {
    background: linear-gradient(255.67deg, rgba(255, 255, 255, 0.035) 8.96%, rgba(255, 255, 255, 0.01) 91.94%);
    border-width: 1px;
    border-style: solid;
    border-color: currentcolor;
    border-image: linear-gradient(255.38deg, rgba(255, 255, 255, 0.08) 14%, rgba(246, 242, 232, 0.4) 94%);
    border-radius: 8px;
    padding: 24px;
    backdrop-filter: blur(46px);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 14px 24px;
}

[data-theme="dark"] ._marketBlock_dlyzu_87 {
    border-image-source: linear-gradient(255.38deg, rgba(255, 255, 255, 0.08) 14%, rgba(27, 33, 55, 0.4) 94%);
}

._marketContainer_dlyzu_100 {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

._marketContainer_dlyzu_100>div {
    flex: 1 1 0%;
}

._marketContainer_dlyzu_100>div h4 {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    font-weight: 700;
    color: rgb(50, 77, 87);
}

[data-theme="dark"] ._marketContainer_dlyzu_100>div h4 {
    color: rgb(255, 255, 255);
}

._marketContainer_dlyzu_100>div ._marketMetrics_dlyzu_118 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 16px;
}

@media only screen and (max-width: 575.98px) {
    ._marketContainer_dlyzu_100>div ._marketMetrics_dlyzu_118 {
        grid-template-columns: 1fr;
    }
}

._marketContainer_dlyzu_100>div ._marketMetrics_dlyzu_118>div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 0px;
}

._marketContainer_dlyzu_100>div ._marketMetrics_dlyzu_118>div label {
    font-size: 1.4rem;
    color: rgb(168, 179, 184);
}

._marketContainer_dlyzu_100>div ._marketMetrics_dlyzu_118>div span {
    color: rgb(11, 32, 45);
    font-size: 1.6rem;
}

[data-theme="dark"] ._marketContainer_dlyzu_100>div ._marketMetrics_dlyzu_118>div span {
    color: rgb(255, 255, 255);
}

._marketContainer_dlyzu_100>div ._marketMetrics_dlyzu_118>div ._priceRange_dlyzu_148 span {
    text-wrap: nowrap;
}

._marketContainer_dlyzu_100>div ._marketMetrics_dlyzu_118>div ._athDate_dlyzu_151 {
    font-size: 1.2rem;
    color: rgb(168, 179, 184);
}

[data-theme="dark"] ._marketContainer_dlyzu_100>div ._marketMetrics_dlyzu_118>div ._athDate_dlyzu_151 {
    color: rgb(168, 179, 184);
}

@keyframes _fadeIn_jna6p_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_jna6p_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_jna6p_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_jna6p_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_jna6p_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_jna6p_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_jna6p_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_jna6p_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._tokenScoreBlock_jna6p_87 {
    display: flex;
    flex-direction: column;
    background: linear-gradient(255.67deg, rgba(255, 255, 255, 0.035) 8.96%, rgba(255, 255, 255, 0.01) 91.94%);
    border-width: 1px;
    border-style: solid;
    border-color: currentcolor;
    border-image: linear-gradient(255.38deg, rgba(255, 255, 255, 0.08) 14%, rgba(246, 242, 232, 0.4) 94%);
    border-radius: 8px;
    padding: 24px;
    backdrop-filter: blur(46px);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 14px 24px;
}

._tokenScoreBlock_jna6p_87>button {
    margin: 24px auto auto;
}

[data-theme="dark"] ._tokenScoreBlock_jna6p_87 {
    border-image-source: linear-gradient(255.38deg, rgba(255, 255, 255, 0.08) 14%, rgba(27, 33, 55, 0.4) 94%);
}

._tokenScoreBlock_jna6p_87 h4 {
    font-size: 1.6rem;
    color: rgb(50, 77, 87);
    font-weight: 700;
}

[data-theme="dark"] ._tokenScoreBlock_jna6p_87 h4 {
    color: rgb(255, 255, 255);
}

._tokenScoreBlock_jna6p_87 h4 em {
    font-weight: 500;
    color: rgb(168, 179, 184);
}

._tokenScoreBlock_jna6p_87 ._radarChart_jna6p_119 {
    align-self: center;
    width: 100%;
    min-height: 400px;
    height: 420px;
    position: relative;
    margin-top: 8px;
    padding: 8px;
    box-sizing: border-box;
}

._tokenScoreBlock_jna6p_87 ._radarChart_jna6p_119 canvas {
    display: block;
    max-width: 100%;
}

._tokenScoreBlock_jna6p_87 ._radarChartLabels_jna6p_133 {
    display: flex;
    flex-direction: column;
    font-size: 1.2rem;
}

._tokenScoreBlock_jna6p_87 ._radarChartLabels_jna6p_133 strong {
    font-size: 1.4rem;
}

._tokenScoreBlock_jna6p_87 ._lastUpdateDate_jna6p_141 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.2rem;
    gap: 4px;
    color: rgb(168, 179, 184);
    margin-top: 16px;
}

._tokenScoreBlock_jna6p_87 ._lastUpdateDate_jna6p_141 i {
    display: flex;
    gap: 2px;
    cursor: pointer;
}

._tokenScoreBlock_jna6p_87 ._lastUpdateDate_jna6p_141 i u {
    display: flex;
    align-items: center;
    gap: 4px;
}

._infoIconTooltip_jna6p_161 {
    position: fixed;
    z-index: 10050;
    max-width: min(280px, -24px + 100vw);
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4;
    pointer-events: none;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 24px;
    background: rgb(255, 255, 255);
    color: rgb(50, 77, 87);
    border: 1px solid rgb(235, 236, 244);
}

[data-theme="dark"] ._infoIconTooltip_jna6p_161 {
    background: rgb(30, 39, 62);
    color: rgb(231, 233, 238);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: rgba(0, 0, 0, 0.45) 0px 8px 28px;
}

@keyframes _loading_biash_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._newProductAnnouncementModal_biash_14 {
    position: relative;
    min-height: 480px;
    justify-content: space-between;
    gap: 60px;
    border-radius: 24px !important;
    padding: 36px 20px !important;
    overflow: visible !important;
}

._newProductAnnouncementModal_biash_14 ._background_biash_23 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
}

._newProductAnnouncementModal_biash_14 ._closeButton_biash_32 {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgba(235, 236, 244, 0.7);
    border-radius: 100%;
    z-index: 2;
    transition: 0.3s;
}

._newProductAnnouncementModal_biash_14 ._closeButton_biash_32 svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
    color: rgb(4, 24, 37);
    transition: 0.3s;
}

._newProductAnnouncementModal_biash_14 ._closeButton_biash_32:hover {
    border-color: rgb(235, 236, 244);
}

._newProductAnnouncementModal_biash_14 ._closeButton_biash_32:hover svg {
    transform: scale(1.1);
}

._newProductAnnouncementModal_biash_14 ._title_biash_60 {
    z-index: 1;
    color: rgb(255, 87, 41);
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 4.8rem;
}

._newProductAnnouncementModal_biash_14 ._description_biash_67 {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    line-height: 4.8rem;
    font-size: 2rem;
    color: rgb(255, 255, 255);
}

._newProductAnnouncementModal_biash_14 ._description_biash_67 ._rateBadge_biash_77 {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 2px 12px;
    border-radius: 15px;
    border: 1px solid transparent;
    background-image: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.5), transparent), linear-gradient(to left, transparent, rgba(255, 255, 255, 0.5), transparent);
    background-repeat: no-repeat;
    background-size: calc(100% - 1px) 1px, calc(100% - 1px) 1px;
    background-position: left top, left bottom;
}

._newProductAnnouncementModal_biash_14 ._description_biash_67 ._rateBadge_biash_77 ._rate_biash_77 {
    background: linear-gradient(rgb(255, 87, 41), rgb(255, 151, 122) 70%, rgb(255, 255, 255)) text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 3.2rem;
}

._newProductAnnouncementModal_biash_14 ._description_biash_67 ._rateBadge_biash_77 ._rateSup_biash_95 {
    color: rgb(255, 87, 41);
}

._newProductAnnouncementModal_biash_14 ._description_biash_67 ._rateBadge_biash_77 ._currency_biash_98 {
    font-size: 2.4rem;
}

._newProductAnnouncementModal_biash_14 ._description_biash_67 ._noCommitment_biash_101 {
    font-family: Matter;
    font-weight: 500;
}

._newProductAnnouncementModal_biash_14 ._conditions_biash_105 {
    z-index: 1;
    font-size: 1rem;
    line-height: 150%;
    color: rgb(255, 255, 255);
    max-width: 75%;
    align-self: flex-start;
    margin: auto;
    text-align: center;
}

._newProductAnnouncementModal_biash_14 ._conditions_biash_105 a {
    font-weight: 700;
}

._newProductAnnouncementModal_biash_14 ._conditions_biash_105 a:hover {
    text-decoration: underline;
}

@media only screen and (max-width: 767.98px) {
    ._newProductAnnouncementModal_biash_14 {
        gap: 26px;
    }
}

@keyframes _loading_cdv6d_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._loginPage_cdv6d_14 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 500px;
    width: 100%;
    padding: 32px;
    background-color: rgba(255, 255, 255, 0.1);
    margin: 0px 8px;
    min-height: min-content;
}

._loginPage_cdv6d_14 ._title_cdv6d_25 {
    font-family: Matter;
    font-size: 2.4rem;
    font-weight: 500;
}

._loginPage_cdv6d_14 ._label_cdv6d_30 {
    font-size: 1.4rem;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._loginPage_cdv6d_14 ._label_cdv6d_30 ._input_cdv6d_37 {
    min-height: 56px;
    max-height: 56px;
}

._loginPage_cdv6d_14 ._label_cdv6d_30 input {
    border-color: rgba(255, 255, 255, 0.05);
    background-color: rgba(255, 255, 255, 0.05);
    color: rgb(255, 255, 255);
}

._loginPage_cdv6d_14 ._passwordSection_cdv6d_46 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._loginPage_cdv6d_14 ._or_cdv6d_51 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.8);
}

._loginPage_cdv6d_14 ._or_cdv6d_51 hr {
    flex: 1 1 0%;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

._loginPage_cdv6d_14 ._loginButton_cdv6d_61 {
    min-height: 50px;
    max-height: 50px;
}

._loginPage_cdv6d_14 ._signup_cdv6d_65 {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 100%;
    gap: 4px;
}

._loginPage_cdv6d_14 ._link_cdv6d_76 {
    color: rgb(255, 87, 41);
    cursor: pointer;
    transition: 0.3s;
}

._loginPage_cdv6d_14 ._link_cdv6d_76:hover {
    color: rgb(255, 151, 122);
}

._loginPage_cdv6d_14 ._error_cdv6d_84 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: 1.6rem;
}

._loginPage_cdv6d_14 ._error_cdv6d_84 ._errorIcon_cdv6d_91 {
    color: rgb(211, 29, 41);
}

@media only screen and (max-width: 1199.98px) {
    ._loginPage_cdv6d_14 {
        background-color: transparent;
    }
}

@keyframes _loading_6l1y3_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._googleLoginButton_6l1y3_14 {
    background-color: rgba(255, 255, 255, 0.05);
    min-height: 50px;
    font-weight: 500;
    transition: 0.3s;
}

._googleLoginButton_6l1y3_14 ._icon_6l1y3_20 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._googleLoginButton_6l1y3_14:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

._googleLoginButton_6l1y3_14:disabled {
    opacity: 0.2;
}

@keyframes _loading_12gpe_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._appleLoginButton_12gpe_14 {
    background-color: rgba(255, 255, 255, 0.05);
    min-height: 50px;
    font-weight: 500;
    transition: 0.3s;
}

._appleLoginButton_12gpe_14 ._icon_12gpe_20 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._appleLoginButton_12gpe_14:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

._appleLoginButton_12gpe_14:disabled {
    opacity: 0.2;
}

@keyframes _loading_h041m_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._passkeyLoginButton_h041m_14 {
    background-color: rgba(255, 255, 255, 0.05);
    min-height: 50px;
    font-weight: 500;
    transition: 0.3s;
}

._passkeyLoginButton_h041m_14 ._icon_h041m_20 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._passkeyLoginButton_h041m_14:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

._passkeyLoginButton_h041m_14:disabled {
    opacity: 0.2;
}

@keyframes _loading_728h5_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._forgottenPasswordModal_728h5_14 {
    padding: 32px;
}

._forgottenPasswordModal_728h5_14>div {
    text-align: start;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

._forgottenPasswordModal_728h5_14 ._title_728h5_23 {
    font-family: Matter;
    font-size: 2rem;
    font-weight: 500;
    margin-right: 24px;
    line-height: 100%;
}

._forgottenPasswordModal_728h5_14 ._cross_728h5_30 {
    position: absolute;
    right: 0px;
    top: -2px;
    cursor: pointer;
    transition: 0.3s;
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center center;
}

._forgottenPasswordModal_728h5_14 ._cross_728h5_30:hover {
    transform: scale(1.1);
}

._forgottenPasswordModal_728h5_14 ._label_728h5_48 {
    align-items: flex-start;
    font-size: 1.4rem;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._forgottenPasswordModal_728h5_14 ._label_728h5_48 ._input_728h5_56 {
    min-height: 56px;
    max-height: 56px;
}

._forgottenPasswordModal_728h5_14 ._label_728h5_48 input {
    border-color: rgba(255, 255, 255, 0.05);
    background-color: rgba(255, 255, 255, 0.05);
    color: rgb(255, 255, 255);
}

._forgottenPasswordModal_728h5_14 ._error_728h5_65 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: 1.6rem;
}

._forgottenPasswordModal_728h5_14 ._error_728h5_65 ._errorIcon_728h5_72 {
    color: rgb(211, 29, 41);
}

@keyframes _loading_x0nni_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._twoFactorForm_x0nni_14 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 500px;
    width: 100%;
    padding: 32px;
    background-color: rgba(255, 255, 255, 0.1);
    margin: 0px 8px;
}

._twoFactorForm_x0nni_14 ._title_x0nni_24 {
    font-family: Matter;
    font-size: 2.4rem;
    font-weight: 500;
}

._twoFactorForm_x0nni_14 ._label_x0nni_29 ._codeLabel_x0nni_29 {
    font-size: 1.6rem;
    font-weight: 500;
}

._twoFactorForm_x0nni_14 ._label_x0nni_29 ._codeLabel_x0nni_29 b {
    font-weight: 700;
}

._twoFactorForm_x0nni_14 ._label_x0nni_29 .codeInput {
    padding: 16px 0px 12px;
    display: inline-flex;
    justify-content: space-between;
}

._twoFactorForm_x0nni_14 ._label_x0nni_29 .codeInput input {
    min-width: 56px;
    max-width: 56px;
    min-height: 56px;
    max-height: 56px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.4rem;
    border-width: 1px;
    margin: 0px !important;
}

._twoFactorForm_x0nni_14 ._label_x0nni_29 .codeInput:focus {
    border-color: rgb(255, 87, 41);
}

._twoFactorForm_x0nni_14 ._tfaLostButton_x0nni_54 {
    margin: 0px auto;
    font-weight: 700;
    font-size: 1.4rem;
    color: rgb(255, 87, 41);
}

@media only screen and (max-width: 1199.98px) {
    ._twoFactorForm_x0nni_14 {
        background-color: transparent;
    }
}

._twoFactorForm_x0nni_14 ._buttons_x0nni_65 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    padding-top: 16px;
}

._twoFactorForm_x0nni_14 ._buttons_x0nni_65 ._cancelButton_x0nni_72 {
    background-color: rgba(255, 255, 255, 0.05);
}

._twoFactorForm_x0nni_14 ._buttons_x0nni_65 ._cancelButton_x0nni_72:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

._twoFactorForm_x0nni_14 ._buttons_x0nni_65 button {
    flex: 1 1 0%;
}

@keyframes _loading_llx7q_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._twoFactorForm_llx7q_14 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 500px;
    width: 100%;
    padding: 32px;
    background-color: rgba(255, 255, 255, 0.1);
    margin: 0px 8px;
}

._twoFactorForm_llx7q_14 ._title_llx7q_24 {
    font-family: Matter;
    font-size: 2.4rem;
    font-weight: 500;
}

._twoFactorForm_llx7q_14 ._description_llx7q_29 {
    font-size: 1.4rem;
    font-weight: 500;
}

._twoFactorForm_llx7q_14 ._label_llx7q_33 ._codeLabel_llx7q_33 {
    font-size: 1.6rem;
    font-weight: 500;
}

._twoFactorForm_llx7q_14 ._label_llx7q_33 ._codeLabel_llx7q_33 b {
    font-weight: 700;
}

._twoFactorForm_llx7q_14 ._label_llx7q_33 .codeInput {
    padding: 16px 0px 0px;
    display: inline-flex;
    justify-content: space-between;
}

._twoFactorForm_llx7q_14 ._label_llx7q_33 .codeInput input {
    min-width: 56px;
    max-width: 56px;
    min-height: 56px;
    max-height: 56px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.4rem;
    border-width: 1px;
    margin: 0px !important;
}

._twoFactorForm_llx7q_14 ._label_llx7q_33 .codeInput input:focus {
    border-color: rgb(255, 87, 41);
}

._twoFactorForm_llx7q_14 ._resendCodeTimer_llx7q_58 {
    font-size: 1.4rem;
    font-weight: 500;
    color: rgb(168, 179, 184);
    margin: 0px auto;
}

._twoFactorForm_llx7q_14 ._resendCodeTimer_llx7q_58 b {
    color: rgb(255, 255, 255);
    font-weight: 500;
}

._twoFactorForm_llx7q_14 ._resendCodeButton_llx7q_68 {
    margin: 0px auto;
}

._twoFactorForm_llx7q_14 ._recommended_llx7q_71 {
    font-size: 1.4rem;
    font-weight: 500;
}

._twoFactorForm_llx7q_14 ._recommended_llx7q_71 a {
    color: rgb(255, 87, 41);
    transition: 0.3s;
}

._twoFactorForm_llx7q_14 ._recommended_llx7q_71 a:hover {
    color: rgb(255, 151, 122);
}

._twoFactorForm_llx7q_14 ._buttons_llx7q_82 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    padding-top: 16px;
}

._twoFactorForm_llx7q_14 ._buttons_llx7q_82 ._cancelButton_llx7q_89 {
    background-color: rgba(255, 255, 255, 0.05);
}

._twoFactorForm_llx7q_14 ._buttons_llx7q_82 ._cancelButton_llx7q_89:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

._twoFactorForm_llx7q_14 ._buttons_llx7q_82 button {
    flex: 1 1 0%;
}

@media only screen and (max-width: 1199.98px) {
    ._twoFactorForm_llx7q_14 {
        background-color: transparent;
    }
}

@keyframes _loading_1v2mi_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._resetPasswordPage_1v2mi_14 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 500px;
    width: 100%;
    padding: 32px;
    background-color: rgba(255, 255, 255, 0.1);
    margin: 0px 8px;
}

._resetPasswordPage_1v2mi_14 ._title_1v2mi_24 {
    font-family: Matter;
    font-size: 2.4rem;
    font-weight: 500;
}

._resetPasswordPage_1v2mi_14 ._label_1v2mi_29 {
    font-size: 1.4rem;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._resetPasswordPage_1v2mi_14 ._label_1v2mi_29 ._input_1v2mi_36 {
    min-height: 56px;
    max-height: 56px;
}

._resetPasswordPage_1v2mi_14 ._label_1v2mi_29 input {
    border-color: rgba(255, 255, 255, 0.05);
    background-color: rgba(255, 255, 255, 0.05);
    color: rgb(255, 255, 255);
}

._resetPasswordPage_1v2mi_14 ._error_1v2mi_45 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: 1.6rem;
}

._resetPasswordPage_1v2mi_14 ._error_1v2mi_45 ._errorIcon_1v2mi_52 {
    color: rgb(211, 29, 41);
}

._resetPasswordPage_1v2mi_14 ._submitButton_1v2mi_55 {
    height: 50px;
}

._resetPasswordPage_1v2mi_14 ._submitButton_1v2mi_55:disabled {
    background-color: rgba(255, 255, 255, 0.05);
}

@media only screen and (max-width: 1199.98px) {
    ._resetPasswordPage_1v2mi_14 {
        background-color: transparent;
    }
}

@keyframes _loading_1uhpu_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._passwordRequirementsSection_1uhpu_14 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._passwordRequirementsSection_1uhpu_14 ._passwordRequirements_1uhpu_14 {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

._passwordRequirementsSection_1uhpu_14 ._passwordRequirements_1uhpu_14 ._passwordRequirement_1uhpu_14 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

._passwordRequirementsSection_1uhpu_14 ._passwordRequirements_1uhpu_14 ._passwordRequirement_1uhpu_14 ._passwordRequirementIcon_1uhpu_33 {
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    object-fit: contain;
    object-position: center center;
}

._passwordRequirementsSection_1uhpu_14 ._passwordRequirements_1uhpu_14 ._passwordRequirement_1uhpu_14 ._passwordRequirementIcon_1uhpu_33._fulfilled_1uhpu_43 {
    color: rgb(15, 219, 151);
}

._passwordRequirementsSection_1uhpu_14 ._passwordRequirementsDescription_1uhpu_46 {
    font-size: 1.2rem;
    font-weight: 500;
}

@keyframes _fadeIn_2tvbt_1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideUpFadeIn_2tvbt_1 {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideLeftFadeInMobileLogo_2tvbt_1 {
    0% {
        transform: translate(-100%);
        opacity: 0;
    }

    50% {
        transform: translate(-50%);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _slideUpAnimation_2tvbt_1 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes _openPanel_2tvbt_1 {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _slideLeft_2tvbt_1 {
    0% {
        transform: translate(0px);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes _slideRight_2tvbt_1 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0px);
    }
}

@keyframes _loading_2tvbt_1 {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

._CGUAcceptance_2tvbt_87 a {
    color: rgb(255, 87, 41);
}

._acceptButton_2tvbt_91 {
    margin: 16px auto 0px;
}

._error_2tvbt_95 {
    margin-top: 10px;
    color: rgb(211, 29, 41);
    font-size: 1.3rem;
}

.calendly-inline-widget,
.calendly-inline-widget *,
.calendly-badge-widget,
.calendly-badge-widget *,
.calendly-overlay,
.calendly-overlay * {
    font-size: 16px;
    line-height: 1.2em;
}

.calendly-inline-widget {
    min-width: 320px;
    height: 630px;
}

.calendly-inline-widget iframe,
.calendly-badge-widget iframe,
.calendly-overlay iframe {
    display: inline;
    width: 100%;
    height: 100%;
}

.calendly-popup-content {
    position: relative;
}

.calendly-popup-content.calendly-mobile {
    overflow-y: auto;
}

.calendly-overlay {
    position: fixed;
    inset: 0px;
    overflow: hidden;
    z-index: 9999;
    background-color: rgba(31, 31, 31, 0.4);
}

.calendly-overlay .calendly-close-overlay {
    position: absolute;
    inset: 0px;
}

.calendly-overlay .calendly-popup {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 80%;
    min-width: 900px;
    max-width: 1000px;
    height: 90%;
    max-height: 680px;
}

@media (max-width: 975px) {
    .calendly-overlay .calendly-popup {
        position: fixed;
        inset: 50px 0px 0px;
        transform: none;
        width: 100%;
        height: auto;
        min-width: 0px;
        max-height: none;
    }
}

.calendly-overlay .calendly-popup .calendly-popup-content {
    height: 100%;
}

.calendly-overlay .calendly-popup-close {
    position: absolute;
    top: 25px;
    right: 25px;
    color: rgb(255, 255, 255);
    width: 19px;
    height: 19px;
    cursor: pointer;
    background: url("https://assets.calendly.com/assets/external/close-icon.svg") 0% 0% / contain no-repeat;
}

@media (max-width: 975px) {
    .calendly-overlay .calendly-popup-close {
        top: 15px;
        right: 15px;
    }
}

.calendly-badge-widget {
    position: fixed;
    right: 20px;
    bottom: 15px;
    z-index: 9998;
}

.calendly-badge-widget .calendly-badge-content {
    display: table-cell;
    width: auto;
    height: 45px;
    padding: 0px 30px;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 5px;
    font-family: sans-serif;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 14px;
    color: rgb(255, 255, 255);
    cursor: pointer;
}

.calendly-badge-widget .calendly-badge-content.calendly-white {
    color: rgb(102, 106, 115);
}

.calendly-badge-widget .calendly-badge-content span {
    display: block;
    font-size: 12px;
}

.calendly-spinner {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    transform: translateY(-50%);
    text-align: center;
    z-index: -1;
}

.calendly-spinner>div {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: rgb(225, 225, 225);
    border-radius: 50%;
    vertical-align: middle;
    animation: 1.4s ease-in-out 0s infinite normal both running calendly-bouncedelay;
}

.calendly-spinner .calendly-bounce1 {
    animation-delay: -0.32s;
}

.calendly-spinner .calendly-bounce2 {
    animation-delay: -0.16s;
}

@-webkit-keyframes calendly-bouncedelay {

    0%,
    80%,
    100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

@keyframes calendly-bouncedelay {

    0%,
    80%,
    100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

.qJTHM {
    user-select: none;
    color: rgb(32, 33, 36);
    direction: ltr;
    font-family: Roboto-Regular, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    margin: 0px;
    overflow: hidden;
    text-size-adjust: 100%;
}

.ynRLnc {
    left: -9999px;
    position: absolute;
    top: -9999px;
}

.L6cTce {
    display: none;
}

.bltWBb {
    overflow-wrap: break-word;
    word-break: break-word;
}

.hSRGPd {
    color: rgb(26, 115, 232);
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
}

.Bz112c-W3lGp {
    height: 16px;
    width: 16px;
}

.Bz112c-E3DyYd {
    height: 20px;
    width: 20px;
}

.Bz112c-r9oPif {
    height: 24px;
    width: 24px;
}

.Bz112c-u2z5K {
    height: 36px;
    width: 36px;
}

.Bz112c-uaxL4e {
    border-radius: 10px;
}

.LgbsSe-Bz112c {
    display: block;
}

.S9gUrf-YoZ4jf {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    margin: 0px;
    padding: 0px;
}

.S9gUrf-YoZ4jf * {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    margin: 0px;
    padding: 0px;
}

.fFW7wc-ibnC6b>.aZ2wEe>div {
    border-color: rgb(66, 133, 244);
}

.P1ekSe-ZMv3u {
    transition: height 0.2s linear;
}

.P1ekSe-ZMv3u>div:first-child {
    transition: width 0.3s linear;
    background-color: rgb(26, 115, 232) !important;
}

.P1ekSe-ZMv3u>div:nth-child(2) {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(90deg, rgb(26, 115, 232), rgb(26, 115, 232)) !important;
}

.P1ekSe-ZMv3u>div:nth-child(3) {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(90deg, rgb(26, 115, 232), rgb(26, 115, 232)) !important;
}

.haAclf {
    display: inline-block;
}

.nsm7Bb-HzV7m-LgbsSe {
    border-radius: 4px;
    box-sizing: border-box;
    transition: background-color 0.218s, border-color 0.218s;
    user-select: none;
    appearance: none;
    background-color: rgb(255, 255, 255);
    background-image: none;
    border: 1px solid rgb(218, 220, 224);
    color: rgb(60, 64, 67);
    cursor: pointer;
    font-family: "Google Sans", arial, sans-serif;
    font-size: 0.875rem;
    height: 40px;
    letter-spacing: 0.25px;
    outline: none;
    overflow: hidden;
    padding: 0px 12px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
}

@media screen and (-ms-high-contrast:active) {
    .nsm7Bb-HzV7m-LgbsSe {
        border: 2px solid windowtext;
        color: windowtext;
    }
}

@media screen and (preferes-contrast:more) {
    .nsm7Bb-HzV7m-LgbsSe {
        color: rgb(0, 0, 0);
    }
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe {
    font-size: 0.875rem;
    height: 32px;
    letter-spacing: 0.25px;
    padding: 0px 10px;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe {
    font-size: 0.6875rem;
    height: 20px;
    letter-spacing: 0.3px;
    padding: 0px 8px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
    padding: 0px;
    width: 40px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe {
    width: 32px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe {
    width: 20px;
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK {
    border-radius: 20px;
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe {
    border-radius: 16px;
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe {
    border-radius: 10px;
}

.nsm7Bb-HzV7m-LgbsSe.i5vt6e-to915-Ia7Qfc {
    border: 1px solid rgb(142, 145, 143);
    background-color: rgb(19, 19, 20);
    color: rgb(227, 227, 227);
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    color: rgb(255, 255, 255);
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc {
    background-color: rgb(26, 115, 232);
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
    background-color: rgb(32, 33, 36);
    color: rgb(232, 234, 237);
}

@media screen and (prefers-contrast: more) {
    .nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
        color: rgb(255, 255, 255);
    }
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 18px;
    margin-right: 8px;
    min-width: 18px;
    width: 18px;
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 14px;
    min-width: 14px;
    width: 14px;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 10px;
    min-width: 10px;
    width: 10px;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin-left: 8px;
    margin-right: -4px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin: 0px;
    padding: 10px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    padding: 8px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    padding: 4px;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: rgb(255, 255, 255);
    height: 36px;
    margin-left: -10px;
    margin-right: 12px;
    min-width: 36px;
    width: 36px;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    margin: 0px;
    padding: 0px;
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    height: 28px;
    margin-left: -8px;
    margin-right: 10px;
    min-width: 28px;
    width: 28px;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    height: 16px;
    margin-left: -6px;
    margin-right: 8px;
    min-width: 16px;
    width: 16px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    border-radius: 3px;
    margin-left: 2px;
    margin-right: 0px;
    padding: 0px;
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    border-radius: 18px;
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    border-radius: 14px;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    border-radius: 8px;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 100%;
    position: relative;
    width: 100%;
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX {
    -webkit-box-pack: center;
    justify-content: center;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    -webkit-box-flex: 1;
    flex-grow: 1;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    font-weight: 300;
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    -webkit-box-flex: 0;
    flex-grow: 0;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    transition: background-color 0.218s;
    inset: 0px;
    position: absolute;
}

.nsm7Bb-HzV7m-LgbsSe:focus,
.nsm7Bb-HzV7m-LgbsSe:hover {
    box-shadow: none;
    border-color: rgb(210, 227, 252);
    outline: none;
}

.nsm7Bb-HzV7m-LgbsSe:focus-within {
    outline: rgb(0, 99, 155) solid 2px;
    border-color: transparent;
}

.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(66, 133, 244, 0.08);
}

.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
.nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(66, 133, 244, 0.1);
}

.nsm7Bb-HzV7m-LgbsSe.i5vt6e-to915-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(255, 255, 255, 0.08);
}

.nsm7Bb-HzV7m-LgbsSe.i5vt6e-to915-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
.nsm7Bb-HzV7m-LgbsSe.i5vt6e-to915-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(255, 255, 255, 0.12);
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(255, 255, 255, 0.24);
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
    background: rgba(255, 255, 255, 0.32);
}

.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY {
    border-radius: 50%;
    display: flex;
    height: 20px;
    margin-left: -4px;
    margin-right: 8px;
    min-width: 20px;
    width: 20px;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    font-family: Roboto;
    font-size: 12px;
    text-align: left;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS,
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf {
    overflow: hidden;
    text-overflow: ellipsis;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(95, 99, 104);
    fill: rgb(95, 99, 104);
    font-size: 11px;
    font-weight: 400;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.i5vt6e-to915-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
    color: rgb(196, 199, 197);
    fill: rgb(196, 199, 197);
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
    color: rgb(232, 234, 237);
    fill: rgb(232, 234, 237);
}

@media screen and (prefers-contrast: more) {

    .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff,
    .nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
        color: rgb(0, 0, 0);
        fill: rgb(0, 0, 0);
    }
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c {
    height: 18px;
    margin: -3px -3px -3px 2px;
    min-width: 18px;
    width: 18px;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    border-radius: 0px 3px 3px 0px;
    margin-left: 12px;
    margin-right: -10px;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
    border-radius: 18px;
}

.L5Fo6c-sM5MNb {
    border: 0px;
    display: block;
    left: 0px;
    position: relative;
    top: 0px;
}

.L5Fo6c-bF1uUb {
    border-radius: 4px;
    inset: 0px;
    cursor: pointer;
    position: absolute;
}

.L5Fo6c-bF1uUb:focus {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    outline: none;
}

sentinel {}

:is(a[href^="https://paid.outbrain.com/network/redir?"], a[href^="https://s.zlinkt.com/"], a[href*="/afu.php?"], a[href^="https://go.rmishe.com/"], ad-shield-ads, bottomadblock, div[role="listitem"] .bannerliststyle, img[src^="https://s-img.adskeeper.com/"], zeus-ad, a[href^="https://www.effectiveratecpm.com/"], [href^="https://clicks.affstrack.com/"] > img, a[href*="/www/delivery/"], a[clickmode="cpt"], [data-ad-manager-id], a[href^="http"] > img[height="60px"][src*="imgsrc.baidu.com"], a[href^="https://explore-site.com/"], div[id^="lazyad-"], [class][onclick^="window.location.href"][onclick*=".yueshuapp.com"], [href^="https://www.restoro.com/"], a[href^="/e/public/ClickAd?adid="], div[id^="zergnet-widget"], a[href^="https://s.ma3ion.com/"], a[href^=" https://www.friendlyduck.com/AF_"], a[href^="https://believessway.com/"], [data-ad-position], a[href*=".com/?Extend="], a[href*="?bz=725*90"] > img[src*=".alicdn.com/"], a[href^="https://go.tmrjmp.com"], citrus-ad-wrapper, a[href^="https://l.erodalabs.com"], a[href^="http://partners.etoro.com/"], a[href^="https://www.dql2clk.com/"], a[href^="https://rixofa.com/"], a[href^="http://www.adultempire.com/unlimited/promo?"][href*="&partner_id="], div[style^="position"][onclick^="window.open"], a[href^="https://wittered-mainging.com/"], a[href*="/register/?i_code="] > img, [href^="https://glersakr.com/"], a[href^="https://s.zlinkn.com/"], body > div[style="display:none;"] + div[style="display:none;"] + div[id][class][style^="background-color:"], div[class^="is_"] > a > img[referrerpolicy="no-referrer"], div[id^="em"] > a[onclick^="em"][max-width], [href^="https://join3.bannedsextapes.com"], div[style="position: fixed;top: 60px;right:0;z-index:999;width:250px"], a[href*=".antj.link/"], a[href*=".foxqck.com/"], a[href*="/PageRegister?Agent="][target="_blank"], a[href^="https://ads.impulsosocial.online/"], a[href*="&maxads="], a[href^="https://ctosrd.com/"], div[data-ad], img#GGADIMG, a[href^="https://s.eunow4u.com/"], script + .dbfh, [class][onclick="window.location.href='https://www.suyuexs.com'"], a[href^="https://lijavaxa.com/"], img[src*=".meiyida.tv/"], [href^="https://www.herbanomic.com/"] > img, a[href*="/l1y9.com"], a[href^="https://go.strpjmp.com/"], a[href*="://4"][href*="/vod."], a[href*="bjty"] > img[src*="imgsrc.baidu.com"], a[href^="https://timbet999.xyz/"], div[class$="-adlabel"], div[ow-ad-unit-wrapper], a[href^="https://italarizege.xyz/"], body > div[style=" max-width:990px; margin:0 auto;"] > a[target="_blank"], div[data-adunit], a[href^="https://clickadilla.com/"], a[href^="https://grupoxxx.com/"], a[href^="https://tc.tradetracker.net/"] > img, a[href*=".adsrv.eacdn.com/"], a[href^="https://go.xlvirdr.com"], a[href^="https://zirdough.net/"], a[href^="https://go.bbrdbr.com"], a[href*=".taobao.com"] > img[src*=".tucao."], a[href*="/uu5566.cn.com/"], a[href^="https://www.adultempire.com/"][href*="?partner_id="], a[href^="/dasp.php?a="], a[href^="https://s.zlink3.com/"], a[href$="/xha77.com"], a[href$=".xyz:8443"], a[href*=".engine.adglare.net/"], a[target="_blank"] > img[src*=".ikstatic.cn"][style="width:100%;height:100%"], a[href^="https://svb-analytics.trackerrr.com/"], a[href^="https://trk.nfl-online-streams.club/"], app-ad, [class][onclick="window.location.href='/api/goapp/'"], a[href^="https://upsups.click/"], a[href^="https://s.zlink7.com/"], a[href^="https://stardomcoit.com/"], body.desktop[style^="-"] span[class*=" "] > a[href^="http"][rel="nofollow"][target="_blank"], div[id^="adrotate_widgets-"], a[href*=".jmtybc.com"], img#adv1, a[href^="/hy-"][ontouchstart], a[href^="https://go.cmtaffiliates.com/"], div[data-adunit-path], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[href^="https://snowdayonline.xyz/"], a[href^="https://click.linksynergy.com/fs-bin/"] > img, div[style^="line-height"][style*="http"][style$="fixed;"], hl-adsense, a[href^="https://go.skinstrip.net"][href*="?campaignId="], [data-dynamic-ads], a[href*=".com/tg.html?id="], a[href="/e/member/register/index.php?tobind=0&groupid=1"], div[onclick*="/ky"][onclick*="open"], table[style="border:#7D8C8E solid 1px;height: 30px;text-align: center;"], div#ad_id, body[ontouchstart] > .wrap > div[id^="content_"][style="display: block;"], a[href^="https://helmethomicidal.com/"], a[href*=".ajrkm3.com/"], a[href^="https://billing.purevpn.com/aff.php"] > img, a[href*="kdocs.cn"] > img[src*="sstv."], a[href^="https://www.highperformancecpmgate.com/"], a[href^="https://prf.hn/click/"][href*="/camref:"] > img, div[id^="gpt_ad_"], [data-freestar-ad][id], a[href*="//jjgirls.com/sex/Chaturbate"], a[href*="/?intr="], a[href^="https://s.zlinkd.com/"], body[ontouchstart] > #topBox, a[href^="https://track.1234sd123.com/"], a[href^="https://ndt5.net/"], iframe[style="border: 0; width: 970px; height: 110px;"], a[href^="https://juicyads.in/"], a[href="javascript:GoTp();"], div[id^="google_dfp_"], a[href^="http://www.friendlyduck.com/AF_"], a[href^="https://getmatchedlocally.com/"], a[href^="https://gml-grp.com/"], [href^="https://track.aftrk1.com/"], a[href^="https://quotationfirearmrevision.com/"], div[id^="optidigital-adslot"], a[href*=".com/Register.aspx?aid="], a[href^="https://trk.softonixs.xyz/"], img[src^="https://images.purevpnaffiliates.com"], a[href^="https://fastestvpn.com/lifetime-special-deal?a_aid="], a[href^="https://dl-protect.net/"], a[target="_bank"] > img[src*=".360buyimg.com"][style="width:100%;height:auto;"], a[onclick^="window.location.replace('https://random-affiliate.atimaze.com/"], a[href^="https://go.xtbaffiliates.com/"], a[href^="https://black77854.com/"], [class][onclick^="window.location.href"][onclick*=".bcebos."], [style*="mi-img.com"][style*="calc"], amp-embed[type="taboola"], div[class^="ps_"][value="20"], a[href^="https://go.rmhfrtnd.com"], [data-d-ad-id], img[onclick^="window.open"][src*=".360buyimg.com"], a[href*=".com/?Agent="], a[href*="/?INTR="], a[href*="/mobads.php?"], a[href^="https://join.virtuallust3d.com/"], a[href^="https://torguard.net/aff.php"] > img, a[href^="https://go.hotmart.com/"], [id^="dfp_banner"], a[href^="https://go.trackitalltheway.com/"], a[href*=".xyz:"] > img[src*=".qlogo.cn"], div[id^="adv-"].adv, a[href^="https://a.medfoodsafety.com/"], a[href^="https://tracking.avapartner.com/"], a[href*="?register="] > img[width="100%"], a[href^="https://a.adtng.com/"], a[href^="https://hot-growngames.life/"], a[onclick*="/dasp.php?a="], button[onclick*=".xacg.info/"], a[href^="https://ctjdwm.com/"], div[data-adname], a[href^="https://syndication.dynsrvtbg.com/"], [href^="https://rpwmct.com/"], a[href^="https://ads.planetwin365affiliate.com/"], [data-id^="div-gpt-ad"], [href^="https://antiagingbed.com/discount/"] > img, [href^="https://shiftnetwork.infusionsoft.com/go/"] > img, a[href^="https://cosmicfundboost.com/trck/"], a[href^="http://www.upupoo.com"], div[data-ad-placeholder], [data-ad-module], a[href^="https://go.markets.com/visit/?bta="], amp-ad, [href^="https://a.acebet.com/api/click?"], a[href^="https://t.aslnk.link/"], span[data-ez-ph-id], a[href^="https://fc.lc/ref/"], [href^="http://www.mypillow.com/"] > img, a[href^="https://gamingadlt.com/?offer="], a[onclick^="_czc.push(['_trackEvent', '广告"], div[style="margin:10px auto;width: 930px;height: 250px;"], a[href^="https://go.etoro.com/"] > img, a[href^="https://natour.naughtyamerica.com/track/"], [href^="https://url.totaladblock.com/"], a[href*="/d27.tv"], a[href^="https://camfapr.com/landing/click/"], div[align="center"] > a[href^="/url/"] > img[src*=".qpic.cn"], [href="https://jdrucker.com/gold"] > img, a[href*=".com?aff="], a[href="https://s.click.taobao.com/cTAwFvu"], a[href^="http://bongacams.com/track?"], a[href*="xchina.click/prepare."], a[href^="https://go.xxxiijmp.com"], a[href^="https://tatrck.com/"], a[href^="javascript:GoDb"], a[href*="/33hth.cn"], [class*="-ad-placeholder-"], a[href*="/jump/next.php?r="], a[href^="https://osfultrbriolenai.info/"], a[href^="https://go.grinsbest.com/"], a[href^="https://s.cant3am.com/"], a[href*=".com?intr="], a[onclick^="javascript:pc_"] > img[src*=".alicdn.com"], [class][onclick^="window.location.href"][onclick*="%AF%B4.apk"], a[href="javascript:;"][onclick^="lksdjfrefruise"], a[href^="https://clickadsxxx.com/"], a[href*="/Register?a="], a[href^="https://static.fleshlight.com/images/banners/"], a[href^="https://porntubemate.com/"], aside[id^="adrotate_widgets-"], div[id^="div-gpt-"], a[href^="https://go.xxxijmp.com"], app-advertisement, center > p > a[target="_blank"] > img[width="728px"][height="90px"], a[href^="https://www.friendlyduck.com/AF_"], [href^="https://zone.gotrackier.com/"], div[data-dfp-id], a > img[width="980"][src*=".sinaimg."], [class^="adDisplay-module"], a[href^="http://www.h4trck.com/"], img[onclick*="/2e9c9aa9.com"], img[src*=".c-ctrip.com"][style="width:100%;height:70px;"], [href^="https://zstacklife.com/"] img, img[src*=".meituan.net"][style="width:100%;height:70px;"], script[src="/js/sy2.js"] + div[align="center"], a[href*="/lesi151.cc"], a[href^="https://click.hoolig.app/"], a[href*="/lesi198.com"], a[href^="https://tracker.loropartners.com/"], a[href^="https://awptjmp.com/"], div[id^="st"][style^="z-index: 999999999;"], a[href*=".irtyd.com/"], a[href^="https://voluum.prom-xcams.com/"], body > .app + #htmlContenthtml, a[href*=".labsda.com"] > img[src^="/game/20"], a[href^="https://go.xlviiirdr.com"], script + #coupletBox, a[href^="https://go.xxxjmp.com"], a[href^="https://track.aftrk3.com/"], a[href^="http://cam4com.go2cloud.org/aff_c?"], [href^="https://ad1.adfarm1.adition.com/"], a[href^="http://sneakyadministration.com/"], style + .a-loading, style + .need_grid_img, a[href^="https://go.xlirdr.com"], [data-ad-name], [data-desktop-ad-id], a[href^="https://mmwebhandler.aff-online.com/"], a[href^="https://123-stream.org/"], a[href^="https://ab.advertiserurl.com/aff/"], a[href*="//obqj2.com/"], a[href^="https://best-experience-cool.com/"], [id^="optidigital-adslot"], [href^="https://ilovemyfreedoms.com/landing-"], a[href^="https://cam4com.go2cloud.org/"], a[href^="https://streamate.com/landing/click/"], a[href^="https://click.candyoffers.com/"], a[href^="https://bngpt.com/"], amp-fx-flying-carpet, in-page-message[doskip], a[href*="/yigeyuming3880.top"], a[href^="https://www.e-consulters.com.br/sac/aff.php?aff="], [href^="https://mypatriotsupply.com/"] > img, a[href^="https://financeads.net/tc.php?"], a[href*=".umeng.com"]:not([href="http://www.umeng.com/"]) > img, header + #main:nth-child(n+4) .container-fluid.mb-3.p-0, a[href^="https://get.surfshark.net/aff_c?"][href*="&aff_id="] > img, [href^="https://join.playboyplus.com/track/"], div[onclick^="window.location.href"][onclick*=".bcebos."], a[href^="https://track.wg-aff.com"], a[onclick^="_czc."] > .add, [href^="https://wsup.ai/"], body > div.container[style="margin-bottom: 10px;"] > script:first-child ~ div[style="height:60px;width:100%;"], a[href^="http://join.brokestraightboys.com/track/"], div[id^="ad-div-"], script + a[target="_bank"] > img[src*=".c-ctrip.com"][style="width:100%;height:auto;"], style + .topd, img[onclick*=".qq.com/doc/"], [href^="https://www.profitablegatecpm.com/"], a[href^="https://clixtrac.com/"], a[href^="https://aj1070.online/"], [href^="https://mylead.global/stl/"] > img, a[clickmode="ad"], a[href^="https://go.admjmp.com"], a[href^="https://traffdaq.com/"], [data-testid^="taboola-"], [data-ad-cls], a[href*="/2e9c9aa9.com/"], topadblock, a[href*=".erodatalabs.com/"], [data-ez-name], a[href^="https://loboclick.com/"], a[href^="https://pornworks.com/fr/undress/image?utm_source="], a[href^="https://go.xlviirdr.com"], dl#listwoBox, [href^="https://wct.link/click?"], a[href^="https://www.mrskin.com/account/"], img[onclick*="bucd.lol"], a[href*=".gkrtmc.com/"], a[href*="/137.220.194.123:"], a[href^="https://aweptjmp.com/"], a[href^="https://get-link.xyz/"], [class][onclick="window.location.href='https://www.tsqcy.cn'"], a[href^="https://www.financeads.net/tc.php?"], a[href^="https://www.infowarsstore.com/"] > img, a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], a[href^="https://1betandgonow.com/"], img[onclick="window.open(this.url)"][src*="qq.com"], a[target="_blank"][onclick*="广告点击"], [id^="section-ad-banner"], a[href^="https://mediaserver.entainpartners.com/renderBanner.do?"], iframe[scrolling="no"][sandbox*="allow-popups allow-modals"][style^="width: 100%; height: 100%; border: none;"], a[href^="java"][onclick^="gogogoto"], a[href^="https://track.adform.net/"], a[href^="https://t.ajrkm3.com/"], a[href^="https://www.mrskin.com/tour"], [href^="https://aads.com/campaigns/"], a[href^="https://service.bv-aff-trx.com/"], a[href^="https://6-partner.com/"], img[data-link][data-src*="/u/"]:not([data-link*="/i/"]), body[onload*="u()"] > #x, a[href*=".6666ai.top"], a[href^="https://bodelen.com/"], a[href^="https://s.gentlefieldpattern.com/"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], [href^="https://ap.octopuspop.com/click/"] > img, a[href^="http"] > img[src*="pic.rmb.bdstatic.com/"][src$=".gif"], a[href^="https://adclick.g.doubleclick.net/"], a[href^="https://a.bestcontentfood.top/"], a[href^="https://adultfriendfinder.com/go/"], a[href^="https://static.maxfullad.com/banners/"], a[href^="https://banners.livepartners.com/"], [class^="div-gpt-ad"], a[href^="https://tour.mrskin.com/"], a[href^="https://myclick-2.com/"], div[align="center"] > a[href^="/url/"] > img[src*=".alicdn.com"], ps-connatix-module, a[href="/ht.html"], [href^="https://optimizedelite.com/"] > img, a[href^="https://a.medfoodhome.com/"], a[href^="https://go.aff.esportesdasorte.com/"], a[href*=".antfa.link/"], a[href^="/template/1/html/ad/"], a[href="/iwagbwfiwehaeyh"], a[href^="https://claring-loccelkin.com/"], a[href^="https://lnkxt.bannerator.com/"], a[href^="http://mon.net.br/"] > img, a[href^="https://join.virtualtaboo.com/track/"], [data-identity="adhesive-ad"], a[href^="https://sexynearme.com/"], img[src*=".qpic.cn"][width="980"][height="80"], div[id*="MarketGid"], [data-rc-widget], a[href^="https://chaturbate.com/in/?"], [name^="google_ads_iframe"], div[class^="Adstyled__AdWrapper-"], a[href*=".digital2cloud.com/?"], a[href^="https://t.acam.link/"], div[data-id-advertdfpconf], a[href^="https://click.Ggpickaff.com/"], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"] + .ob_source, a[href^="https://bngprm.com/"], div[data-adzone], a[href^="https://join.bannedsextapes.com/track/"], [href^="https://mypillow.com/"] > img, [href^="https://www.mypillow.com/"] > img, a[href^="https://golinks.work/"], div[id^="mrec-leaderboard-"], [href="//sexcams.plus/"], a[href^="https://a2.adform.net/"], td[id^="td_"] > a[href^="/htmm/"], a[href^="https://twinrdsrv.com/"], a[href^="https://prf.hn/click/"][href*="/adref:"] > img, a[href^="https://ads.leovegas.com/"], img[onclick^="window.open"][src*="pc.qq.com"], img[src*=".sinaimg."][style="width:1025px;height:80px"], a[href^="https://pb-imc.com/"], a[href^="//go.eabids.com/"], a[href^="https://www.nutaku.net/signup/landing/"], a[href^="https://www.purevpn.com/"][href*="&utm_source=aff-"], header + #main:nth-child(n+4) .container-fluid.mb-0.p-0, [href^="https://ad.admitad.com/"], [href^="https://rapidgator.net/article/premium/ref/"], a > img[src*=".sinaimg."][src$=".gif"][style*="width:960"], a#wrapper_left_bg, a[href*="kdocs.cn"] > img[src*=".ax1x.com/"], a[href^="//s.zlinkd.com/"], a[href^="//startgaming.net/tienda/"i], a[href^="https://Click.ggpickaff.com/"], a[id][href*="/?register="], style + .vdgdo, a[href^="https://a.candyai.love/"], a[href^="http://ad.moemoe."], [id^="adswidget"], [href^="https://join.girlsoutwest.com/"], [data-ad-width], div[data-contentexchange-widget], a[href^="https://identicaldrench.com/"], a[href^="javascript:gl012"], a[href^="https://www.highcpmrevenuenetwork.com/"], div[data-alias="300x250 Ad 2"], a[href*="://2"] > img[src*=".qlogo.cn"], a[href^="https://www.dating-finder.com/signup/?ai_d="], div[id^="ad-position-"], a[href^="https://go.xxxvjmp.com/"], div[id^="ad_thread"], [data-block-type="ad"], a[href^="https://app.monetizze.com.br/"] > img, a[href^="https://www.geekbuying.com/dynamic-ads/"], img[src*=".sinaimg."][style="width:150px;height:300px"], center > a[target="_blank"] > img[style="padding- bottom:5px;width:960px;height:60px;"], img[data-src*=".alicdn.com/img/ibank/"][src="/static/images/loadingerror.gif"], a[href*=".atimaze.com/"], div[onclick*="?i_code="], a[href^="https://join.dreamsexworld.com/"], a#wrapper_left_bg\ llll, a[href^="https://www.goldenfrog.com/vyprvpn?offer_id="][href*="&aff_id="], a[href^="https://track.totalav.com/"], body > div[style$=";background: #000;opacity:0.01;"], div[bannerlist], a[href="/gghtml/tyc.html"], div[id^="taboola-stream-"], [id^="div-gpt-ad"], a[onclick^="_czc."] > .ads, a[href="http://t.cn/A6hQCVsv"], ins.adsbygoogle[data-ad-slot], [href="https://chaturbate.jjgirls.com/"] > img, a[href*=".hongguotuiguang."], [id^="ad-wrap-"], div#xinxi, div[onclick*=".open"][onclick*="leyu"], a[target="_blank"] > img[src*=".bitautoimg.com/"][src$=".gif"], a[href*="/yfj8159.com"], a[href^="https://go.goaserv.com/"], dfp-ad, [href^="https://go.xlrdr.com"], a[href^="https://1winpb.com/"], a[href^="https://a.bestcontentweb.top/"], a[href*="/entry/register"][href*="i_code"], a[href^="https://click.dtiserv2.com/"], a[href^="https://offhandpump.com/"], a[href*=".ssmh"][href*="?u="], a[href^="https://activate-game.com/"], a[href^="https://wolf-327b.com/"], [data-m-ad-id], a[href^="https://iqbroker.com/"][href*="?aff="], a[href^="https://www.googleadservices.com/pagead/aclk?"] > img, amp-connatix-player, a[href^="https://datewhisper.life/"], [class][onclick^="window.location.href"][onclick*=".pypyj.com"], [href^="https://www.targetingpartner.com/"], a[href^="https://www.dating-finder.com/?ai_d="], div[aria-label="Ads"], a[href^="https://go.xlivrdr.com"], a[href^="https://ads.betfair.com/redirect.aspx?"], [data-testid^="section-AdRowBillboard"], body[ontouchstart] > div[id^="content_"][style="display: block;"], header + #main:nth-child(n+4) > div[id^="po-s"]:not(#po-shd), a[href^="https://ad.doubleclick.net/"], [href$="/sexdating.php"], a[href^="https://combodef.com/"], a[href^="https://engine.phn.doublepimp.com/"], script + .header_rmb, script + a[href] > img[src*="lbsugc.cdn.bcebos.com"], script[src$="/base.js"] + #couplet, iframe[style="border: 0; width: 728px; height: 110px;"], a[href^="https://stellarcashflow.net/trck/"], a[href^="https://go.nordvpn.net/aff"] > img, a[href^="http://tc.tradetracker.net/"] > img, body > .dbfh, a[href$="/hjdt9.com"], [href^="https://www.brighteonstore.com/products/"] img, a[href*="/vv88.life"], a[href="http://yun886.com"], [href^="https://affiliate.fastcomet.com/"] > img, [class^="tile-picker__CitrusBannerContainer-sc-"], div[id*="ScriptRoot"], div[id^="apn_native_ad_slot_"], div[data-ad-targeting], a[href="javascript:GoGd();"], a[id][href*="/?aff="], div[id^="vuukle-ad-"], [data-testid="prism-ad-wrapper"], iframe[src*=".xxmh"][src*="?u="], gpt-ad, style + .topd + .bottomd, a[href^="https://go.dmzjmp.com"], [class^="s2nPlayer"], a[href^="http://stickingrepute.com/"], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"], center > a[target="_blank"] > img[style="padding- bottom:5px;width:960px;height:120px;"], a[href^="https://ad.zanox.com/ppc/"] > img, [href^="https://www.avantlink.com/click.php"] img, vg-pause-f, [href^="https://awbbjmp.com/"], a[href="https://t.me/bokaiyunwujiankaiyun"], [data-revive-zoneid], a[href^="http://revolvemockerycopper.com/"], [href^="https://charmingdatings.life/"], a[href^="https://externo.x-power-gel.com/"], a[href*="/kt169.com"], ad-slot, a[href^="https://postback1win.com/"], a[href^="https://random-affiliate.atimaze.com/"], a[href^="https://t.ajrkm1.com/"], [data-css-class="dfp-inarticle"], a[href^="https://s.zlinkr.com/"], a[href^="https://twinrdsyte.com/"], a[href^="https://www.privateinternetaccess.com/"] > img, [data-mobile-ad-id], div[id^="div-ads-"], div[data-ad-region], a[href^="https://www.toprevenuegate.com/"], a[href^="http://www.iyalc.com/"], a[href*="/?aff="][target="_blank"], a[href^="https://track.afcpatrk.com/"], a[href^="https://track.aftrk5.com/"], [data-role="tile-ads-module"], a[href^="https://track.ultravpn.com/"], a[href^="https://ak.psaltauw.net/"], a[onclick^="gtag"] > .add, a[href^="https://jaxofuna.com/"], a[target="_blank"] > img.king, a[href^="https://lead1.pl/"], a[href^="https://t.ajump1.com/"], a[href^="https://bc.game/"], guj-ad, a[href*=".bright.cn/?utm_"], a[href^="//hoodingluster.com/"], a[href^="https://www.bang.com/?aff="], a[href*=":7888/?register="], a[href*=".slext2.com/"], a[href*=":10443/"] > img[src$="gif"], a[target="_blank"][href^="https://js."][href$=".com/download/4122_0.html"], img[src*=".jd.com"][style="width:100%;height:70px;"], [data-template-type="nativead"], script + #rbbox, a[href*=".g2afse.com/"], div[id^="photo-header-title-content-text-dall"], [href^="https://www.hostg.xyz/"] > img, a[href^="https://prf.hn/click/"][href*="/creativeref:"] > img, a[href^="https://s.happyleafmotion.com/"], a[href*="/aff_c?offer_id="] > img, atf-ad-slot, a[href$=".cc:8443"], a[href^="https://www.liquidfire.mobi/"], [href^="https://groorsoa.net/"], a[href*=".gaimin.gg/cn"], a[href^="https://pubads.g.doubleclick.net/"], a[href*=".xacg.info/"], a[href^="http://com-1.pro/"], a[href*="/h91.tv"], div[id^="adngin-"], a[href^="http://trk.globwo.online/"], a[href*="/137.220.194.105:"], [onclick*="content.ad/"], a[href^="https://slkmis.com/"], a[href^="https://landing.brazzersnetwork.com/"], div[data-alias="300x250 Ad 1"], a[href^="https://ctrdwm.com/"], [href^="http://mypillow.com/"] > img, [class^="amp-ad-"], amp-ad, a[href^="/archives/"] > .post-card > .blog-background[style*="gif;base64"], a[href*=":8701/?register="], [href^="https://turtlebids.irauctions.com/"] img, a[onclick*="open"] > img[src*=".dailygn.com/"], a[href^="https://go.mnaspm.com/"], a[href^="https://ismlks.com/"], a[href^="https://in.rabbtrk.com/"], [data-testid="ad_testID"], [href^="https://mystore.com/"] > img, a[href*=".cfm?domain="][href*="&fp="], a[href*="/445.ee/"], a[href*="/auth/register?code="] > img, a[href*="aHR0cHM6Ly9xc2Z2bDExLmFsYXp2LmNvbS8zNzA4Lmh0bWw="], [data-testid="adBanner-wrapper"], [id^="ad_sky"], a[href*="/ads/adscenter."], a[href*="://mgzs.cdn.bcebos.com/"], div[data-ad-wrapper], a > img[width="960"][src*=".alicdn.com/"], [data-wpas-zoneid], a[href^="https://www.sheetmusicplus.com/"][href*="?aff_id="], [href^="https://istlnkcl.com/"], [data-testid="commercial-label-taboola"], div[id^="sticky_ad_"], a[href^="https://tm-offers.gamingadult.com/"], [data-cl-spot-id], [href="https://snvhost.com/"], ad-slot, div[id^="dfp-ad-"], img[src$="/img/tianbo.gif"], a[href^="https://go.hpyrdr.com/"], a[href="javascript:window.GoTp();"], img[src$=".gif"][style="width:100%;max-width: 960px;height:45px;margin-bottom:2px;"], a[href^="https://www.brazzersnetwork.com/landing/"], a[href^="https://a-ads.com/"], div[class^="ADTOPLB_"], div[id^="ad_position_"], a[href="/goto.php?url=hth"], a[href^="https://bongacams2.com/track?"], a[href^="/ad/"] > img[id][src*="hdslb.com"], div[data-iab-tag], a[href^="https://go.hpyjmp.com"], a[onclick^="diensfeifwejwdsfwemio"], ins.adsbygoogle[data-ad-client], [id^="ad_slider"], [data-ad-text], a[href^="http://repslys.com/"], a[href^="https://www8.smartadserver.com/"], a[href*=".xxmh"][href*="?u="], body > .zdhf, a[href^="https://a.bestcontentoperation.top/"], a[href^="https://cliente.storehosting.com.br/aff.php?aff="], a[href^="https://syndication.exoclick.com/"], [data-asg-ins], [data-type="ad-vertical"], a[href^="https://bongacams10.com/track?"], a[href^="https://losingoldfry.com/"], a[href*="?channelCode="] > img[src*=".xyz"], a[href^="https://clickins.slixa.com/"], a[href*="/?Intr="], a[href*="?bz=160*600"] > img[src*=".alicdn.com/"], a[data-ad_type="1"], a[href^="https://www.adskeeper.com"], a[onclick$="'clicked', 'ad');"], aside[aria-label="retailmedia.complimentarySponsored"], a.hengfu > img.hengfu, a[href*="/122.51.121.126:"], body .has-ad, div[class^="module-"] > a[href="/index/voddetail.html?id=1"], [id^="dfp_ban_"], div[id^="crt-"][style], span[id^="ezoic-pub-ad-placeholder-"], a#wrapper_right_bg, a[href^="https://serve.awmdelivery.com/"], a > img[width="960"][src*=".sinaimg."], [href^="https://www.cloudways.com/en/?id"], [data-taboola-options], a[href^="http://yunbofangbt."], a[href^="https://ausoafab.net/"], a[href^="https://clicks.pipaffiliates.com/"], a[href^="https://pb-track.com/"], a[href^="https://www.onlineusershielder.com/"], a[target="_blank"] > img[src*="hitv.com"], a[href^="https://pb-front.com/"], amp-ad-custom, a[href^="https://www.adxsrve.com/"], a[href^="http://adultfriendfinder.com/go/"], a[href^="https://go.bushheel.com/"], display-ad-component, div[id^="adspot-"], a[href^="https://www.bet365.com/"][href*="affiliate="], a[href^="http"][onclick^="setCookie"][style^="width:100%;height:100"], app-large-ad, a-ad, a[href^="https://www.get-express-vpn.com/offer/"], div[id^="a-loading-"] > span, a[href^="https://playnano.online/offerwalls/?ref="], div[id^="ezoic-pub-ad-"], a[href^="https://t.adating.link/"], [href^="http://clicks.totemcash.com/"], display-ads, img[onclick*="/statics/js/"], div[id^="rc-widget-"], span[title="neteasefooter"], a[href^="https://wmctjd.com/"], a[href*="?register="] > img[src*=".douyinpic.com"], a[href^="javascript:gl012"] + img, vg-pause-ads, broadstreet-zone-container, a[href*="?invite_code="] > img[src*=".com"], [href^="https://track.fiverr.com/visit/"] > img, a[href*="/cpro/"], a[href*="?bz=300*250"] > img[src*=".alicdn.com/"], a[href*="/cpro."], a[href^="https://join.sexworld3d.com/track/"], a[href^="http://sarcasmadvisor.com/"], a[href*=".com/Register/?a="], a[href^="https://syndicate.contentsserved.com/"], #app > .publicAllContentBg > .bigBannerBg, #hyicbnxjpaumsja) {
    position: absolute !important;
    clip-path: inset(100%) !important;
}