.where_coders_section {
    padding-top: 40px;
    padding-bottom: 60px;
}
.common-drops details:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #3f3f46;
            border-color: rgb(63 63 70/var(--tw-border-opacity, 1))
        }

        #article_examples:is(.dark *),
        #dsa_article_video_explanation:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #363636;
            border-color: rgb(54 54 54/var(--tw-border-opacity, 1))
        }

        .dsa_article_dropdown_approachs details[open] .main-summary:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #2c2d32;
            background-color: rgb(44 45 50/var(--tw-bg-opacity, 1))
        }

        .common-drops:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            background-color: #18191b;
            background-color: rgb(24 25 27/var(--tw-bg-opacity, 1));
            border-color: #252629;
            border-color: rgb(37 38 41/var(--tw-border-opacity, 1))
        }

        blockquote:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1
        }

        blockquote:is(.dark *) {
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1));
            border-color: #434343;
            border-color: rgb(67 67 67/var(--tw-border-opacity, 1))
        }

        *,
        ::backdrop,
        :after,
        :before {
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-rotate: 0;
            --tw-skew-x: 0;
            --tw-skew-y: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-pan-x: ;
            --tw-pan-y: ;
            --tw-pinch-zoom: ;
            --tw-scroll-snap-strictness: proximity;
            --tw-gradient-from-position: ;
            --tw-gradient-via-position: ;
            --tw-gradient-to-position: ;
            --tw-ordinal: ;
            --tw-slashed-zero: ;
            --tw-numeric-figure: ;
            --tw-numeric-spacing: ;
            --tw-numeric-fraction: ;
            --tw-ring-inset: ;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: #3b82f680;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-ring-shadow: 0 0 #0000;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
            --tw-blur: ;
            --tw-brightness: ;
            --tw-contrast: ;
            --tw-grayscale: ;
            --tw-hue-rotate: ;
            --tw-invert: ;
            --tw-saturate: ;
            --tw-sepia: ;
            --tw-drop-shadow: ;
            --tw-backdrop-blur: ;
            --tw-backdrop-brightness: ;
            --tw-backdrop-contrast: ;
            --tw-backdrop-grayscale: ;
            --tw-backdrop-hue-rotate: ;
            --tw-backdrop-invert: ;
            --tw-backdrop-opacity: ;
            --tw-backdrop-saturate: ;
            --tw-backdrop-sepia: ;
            --tw-contain-size: ;
            --tw-contain-layout: ;
            --tw-contain-paint: ;
            --tw-contain-style:
        }

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

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

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

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

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

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

        input:where([type=button]),
        input:where([type=reset]),
        input:where([type=submit]) {
            -webkit-appearance: button;
            background-color: initial;
            background-image: none
        }

        :-moz-focusring {
            outline: auto
        }

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

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

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

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

        figure,
        p {
            margin: 0
        }

        :disabled {
            cursor: default
        }

        svg {
            display: block;
            vertical-align: middle
        }

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

        :root {
            --inherit: inherit;
            --current: currentColor;
            --transparent: #0000;
            --black: #000;
            --white: #fff;
            --slate-50: #f8fafc;
            --slate-100: #f1f5f9;
            --slate-200: #e2e8f0;
            --slate-300: #cbd5e1;
            --slate-400: #94a3b8;
            --slate-500: #64748b;
            --slate-600: #475569;
            --slate-700: #334155;
            --slate-800: #1e293b;
            --slate-900: #0f172a;
            --slate-950: #020617;
            --gray-50: #f9fafb;
            --gray-100: #f3f4f6;
            --gray-200: #e5e7eb;
            --gray-300: #d1d5db;
            --gray-400: #9ca3af;
            --gray-500: #6b7280;
            --gray-600: #4b5563;
            --gray-700: #374151;
            --gray-800: #1f2937;
            --gray-900: #111827;
            --gray-950: #030712;
            --zinc-50: #fafafa;
            --zinc-100: #f4f4f5;
            --zinc-200: #e4e4e7;
            --zinc-300: #d4d4d8;
            --zinc-400: #a1a1aa;
            --zinc-500: #71717a;
            --zinc-600: #52525b;
            --zinc-700: #3f3f46;
            --zinc-800: #27272a;
            --zinc-900: #18181b;
            --zinc-950: #09090b;
            --neutral-50: #fafafa;
            --neutral-100: #f5f5f5;
            --neutral-200: #e5e5e5;
            --neutral-300: #d4d4d4;
            --neutral-400: #a3a3a3;
            --neutral-500: #737373;
            --neutral-600: #525252;
            --neutral-700: #404040;
            --neutral-800: #262626;
            --neutral-900: #171717;
            --neutral-950: #0a0a0a;
            --stone-50: #fafaf9;
            --stone-100: #f5f5f4;
            --stone-200: #e7e5e4;
            --stone-300: #d6d3d1;
            --stone-400: #a8a29e;
            --stone-500: #78716c;
            --stone-600: #57534e;
            --stone-700: #44403c;
            --stone-800: #292524;
            --stone-900: #1c1917;
            --stone-950: #0c0a09;
            --red-50: #fff1f2;
            --red-100: #ffe4e6;
            --red-200: #fecdd3;
            --red-300: #fda4af;
            --red-400: #fb7185;
            --red-500: #f43f5e;
            --red-600: #e11d48;
            --red-700: #be123c;
            --red-800: #9f1239;
            --red-900: #881337;
            --red-950: #4c0519;
            --orange-50: #fff7ed;
            --orange-100: #ffedd5;
            --orange-200: #fed7aa;
            --orange-300: #fdba74;
            --orange-400: #fb923c;
            --orange-500: #f97316;
            --orange-600: #ea580c;
            --orange-700: #c2410c;
            --orange-800: #9a3412;
            --orange-900: #7c2d12;
            --orange-950: #431407;
            --amber-50: #fffbeb;
            --amber-100: #fef3c7;
            --amber-200: #fde68a;
            --amber-300: #fcd34d;
            --amber-400: #fbbf24;
            --amber-500: #f59e0b;
            --amber-600: #d97706;
            --amber-700: #b45309;
            --amber-800: #92400e;
            --amber-900: #78350f;
            --amber-950: #451a03;
            --yellow-50: #fefce8;
            --yellow-100: #fef9c3;
            --yellow-200: #fef08a;
            --yellow-300: #fde047;
            --yellow-400: #facc15;
            --yellow-500: #eab308;
            --yellow-600: #ca8a04;
            --yellow-700: #a16207;
            --yellow-800: #854d0e;
            --yellow-900: #713f12;
            --yellow-950: #422006;
            --lime-50: #f7fee7;
            --lime-100: #ecfccb;
            --lime-200: #d9f99d;
            --lime-300: #bef264;
            --lime-400: #a3e635;
            --lime-500: #84cc16;
            --lime-600: #65a30d;
            --lime-700: #4d7c0f;
            --lime-800: #3f6212;
            --lime-900: #365314;
            --lime-950: #1a2e05;
            --green-50: #f0fdf4;
            --green-100: #dcfce7;
            --green-200: #bbf7d0;
            --green-300: #86efac;
            --green-400: #4ade80;
            --green-500: #22c55e;
            --green-600: #16a34a;
            --green-700: #15803d;
            --green-800: #166534;
            --green-900: #14532d;
            --green-950: #052e16;
            --emerald-50: #ecfdf5;
            --emerald-100: #d1fae5;
            --emerald-200: #a7f3d0;
            --emerald-300: #6ee7b7;
            --emerald-400: #34d399;
            --emerald-500: #10b981;
            --emerald-600: #059669;
            --emerald-700: #047857;
            --emerald-800: #065f46;
            --emerald-900: #064e3b;
            --emerald-950: #022c22;
            --teal-50: #f0fdfa;
            --teal-100: #ccfbf1;
            --teal-200: #99f6e4;
            --teal-300: #5eead4;
            --teal-400: #2dd4bf;
            --teal-500: #14b8a6;
            --teal-600: #0d9488;
            --teal-700: #0f766e;
            --teal-800: #115e59;
            --teal-900: #134e4a;
            --teal-950: #042f2e;
            --cyan-50: #ecfeff;
            --cyan-100: #cffafe;
            --cyan-200: #a5f3fc;
            --cyan-300: #67e8f9;
            --cyan-400: #22d3ee;
            --cyan-500: #06b6d4;
            --cyan-600: #0891b2;
            --cyan-700: #0e7490;
            --cyan-800: #155e75;
            --cyan-900: #164e63;
            --cyan-950: #083344;
            --sky-50: #f0f9ff;
            --sky-100: #e0f2fe;
            --sky-200: #bae6fd;
            --sky-300: #7dd3fc;
            --sky-400: #38bdf8;
            --sky-500: #0ea5e9;
            --sky-600: #0284c7;
            --sky-700: #0369a1;
            --sky-800: #075985;
            --sky-900: #0c4a6e;
            --sky-950: #082f49;
            --blue-50: #eff6ff;
            --blue-100: #dbeafe;
            --blue-200: #bfdbfe;
            --blue-300: #93c5fd;
            --blue-400: #60a5fa;
            --blue-500: #3b82f6;
            --blue-600: #2563eb;
            --blue-700: #1d4ed8;
            --blue-800: #1e40af;
            --blue-900: #1e3a8a;
            --blue-950: #172554;
            --indigo-50: #eef2ff;
            --indigo-100: #e0e7ff;
            --indigo-200: #c7d2fe;
            --indigo-300: #a5b4fc;
            --indigo-400: #818cf8;
            --indigo-500: #6366f1;
            --indigo-600: #4f46e5;
            --indigo-700: #4338ca;
            --indigo-800: #3730a3;
            --indigo-900: #312e81;
            --indigo-950: #1e1b4b;
            --violet-50: #f5f3ff;
            --violet-100: #ede9fe;
            --violet-200: #ddd6fe;
            --violet-300: #c4b5fd;
            --violet-400: #a78bfa;
            --violet-500: #8b5cf6;
            --violet-600: #7c3aed;
            --violet-700: #6d28d9;
            --violet-800: #5b21b6;
            --violet-900: #4c1d95;
            --violet-950: #2e1065;
            --purple-50: #faf5ff;
            --purple-100: #f3e8ff;
            --purple-200: #e9d5ff;
            --purple-300: #d8b4fe;
            --purple-400: #c084fc;
            --purple-500: #a855f7;
            --purple-600: #9333ea;
            --purple-700: #7e22ce;
            --purple-800: #6b21a8;
            --purple-900: #581c87;
            --purple-950: #3b0764;
            --fuchsia-50: #fdf4ff;
            --fuchsia-100: #fae8ff;
            --fuchsia-200: #f5d0fe;
            --fuchsia-300: #f0abfc;
            --fuchsia-400: #e879f9;
            --fuchsia-500: #d946ef;
            --fuchsia-600: #c026d3;
            --fuchsia-700: #a21caf;
            --fuchsia-800: #86198f;
            --fuchsia-900: #701a75;
            --fuchsia-950: #4a044e;
            --pink-50: #fdf2f8;
            --pink-100: #fce7f3;
            --pink-200: #fbcfe8;
            --pink-300: #f9a8d4;
            --pink-400: #f472b6;
            --pink-500: #ec4899;
            --pink-600: #db2777;
            --pink-700: #be185d;
            --pink-800: #9d174d;
            --pink-900: #831843;
            --pink-950: #500724;
            --rose-50: #fff1f2;
            --rose-100: #ffe4e6;
            --rose-200: #fecdd3;
            --rose-300: #fda4af;
            --rose-400: #fb7185;
            --rose-500: #f43f5e;
            --rose-600: #e11d48;
            --rose-700: #be123c;
            --rose-800: #9f1239;
            --rose-900: #881337;
            --rose-950: #4c0519;
            --brand: #ee4b2b;
            --brand_70: #bb1800;
            --brand_60: #d43212;
            --brand_50: #f05d40;
            --brand_40: #f16f55;
            --brand_30: #f3816b;
            --brand_20: #f59380;
            --dark: #111;
            --dark_50: #191919;
            --dark_40: #212121;
            --light_50: #f5f5f5;
            --light_40: #595959;
            --light_30: #909090;
            --light_20: #c8c8c8;
            --light_10: #e9e9e9;
            --new_base: #242424;
            --new_Brand: #ea763f;
            --new_primary: #212b36;
            --new_secondary: #454f5b;
            --new_tertiary: #637381;
            --new_quaternary: #919eab;
            --new_bg1: #f9fafb;
            --new_bg2: #f4f6f8;
            --new_divider: #cad3db;
            --new_border: #dfe3e8;
            --new_dark_primary: #fafafa;
            --new_dark_secondary: #dcdcdc;
            --new_dark_tertiary: #adadad;
            --new_dark_quaternary: grey;
            --new_dark: #121212;
            --new_dark_bg1: #191919;
            --new_dark_bg2: #141414;
            --new_dark_divider: #434343;
            --new_dark_border: #363636
        }

        input:where(:not([type])) {
            --tw-shadow: 0 0 #0000;
            appearance: none;
            background-color: #fff;
            border-color: #6b7280;
            border-radius: 0;
            border-width: 1px;
            font-size: 1rem;
            line-height: 1.5rem;
            padding: .5rem .75rem
        }

        input:where(:not([type])):focus {
            --tw-ring-inset: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: #2563eb;
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            border-color: #2563eb;
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            outline: 2px solid #0000;
            outline-offset: 2px
        }

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

        ::-webkit-date-and-time-value {
            min-height: 1.5em;
            text-align: inherit
        }

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

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

        [size]:where(select:not([size="1"])) {
            background-image: none;
            background-position: 0 0;
            background-repeat: repeat;
            background-size: initial;
            padding-right: .75rem;
            -webkit-print-color-adjust: inherit;
            print-color-adjust: inherit
        }

        * {
            scrollbar-color: auto;
            scrollbar-width: auto
        }

        .form-select:where([size]:not([size="1"])) {
            background-image: none;
            background-position: 0 0;
            background-repeat: repeat;
            background-size: initial;
            padding-right: .75rem;
            -webkit-print-color-adjust: inherit;
            print-color-adjust: inherit
        }

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

        .absolute {
            position: absolute
        }

        .relative {
            position: relative
        }

        .inset-0 {
            inset: 0
        }

        .inset-x-0 {
            left: 0;
            right: 0
        }

        .bottom-0 {
            bottom: 0
        }

        .left-\[20\%\] {
            left: 20%
        }

        .top-0 {
            top: 0
        }

        .top-2 {
            top: .5rem
        }

        .top-8 {
            top: 2rem
        }

        .z-10 {
            z-index: 10
        }

        .z-20 {
            z-index: 20
        }

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

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

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

        .flex {
            display: flex
        }

        .inline-flex {
            display: inline-flex
        }

        .grid {
            display: grid
        }

        .h-10 {
            height: 2.5rem
        }

        .h-16 {
            height: 4rem
        }

        .h-3 {
            height: .75rem
        }

        .h-4 {
            height: 1rem
        }

        .h-40 {
            height: 10rem
        }

        .h-64 {
            height: 16rem
        }

        .h-\[120vh\] {
            height: 120vh
        }

        .h-auto {
            height: auto
        }

        .h-full {
            height: 100%
        }

        .w-10 {
            width: 2.5rem
        }

        .w-3 {
            width: .75rem
        }

        .w-4 {
            width: 1rem
        }

        .w-40 {
            width: 10rem
        }

        .w-full {
            width: 100%
        }

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

        .flex-col {
            flex-direction: column
        }

        .items-center {
            align-items: center
        }

        .justify-center {
            justify-content: center
        }

        .gap-1 {
            gap: .25rem
        }

        .gap-3 {
            gap: .75rem
        }

        .gap-4 {
            gap: 1rem
        }

        .gap-8 {
            gap: 2rem
        }

        .space-y-8>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-bottom: calc(2rem*var(--tw-space-y-reverse));
            margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
        }

        .overflow-hidden {
            overflow: hidden
        }

        .whitespace-nowrap {
            white-space: nowrap
        }

        .rounded-full {
            border-radius: 9999px
        }

        .rounded-md {
            border-radius: .375rem
        }

        .rounded-xl {
            border-radius: .75rem
        }

        .border {
            border-width: 1px
        }

        .border-2 {
            border-width: 2px
        }

        .border-dashed {
            border-style: dashed
        }

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

        .border-white {
            --tw-border-opacity: 1;
            border-color: #fff;
            border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
        }

        .bg-\[\#656565\] {
            --tw-bg-opacity: 1;
            background-color: #656565;
            background-color: rgb(101 101 101/var(--tw-bg-opacity, 1))
        }

        .bg-orange-400 {
            --tw-bg-opacity: 1;
            background-color: #fb923c;
            background-color: rgb(251 146 60/var(--tw-bg-opacity, 1))
        }

        .bg-white {
            --tw-bg-opacity: 1;
            background-color: #fff;
            background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
        }

        .bg-gradient-to-b {
            background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
        }

        .bg-gradient-to-t {
            background-image: linear-gradient(to top, var(--tw-gradient-stops))
        }

        .from-white {
            --tw-gradient-from: #fff var(--tw-gradient-from-position);
            --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

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

        .object-cover {
            object-fit: cover
        }

        .p-2 {
            padding: .5rem
        }

        .p-4 {
            padding: 1rem
        }

        .px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .py-2 {
            padding-bottom: .5rem;
            padding-top: .5rem
        }

        .py-4 {
            padding-bottom: 1rem;
            padding-top: 1rem
        }

        .text-center {
            text-align: center
        }

        

        .text-lg {
            letter-spacing: -.01em;
            line-height: 1.5
        }

        .text-lg {
            font-size: 1.125rem
        }

        .text-sm {
            font-size: .875rem;
            line-height: 1.5715
        }

        .text-xl {
            font-size: 1.25rem;
            letter-spacing: -.01em;
            line-height: 1.5
        }

        .font-bold {
            font-weight: 700
        }

        .font-medium {
            font-weight: 500
        }

        .text-blue-600 {
            --tw-text-opacity: 1;
            color: #2563eb;
            color: rgb(37 99 235/var(--tw-text-opacity, 1))
        }

        .text-gray-600 {
            --tw-text-opacity: 1;
            color: #4b5563;
            color: rgb(75 85 99/var(--tw-text-opacity, 1))
        }

        .text-gray-800 {
            --tw-text-opacity: 1;
            color: #1f2937;
            color: rgb(31 41 55/var(--tw-text-opacity, 1))
        }

        .text-gray-900 {
            --tw-text-opacity: 1;
            color: #111827;
            color: rgb(17 24 39/var(--tw-text-opacity, 1))
        }

        .text-white {
            --tw-text-opacity: 1;
            color: #fff;
            color: rgb(255 255 255/var(--tw-text-opacity, 1))
        }

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

        .shadow-lg {
            --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
            --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color)
        }

        .section-fade:is(.dark *) {
            box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .section-fade:is(.dark *) {
            --tw-shadow: 0 -10rem 6rem -2rem #101110 inset;
            --tw-shadow-colored: inset 0 -10rem 6rem -2rem var(--tw-shadow-color)
        }

        .btn-chart:is(.dark *),
        .btn-lg:is(.dark *),
        .btn-sm:is(.dark *),
        .btn-xs:is(.dark *),
        .btn:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-text-opacity: 1;
            border-color: #3f3f46;
            border-color: rgb(63 63 70/var(--tw-border-opacity, 1));
            color: #d4d4d8;
            color: rgb(212 212 216/var(--tw-text-opacity, 1))
        }

        .btn-chart:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            background-color: #1a1a1a;
            background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .form-checkbox:focus-visible {
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
            --tw-ring-color: #0000;
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
        }

        .form-input:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            background-color: #1a1a1a;
            background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
            border-color: #334155;
            border-color: rgb(51 65 85/var(--tw-border-opacity, 1));
            color: #e2e8f0;
            color: rgb(226 232 240/var(--tw-text-opacity, 1))
        }

        .form-input:hover:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-text-opacity: 1;
            border-color: #64748b;
            border-color: rgb(100 116 139/var(--tw-border-opacity, 1));
            color: #cbd5e1;
            color: rgb(203 213 225/var(--tw-text-opacity, 1))
        }

        .PhoneInputCountrySelect option:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1))
        }

        .form-textarea:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            background-color: #1a1a1a;
            background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
            border-color: #334155;
            border-color: rgb(51 65 85/var(--tw-border-opacity, 1));
            color: #e2e8f0;
            color: rgb(226 232 240/var(--tw-text-opacity, 1))
        }

        .form-textarea:hover:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-text-opacity: 1;
            border-color: #64748b;
            border-color: rgb(100 116 139/var(--tw-border-opacity, 1));
            color: #cbd5e1;
            color: rgb(203 213 225/var(--tw-text-opacity, 1))
        }

        .form-search:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            background-color: #1a1a1a;
            background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
            border-color: #334155;
            border-color: rgb(51 65 85/var(--tw-border-opacity, 1));
            color: #e2e8f0;
            color: rgb(226 232 240/var(--tw-text-opacity, 1))
        }

        .form-search:hover:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-text-opacity: 1;
            border-color: #64748b;
            border-color: rgb(100 116 139/var(--tw-border-opacity, 1));
            color: #cbd5e1;
            color: rgb(203 213 225/var(--tw-text-opacity, 1))
        }

        .form-checkbox:is(.dark *),
        .form-multiselect:is(.dark *),
        .form-radio:is(.dark *),
        .form-select:is(.dark *),
        .form-textarea:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #212121;
            background-color: rgb(33 33 33/var(--tw-bg-opacity, 1))
        }

        .PhoneInputInput:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            background-color: #1a1a1a;
            background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
            border-color: #334155;
            border-color: rgb(51 65 85/var(--tw-border-opacity, 1));
            color: #e2e8f0;
            color: rgb(226 232 240/var(--tw-text-opacity, 1))
        }

        .PhoneInputInput:hover:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-text-opacity: 1;
            border-color: #64748b;
            border-color: rgb(100 116 139/var(--tw-border-opacity, 1));
            color: #cbd5e1;
            color: rgb(203 213 225/var(--tw-text-opacity, 1))
        }

        .PhoneInputCountry:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1a1a1a;
            background-color: rgb(26 26 26/var(--tw-bg-opacity, 1))
        }

        .form-multiselect:is(.dark *),
        .form-select:is(.dark *),
        .form-textarea:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            background-color: #1a1a1a;
            background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
            border-color: #334155;
            border-color: rgb(51 65 85/var(--tw-border-opacity, 1));
            color: #e2e8f0;
            color: rgb(226 232 240/var(--tw-text-opacity, 1))
        }

        .form-multiselect:hover:is(.dark *),
        .form-select:hover:is(.dark *),
        .form-textarea:hover:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-text-opacity: 1;
            border-color: #64748b;
            border-color: rgb(100 116 139/var(--tw-border-opacity, 1));
            color: #cbd5e1;
            color: rgb(203 213 225/var(--tw-text-opacity, 1))
        }

        .circular-progress text:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fff;
            color: rgb(255 255 255/var(--tw-text-opacity, 1))
        }

        .overflow-hidden::-webkit-scrollbar {
            display: none !important;
            width: 0 !important
        }

        .overflow-hidden {
            scrollbar-width: none !important
        }

        .theme-toggle svg:is(.dark *) {
            fill: #fff;
            stroke: #fff
        }

        .theme-toggle svg g g:is(.dark *) {
            stroke: #e4e4e7
        }

        .css-13cymwt-control:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            background-color: #1a1a1a;
            background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
            border-color: #334155;
            border-color: rgb(51 65 85/var(--tw-border-opacity, 1));
            color: #e2e8f0;
            color: rgb(226 232 240/var(--tw-text-opacity, 1))
        }

        .css-13cymwt-control:hover:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-text-opacity: 1;
            border-color: #64748b;
            border-color: rgb(100 116 139/var(--tw-border-opacity, 1));
            color: #cbd5e1;
            color: rgb(203 213 225/var(--tw-text-opacity, 1))
        }

        .css-1p3m7a8-multiValue:is(.dark *) {
            background-color: #ee4c2b39 !important
        }

        .css-1nmdiq5-menu:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1));
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .select__option.select__option--is-focused.css-d7l1ni-option:is(.dark *) {
            background-color: #ee4c2b39
        }

        .css-166bipr-Input:is(.dark *) {
            --tw-text-opacity: 1;
            color: #d4d4d8;
            color: rgb(212 212 216/var(--tw-text-opacity, 1))
        }

        div.select__control.select__control--is-focused.css-t3ipsp-control:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1a1a1a;
            background-color: rgb(26 26 26/var(--tw-bg-opacity, 1))
        }

        .css-1u9des2-indicatorSeparator:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #334155;
            background-color: rgb(51 65 85/var(--tw-bg-opacity, 1))
        }

        .css-1u9des2-indicatorSeparator:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #64748b;
            background-color: rgb(100 116 139/var(--tw-bg-opacity, 1))
        }

        .c-checkbox:not(:checked)+.c-formContainer .c-form__input:required:valid~.c-form__toggle:before {
            --tw-content: "Thank You! \1F60A";
            content: var(--tw-content)
        }

        .c-checkbox:not(:checked)+.c-formContainer .c-form__input:required:valid~.c-form__toggle {
            cursor: default;
            pointer-events: none
        }

        .ql-syntax:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1
        }

        .ql-syntax:is(.dark *) {
            background-color: #212121;
            background-color: rgb(33 33 33/var(--tw-bg-opacity, 1));
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .premium-scrollbar-progress:is(.dark *)::-webkit-scrollbar-thumb {
            --tw-bg-opacity: 1;
            background-color: #656565;
            background-color: rgb(101 101 101/var(--tw-bg-opacity, 1))
        }

        .premium-scrollbar-landing:is(.dark *)::-webkit-scrollbar-track {
            --tw-bg-opacity: 1;
            background-color: #363636;
            background-color: rgb(54 54 54/var(--tw-bg-opacity, 1))
        }

        .premium-scrollbar-landing:is(.dark *)::-webkit-scrollbar-thumb {
            --tw-bg-opacity: 1;
            background-color: #656565;
            background-color: rgb(101 101 101/var(--tw-bg-opacity, 1))
        }

        .premium-scrollbar-page:is(.dark *)::-webkit-scrollbar-track {
            --tw-bg-opacity: 1;
            background-color: #363636;
            background-color: rgb(54 54 54/var(--tw-bg-opacity, 1))
        }

        .premium-scrollbar-page:is(.dark *)::-webkit-scrollbar-thumb {
            --tw-bg-opacity: 1;
            background-color: #656565;
            background-color: rgb(101 101 101/var(--tw-bg-opacity, 1))
        }

        .premium-scrollbar-page-heatmap:is(.dark *)::-webkit-scrollbar-track {
            --tw-bg-opacity: 1;
            background-color: #363636;
            background-color: rgb(54 54 54/var(--tw-bg-opacity, 1))
        }

        .premium-scrollbar-page-heatmap:is(.dark *)::-webkit-scrollbar-thumb {
            --tw-bg-opacity: 1;
            background-color: #656565;
            background-color: rgb(101 101 101/var(--tw-bg-opacity, 1))
        }

        .premium-scrollbar-2:is(.dark *)::-webkit-scrollbar-track {
            --tw-bg-opacity: 1;
            background-color: #212121;
            background-color: rgb(33 33 33/var(--tw-bg-opacity, 1))
        }

        .premium-scrollbar-orange-2:is(.dark *)::-webkit-scrollbar-track {
            --tw-bg-opacity: 1;
            background-color: #070915;
            background-color: rgb(7 9 21/var(--tw-bg-opacity, 1))
        }

        .v2form-input:is(.dark *) {
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1));
            color: #dcdcdc;
            color: rgb(220 220 220/var(--tw-text-opacity, 1))
        }

        .v2form-input-testcases:is(.dark *) {
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1));
            color: #dcdcdc;
            color: rgb(220 220 220/var(--tw-text-opacity, 1))
        }

        .v2form-textarea:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            background-color: #1a1a1a;
            background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
            border-color: #363636;
            border-color: rgb(54 54 54/var(--tw-border-opacity, 1));
            color: #dcdcdc;
            color: rgb(220 220 220/var(--tw-text-opacity, 1))
        }

        .v2form-textarea:is(.dark *)::placeholder {
            --tw-placeholder-opacity: 1;
            color: grey;
            color: rgb(128 128 128/var(--tw-placeholder-opacity, 1))
        }

        .v2form-textarea:hover:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #363636;
            border-color: rgb(54 54 54/var(--tw-border-opacity, 1))
        }

        .rdrStaticRange:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #3f3f46;
            border-color: rgb(63 63 70/var(--tw-border-opacity, 1))
        }

        .rdrCalendarWrapper:is(.dark *),
        .rdrStaticRange:is(.dark *),
        .rdrStaticRange:is(.dark *):hover {
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1))
        }

        .rdrDefinedRangesWrapper:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #3f3f46;
            border-color: rgb(63 63 70/var(--tw-border-opacity, 1))
        }

        .rdrDateDisplayItem:is(.dark *),
        .rdrDateDisplayWrapper:is(.dark *),
        .rdrDefinedRangesWrapper:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1))
        }

        .rdrInputRangeInput:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1));
            border-color: #3f3f46;
            border-color: rgb(63 63 70/var(--tw-border-opacity, 1))
        }

        .rdrNextPrevButton:is(.dark *),
        .rdrPprevButton:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            background-color: #111;
            background-color: rgb(17 17 17/var(--tw-bg-opacity, 1));
            border-color: #3f3f46;
            border-color: rgb(63 63 70/var(--tw-border-opacity, 1))
        }

        .rdrNextPrevButton:hover:is(.dark *),
        .rdrStaticRange:focus .rdrStaticRangeLabel:is(.dark *),
        .rdrStaticRange:hover .rdrStaticRangeLabel:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #212121;
            background-color: rgb(33 33 33/var(--tw-bg-opacity, 1))
        }

        @keyframes scrollUp {
            0% {
                transform: translateY(0)
            }

            to {
                transform: translateY(-50%)
            }
        }

        @keyframes scrollDown {
            0% {
                transform: translateY(-50%)
            }

            to {
                transform: translateY(0)
            }
        }

        .animate-scrollUp {
            animation: scrollUp 60s linear infinite
        }

        .animate-scrollDown {
            animation: scrollDown 60s linear infinite
        }

        .animate-fade-in {
            animation: fadeIn .5s ease-in-out
        }

        @keyframes fadeIn {
            0% {
                opacity: 0;
                transform: translateY(10px)
            }

            to {
                opacity: 1;
                transform: translateY(0)
            }
        }

        .googleSignUp>div>div>div>div:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #3f3f46;
            border-color: rgb(63 63 70/var(--tw-border-opacity, 1))
        }

        .googleSignUp span:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e4e4e7;
            color: rgb(228 228 231/var(--tw-text-opacity, 1))
        }

        .marker\:font-bold ::marker {
            font-weight: 700
        }

        .marker\:text-new_Brand ::marker {
            color: #ea763f
        }

        .marker\:text-new_primary ::marker {
            color: #212b36
        }

        .marker\:font-bold::marker {
            font-weight: 700
        }

        .marker\:text-new_Brand::marker {
            color: #ea763f
        }

        .marker\:text-new_primary::marker {
            color: #212b36
        }

        .focus-visible\:outline-none:focus-visible {
            outline: 2px solid #0000;
            outline-offset: 2px
        }

        .focus-visible\:ring-0:focus-visible {
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
        }

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

        .focus-visible\:ring-red-500:focus-visible {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(244 63 94/var(--tw-ring-opacity, 1))
        }

        .focus-visible\:ring-transparent:focus-visible {
            --tw-ring-color: #0000
        }

        .focus-visible\:ring-offset-2:focus-visible {
            --tw-ring-offset-width: 2px
        }

        .focus-visible\:ring-offset-white:focus-visible {
            --tw-ring-offset-color: #fff
        }

        .dark\:block:is(.dark *) {
            display: block
        }

        .dark\:flex:is(.dark *) {
            display: flex
        }

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

        .dark\:divide-\[\#363636\]:is(.dark *)>:not([hidden])~:not([hidden]) {
            --tw-divide-opacity: 1;
            border-color: #363636;
            border-color: rgb(54 54 54/var(--tw-divide-opacity, 1))
        }

        .dark\:divide-dark_50:is(.dark *)>:not([hidden])~:not([hidden]) {
            --tw-divide-opacity: 1;
            border-color: #191919;
            border-color: rgb(25 25 25/var(--tw-divide-opacity, 1))
        }

        .dark\:divide-slate-700:is(.dark *)>:not([hidden])~:not([hidden]) {
            --tw-divide-opacity: 1;
            border-color: #334155;
            border-color: rgb(51 65 85/var(--tw-divide-opacity, 1))
        }

        .dark\:divide-zinc-700:is(.dark *)>:not([hidden])~:not([hidden]) {
            --tw-divide-opacity: 1;
            border-color: #3f3f46;
            border-color: rgb(63 63 70/var(--tw-divide-opacity, 1))
        }

        .dark\:rounded-lg:is(.dark *) {
            border-radius: .5rem
        }

        .dark\:border:is(.dark *) {
            border-width: 1px
        }

        .dark\:border-0:is(.dark *) {
            border-width: 0
        }

        .dark\:border-none:is(.dark *) {
            border-style: none
        }

        .dark\:border-\[\#161A20\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #161a20;
            border-color: rgb(22 26 32/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#18181B\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #18181b;
            border-color: rgb(24 24 27/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#1E1E1E\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #1e1e1e;
            border-color: rgb(30 30 30/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#232323\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #232323;
            border-color: rgb(35 35 35/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#262626\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #262626;
            border-color: rgb(38 38 38/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#2A2E36\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #2a2e36;
            border-color: rgb(42 46 54/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#2C2D32\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #2c2d32;
            border-color: rgb(44 45 50/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#2c2c2c\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #2c2c2c;
            border-color: rgb(44 44 44/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#2c2d32\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #2c2d32;
            border-color: rgb(44 45 50/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#303030\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #303030;
            border-color: rgb(48 48 48/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#313131\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #313131;
            border-color: rgb(49 49 49/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#343538\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #343538;
            border-color: rgb(52 53 56/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#363636\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #363636;
            border-color: rgb(54 54 54/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#3A3A3A\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #3a3a3a;
            border-color: rgb(58 58 58/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#3B3B3B\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #3b3b3b;
            border-color: rgb(59 59 59/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#3D3D3D\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #3d3d3d;
            border-color: rgb(61 61 61/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#434343\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #434343;
            border-color: rgb(67 67 67/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#454F5B\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #454f5b;
            border-color: rgb(69 79 91/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#4d4d4d\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #4d4d4d;
            border-color: rgb(77 77 77/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#5AD16D\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #5ad16d;
            border-color: rgb(90 209 109/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#676A6D\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #676a6d;
            border-color: rgb(103 106 109/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#EA763F\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #ea763f;
            border-color: rgb(234 118 63/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#FCEDEF\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #fcedef;
            border-color: rgb(252 237 239/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#FD6966\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #fd6966;
            border-color: rgb(253 105 102/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#FFFFFF\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #fff;
            border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
        }

        .dark\:border-\[\#ee4c2b88\]:is(.dark *) {
            border-color: #ee4c2b88
        }

        .dark\:border-\[\#f0f0f060\]:is(.dark *) {
            border-color: #f0f0f060
        }

        .dark\:border-\[\#ff9ba524\]:is(.dark *) {
            border-color: #ff9ba524
        }

        .dark\:border-amber-700:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #b45309;
            border-color: rgb(180 83 9/var(--tw-border-opacity, 1))
        }

        .dark\:border-blue-800:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #1e40af;
            border-color: rgb(30 64 175/var(--tw-border-opacity, 1))
        }

        .dark\:border-dark_40:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #212121;
            border-color: rgb(33 33 33/var(--tw-border-opacity, 1))
        }

        .dark\:border-dark_50:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #191919;
            border-color: rgb(25 25 25/var(--tw-border-opacity, 1))
        }

        .dark\:border-gray-600:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #4b5563;
            border-color: rgb(75 85 99/var(--tw-border-opacity, 1))
        }

        .dark\:border-gray-700:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #374151;
            border-color: rgb(55 65 81/var(--tw-border-opacity, 1))
        }

        .dark\:border-gray-700\/50:is(.dark *) {
            border-color: #37415180
        }

        .dark\:border-gray-700\/75:is(.dark *) {
            border-color: #374151bf
        }

        .dark\:border-gray-800:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #1f2937;
            border-color: rgb(31 41 55/var(--tw-border-opacity, 1))
        }

        .dark\:border-green-500:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #22c55e;
            border-color: rgb(34 197 94/var(--tw-border-opacity, 1))
        }

        .dark\:border-neutral-700:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #404040;
            border-color: rgb(64 64 64/var(--tw-border-opacity, 1))
        }

        .dark\:border-neutral-800:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #262626;
            border-color: rgb(38 38 38/var(--tw-border-opacity, 1))
        }

        .dark\:border-new_Brand:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #ea763f;
            border-color: rgb(234 118 63/var(--tw-border-opacity, 1))
        }

        .dark\:border-new_dark_bg1:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #191919;
            border-color: rgb(25 25 25/var(--tw-border-opacity, 1))
        }

        .dark\:border-new_dark_border:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #363636;
            border-color: rgb(54 54 54/var(--tw-border-opacity, 1))
        }

        .dark\:border-new_dark_divider:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #434343;
            border-color: rgb(67 67 67/var(--tw-border-opacity, 1))
        }

        .dark\:border-orange-500:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #f97316;
            border-color: rgb(249 115 22/var(--tw-border-opacity, 1))
        }

        .dark\:border-orange-700:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #c2410c;
            border-color: rgb(194 65 12/var(--tw-border-opacity, 1))
        }

        .dark\:border-orange-700\/50:is(.dark *) {
            border-color: #c2410c80
        }

        .dark\:border-orange-800:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #9a3412;
            border-color: rgb(154 52 18/var(--tw-border-opacity, 1))
        }

        .dark\:border-red-500:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #f43f5e;
            border-color: rgb(244 63 94/var(--tw-border-opacity, 1))
        }

        .dark\:border-red-600:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #e11d48;
            border-color: rgb(225 29 72/var(--tw-border-opacity, 1))
        }

        .dark\:border-red-800:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #9f1239;
            border-color: rgb(159 18 57/var(--tw-border-opacity, 1))
        }

        .dark\:border-slate-700:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #334155;
            border-color: rgb(51 65 85/var(--tw-border-opacity, 1))
        }

        .dark\:border-transparent:is(.dark *) {
            border-color: #0000
        }

        .dark\:border-white:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #fff;
            border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
        }

        .dark\:border-white\/10:is(.dark *) {
            border-color: #ffffff1a
        }

        .dark\:border-white\/20:is(.dark *) {
            border-color: #fff3
        }

        .dark\:border-white\/\[0\.1\]:is(.dark *) {
            border-color: #ffffff1a
        }

        .dark\:border-yellow-800:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #854d0e;
            border-color: rgb(133 77 14/var(--tw-border-opacity, 1))
        }

        .dark\:border-zinc-300:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #d4d4d8;
            border-color: rgb(212 212 216/var(--tw-border-opacity, 1))
        }

        .dark\:border-zinc-500:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #71717a;
            border-color: rgb(113 113 122/var(--tw-border-opacity, 1))
        }

        .dark\:border-zinc-600:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #52525b;
            border-color: rgb(82 82 91/var(--tw-border-opacity, 1))
        }

        .dark\:border-zinc-700:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #3f3f46;
            border-color: rgb(63 63 70/var(--tw-border-opacity, 1))
        }

        .dark\:border-zinc-700\/30:is(.dark *) {
            border-color: #3f3f464d
        }

        .dark\:border-zinc-800:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .dark\:border-zinc-900:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #18181b;
            border-color: rgb(24 24 27/var(--tw-border-opacity, 1))
        }

        .dark\:border-x-\[\#363636\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-left-color: #363636;
            border-left-color: rgb(54 54 54/var(--tw-border-opacity, 1));
            border-right-color: #363636;
            border-right-color: rgb(54 54 54/var(--tw-border-opacity, 1))
        }

        .dark\:border-y-\[\#13171C\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-bottom-color: #13171c;
            border-bottom-color: rgb(19 23 28/var(--tw-border-opacity, 1));
            border-top-color: #13171c;
            border-top-color: rgb(19 23 28/var(--tw-border-opacity, 1))
        }

        .dark\:border-l-gray-800:is(.dark *) {
            --tw-border-opacity: 1;
            border-left-color: #1f2937;
            border-left-color: rgb(31 41 55/var(--tw-border-opacity, 1))
        }

        .dark\:border-r-gray-800:is(.dark *) {
            --tw-border-opacity: 1;
            border-right-color: #1f2937;
            border-right-color: rgb(31 41 55/var(--tw-border-opacity, 1))
        }

        .dark\:border-t-zinc-800:is(.dark *) {
            --tw-border-opacity: 1;
            border-top-color: #27272a;
            border-top-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .dark\:bg-\[\#0000002d\]:is(.dark *) {
            background-color: #0000002d
        }

        .dark\:bg-\[\#000000\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #000;
            background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#020612\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #020612;
            background-color: rgb(2 6 18/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#050505\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #050505;
            background-color: rgb(5 5 5/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#0B2816\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #0b2816;
            background-color: rgb(11 40 22/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#0F0F0F\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #0f0f0f;
            background-color: rgb(15 15 15/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#0F1117\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #0f1117;
            background-color: rgb(15 17 23/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#0F1A2E\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #0f1a2e;
            background-color: rgb(15 26 46/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#0F2411\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #0f2411;
            background-color: rgb(15 36 17/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#0F2846\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #0f2846;
            background-color: rgb(15 40 70/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#0f2411\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #0f2411;
            background-color: rgb(15 36 17/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#101318\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #101318;
            background-color: rgb(16 19 24/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#111111\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #111;
            background-color: rgb(17 17 17/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#111418\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #111418;
            background-color: rgb(17 20 24/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#121212CC\]:is(.dark *) {
            background-color: #121212cc
        }

        .dark\:bg-\[\#121212\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #121212;
            background-color: rgb(18 18 18/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#13171C\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #13171c;
            background-color: rgb(19 23 28/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#141414\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #141414;
            background-color: rgb(20 20 20/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#14532D\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #14532d;
            background-color: rgb(20 83 45/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#161617\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #161617;
            background-color: rgb(22 22 23/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#161A20\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #161a20;
            background-color: rgb(22 26 32/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#161f16\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #161f16;
            background-color: rgb(22 31 22/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#18191B\]:is(.dark *),
        .dark\:bg-\[\#18191b\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #18191b;
            background-color: rgb(24 25 27/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#189F3F\]\/10:is(.dark *) {
            background-color: #189f3f1a
        }

        .dark\:bg-\[\#191919\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#1A1A1A\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1a1a1a;
            background-color: rgb(26 26 26/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#1C1C1C\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1c1c1c;
            background-color: rgb(28 28 28/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#1D1C20CC\]:is(.dark *) {
            background-color: #1d1c20cc
        }

        .dark\:bg-\[\#1D1C20\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1d1c20;
            background-color: rgb(29 28 32/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#1D1C20\]\/80:is(.dark *) {
            background-color: #1d1c20cc
        }

        .dark\:bg-\[\#1E1E1E\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1e1e1e;
            background-color: rgb(30 30 30/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#1E1F22\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1e1f22;
            background-color: rgb(30 31 34/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#1F1F1F\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1f1f1f;
            background-color: rgb(31 31 31/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#1a1a1a\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1a1a1a;
            background-color: rgb(26 26 26/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#1b1b1b\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1b1b1b;
            background-color: rgb(27 27 27/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#1c1c1c\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1c1c1c;
            background-color: rgb(28 28 28/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#1c1d20\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1c1d20;
            background-color: rgb(28 29 32/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#1d1d1d\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1d1d1d;
            background-color: rgb(29 29 29/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#1e1e1e\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1e1e1e;
            background-color: rgb(30 30 30/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#1e1f22\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1e1f22;
            background-color: rgb(30 31 34/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#1f2937\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1f2937;
            background-color: rgb(31 41 55/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#212121\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #212121;
            background-color: rgb(33 33 33/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#222222\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #222;
            background-color: rgb(34 34 34/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#242019\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #242019;
            background-color: rgb(36 32 25/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#252628\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #252628;
            background-color: rgb(37 38 40/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#252629\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #252629;
            background-color: rgb(37 38 41/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#262626\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #262626;
            background-color: rgb(38 38 38/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#26272A\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #26272a;
            background-color: rgb(38 39 42/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#271F11\]:is(.dark *),
        .dark\:bg-\[\#271f11\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #271f11;
            background-color: rgb(39 31 17/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#282928\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #282928;
            background-color: rgb(40 41 40/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#2A1E1A\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #2a1e1a;
            background-color: rgb(42 30 26/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#2A2A2A\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #2a2a2a;
            background-color: rgb(42 42 42/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#2C2C2C\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #2c2c2c;
            background-color: rgb(44 44 44/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#2C2D32\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #2c2d32;
            background-color: rgb(44 45 50/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#2D2D30\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #2d2d30;
            background-color: rgb(45 45 48/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#2a2a2a\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #2a2a2a;
            background-color: rgb(42 42 42/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#2c2c2c\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #2c2c2c;
            background-color: rgb(44 44 44/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#2c2d328e\]:is(.dark *) {
            background-color: #2c2d328e
        }

        .dark\:bg-\[\#2c2d32\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #2c2d32;
            background-color: rgb(44 45 50/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#2e2d2d\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #2e2d2d;
            background-color: rgb(46 45 45/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#2e2e2e\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #2e2e2e;
            background-color: rgb(46 46 46/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#331E1E\]:is(.dark *),
        .dark\:bg-\[\#331e1e\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #331e1e;
            background-color: rgb(51 30 30/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#332822\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #332822;
            background-color: rgb(51 40 34/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#333333\]:is(.dark *),
        .dark\:bg-\[\#333\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #333;
            background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#362B2A\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #362b2a;
            background-color: rgb(54 43 42/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#363636\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #363636;
            background-color: rgb(54 54 54/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#3a2e2a\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #3a2e2a;
            background-color: rgb(58 46 42/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#3d3d3d73\]:is(.dark *) {
            background-color: #3d3d3d73
        }

        .dark\:bg-\[\#404040\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #404040;
            background-color: rgb(64 64 64/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#434343\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #434343;
            background-color: rgb(67 67 67/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#470C08\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #470c08;
            background-color: rgb(71 12 8/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#482200\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #482200;
            background-color: rgb(72 34 0/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#4CAF50\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #4caf50;
            background-color: rgb(76 175 80/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#595959\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #595959;
            background-color: rgb(89 89 89/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#DE323B\]\/10:is(.dark *) {
            background-color: #de323b1a
        }

        .dark\:bg-\[\#EA763F\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #ea763f;
            background-color: rgb(234 118 63/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#ECF7ED\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #ecf7ed;
            background-color: rgb(236 247 237/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#FEEEE6\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #feeee6;
            background-color: rgb(254 238 230/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#FFFFFF40\]:is(.dark *) {
            background-color: #ffffff40
        }

        .dark\:bg-\[\#c1592e\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #c1592e;
            background-color: rgb(193 89 46/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-\[\#ee4c2b39\]:is(.dark *) {
            background-color: #ee4c2b39
        }

        .dark\:bg-\[\#ffffff08\]:is(.dark *) {
            background-color: #ffffff08
        }

        .dark\:bg-\[\#ffffff0d\]:is(.dark *) {
            background-color: #ffffff0d
        }

        .dark\:bg-\[\#ffffff0f\]:is(.dark *) {
            background-color: #ffffff0f
        }

        .dark\:bg-\[black\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #000;
            background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-amber-900\/20:is(.dark *) {
            background-color: #78350f33
        }

        .dark\:bg-amber-900\/30:is(.dark *) {
            background-color: #78350f4d
        }

        .dark\:bg-black:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #000;
            background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-black\/30:is(.dark *) {
            background-color: #0000004d
        }

        .dark\:bg-black\/70:is(.dark *) {
            background-color: #000000b3
        }

        .dark\:bg-black\/80:is(.dark *) {
            background-color: #000c
        }

        .dark\:bg-blue-300:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #93c5fd;
            background-color: rgb(147 197 253/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-blue-400:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #60a5fa;
            background-color: rgb(96 165 250/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-blue-500:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #3b82f6;
            background-color: rgb(59 130 246/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-blue-500\/20:is(.dark *) {
            background-color: #3b82f633
        }

        .dark\:bg-blue-900:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1e3a8a;
            background-color: rgb(30 58 138/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-blue-900\/20:is(.dark *) {
            background-color: #1e3a8a33
        }

        .dark\:bg-blue-900\/30:is(.dark *) {
            background-color: #1e3a8a4d
        }

        .dark\:bg-brand_70:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #bb1800;
            background-color: rgb(187 24 0/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-dark:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #111;
            background-color: rgb(17 17 17/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-dark_40:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #212121;
            background-color: rgb(33 33 33/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-dark_50:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-gray-300:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #d1d5db;
            background-color: rgb(209 213 219/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-gray-500:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #6b7280;
            background-color: rgb(107 114 128/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-gray-600:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #4b5563;
            background-color: rgb(75 85 99/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-gray-700:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #374151;
            background-color: rgb(55 65 81/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-gray-800:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1f2937;
            background-color: rgb(31 41 55/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-gray-800\/50:is(.dark *) {
            background-color: #1f293780
        }

        .dark\:bg-green-200:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #bbf7d0;
            background-color: rgb(187 247 208/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-green-300:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #86efac;
            background-color: rgb(134 239 172/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-green-500:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #22c55e;
            background-color: rgb(34 197 94/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-green-500\/20:is(.dark *) {
            background-color: #22c55e33
        }

        .dark\:bg-green-600:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #16a34a;
            background-color: rgb(22 163 74/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-green-600\/30:is(.dark *) {
            background-color: #16a34a4d
        }

        .dark\:bg-green-700:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #15803d;
            background-color: rgb(21 128 61/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-green-900:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #14532d;
            background-color: rgb(20 83 45/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-green-900\/20:is(.dark *) {
            background-color: #14532d33
        }

        .dark\:bg-green-900\/30:is(.dark *) {
            background-color: #14532d4d
        }

        .dark\:bg-green-900\/40:is(.dark *) {
            background-color: #14532d66
        }

        .dark\:bg-indigo-900:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #312e81;
            background-color: rgb(49 46 129/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-neutral-800:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #262626;
            background-color: rgb(38 38 38/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-new_Brand:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #ea763f;
            background-color: rgb(234 118 63/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-new_Brand\/10:is(.dark *) {
            background-color: #ea763f1a
        }

        .dark\:bg-new_Brand\/20:is(.dark *) {
            background-color: #ea763f33
        }

        .dark\:bg-new_base:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #242424;
            background-color: rgb(36 36 36/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-new_dark:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #121212;
            background-color: rgb(18 18 18/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-new_dark\/85:is(.dark *) {
            background-color: #121212d9
        }

        .dark\:bg-new_dark_bg1:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-new_dark_bg2:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #141414;
            background-color: rgb(20 20 20/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-new_dark_border:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #363636;
            background-color: rgb(54 54 54/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-orange-500:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #f97316;
            background-color: rgb(249 115 22/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-orange-600:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #ea580c;
            background-color: rgb(234 88 12/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-orange-900\/20:is(.dark *) {
            background-color: #7c2d1233
        }

        .dark\:bg-orange-900\/30:is(.dark *) {
            background-color: #7c2d124d
        }

        .dark\:bg-orange-900\/40:is(.dark *) {
            background-color: #7c2d1266
        }

        .dark\:bg-orange-950\/20:is(.dark *) {
            background-color: #43140733
        }

        .dark\:bg-purple-500:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #a855f7;
            background-color: rgb(168 85 247/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-purple-900\/30:is(.dark *) {
            background-color: #581c874d
        }

        .dark\:bg-red-300:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #fda4af;
            background-color: rgb(253 164 175/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-red-400:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #fb7185;
            background-color: rgb(251 113 133/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-red-500\/20:is(.dark *) {
            background-color: #f43f5e33
        }

        .dark\:bg-red-600:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #e11d48;
            background-color: rgb(225 29 72/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-red-600\/30:is(.dark *) {
            background-color: #e11d484d
        }

        .dark\:bg-red-900:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #881337;
            background-color: rgb(136 19 55/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-red-900\/10:is(.dark *) {
            background-color: #8813371a
        }

        .dark\:bg-red-900\/20:is(.dark *) {
            background-color: #88133733
        }

        .dark\:bg-transparent:is(.dark *) {
            background-color: initial
        }

        .dark\:bg-white:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #fff;
            background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-yellow-500:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #eab308;
            background-color: rgb(234 179 8/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-yellow-900\/20:is(.dark *) {
            background-color: #713f1233
        }

        .dark\:bg-zinc-500:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #71717a;
            background-color: rgb(113 113 122/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-zinc-600:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #52525b;
            background-color: rgb(82 82 91/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-zinc-700:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #3f3f46;
            background-color: rgb(63 63 70/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-zinc-800:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #27272a;
            background-color: rgb(39 39 42/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-zinc-800\/30:is(.dark *) {
            background-color: #27272a4d
        }

        .dark\:bg-zinc-800\/50:is(.dark *) {
            background-color: #27272a80
        }

        .dark\:bg-zinc-900:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #18181b;
            background-color: rgb(24 24 27/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-zinc-900\/70:is(.dark *) {
            background-color: #18181bb3
        }

        .dark\:bg-zinc-950:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #09090b;
            background-color: rgb(9 9 11/var(--tw-bg-opacity, 1))
        }

        .dark\:bg-opacity-0:is(.dark *) {
            --tw-bg-opacity: 0
        }

        .dark\:bg-opacity-60:is(.dark *) {
            --tw-bg-opacity: 0.6
        }

        .dark\:bg-opacity-70:is(.dark *) {
            --tw-bg-opacity: 0.7
        }

        .dark\:bg-opacity-80:is(.dark *) {
            --tw-bg-opacity: 0.8
        }

        .dark\:bg-opacity-90:is(.dark *) {
            --tw-bg-opacity: 0.9
        }

        .dark\:bg-opacity-95:is(.dark *) {
            --tw-bg-opacity: 0.95
        }

        .dark\:bg-gradient-to-br:is(.dark *) {
            background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
        }

        .dark\:bg-gradient-to-t:is(.dark *) {
            background-image: linear-gradient(to top, var(--tw-gradient-stops))
        }

        .dark\:bg-none:is(.dark *) {
            background-image: none
        }

        .dark\:from-\[\#0F0F0F\]:is(.dark *) {
            --tw-gradient-from: #0f0f0f var(--tw-gradient-from-position);
            --tw-gradient-to: #0f0f0f00 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:from-\[\#18191B\]:is(.dark *) {
            --tw-gradient-from: #18191b var(--tw-gradient-from-position);
            --tw-gradient-to: #18191b00 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:from-\[\#1A1A1A\]:is(.dark *) {
            --tw-gradient-from: #1a1a1a var(--tw-gradient-from-position);
            --tw-gradient-to: #1a1a1a00 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:from-\[\#271F11\]:is(.dark *) {
            --tw-gradient-from: #271f11 var(--tw-gradient-from-position);
            --tw-gradient-to: #271f1100 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:from-\[\#2a2a2a\]:is(.dark *) {
            --tw-gradient-from: #2a2a2a var(--tw-gradient-from-position);
            --tw-gradient-to: #2a2a2a00 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:from-\[\#3333331a\]:is(.dark *) {
            --tw-gradient-from: #3333331a var(--tw-gradient-from-position);
            --tw-gradient-to: #3330 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:from-\[\#EA763F\]\/10:is(.dark *) {
            --tw-gradient-from: #ea763f1a var(--tw-gradient-from-position);
            --tw-gradient-to: #ea763f00 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:from-\[\#F5F5F505\]:is(.dark *) {
            --tw-gradient-from: #f5f5f505 var(--tw-gradient-from-position);
            --tw-gradient-to: #f5f5f500 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:from-\[\#FACC1505\]:is(.dark *) {
            --tw-gradient-from: #facc1505 var(--tw-gradient-from-position);
            --tw-gradient-to: #facc1500 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:from-amber-900\/20:is(.dark *) {
            --tw-gradient-from: #78350f33 var(--tw-gradient-from-position);
            --tw-gradient-to: #78350f00 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:from-black:is(.dark *) {
            --tw-gradient-from: #000 var(--tw-gradient-from-position);
            --tw-gradient-to: #0000 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:from-dark_40:is(.dark *) {
            --tw-gradient-from: #212121 var(--tw-gradient-from-position);
            --tw-gradient-to: #21212100 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:from-gray-700:is(.dark *) {
            --tw-gradient-from: #374151 var(--tw-gradient-from-position);
            --tw-gradient-to: #37415100 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:from-gray-900\/5:is(.dark *) {
            --tw-gradient-from: #1118270d var(--tw-gradient-from-position);
            --tw-gradient-to: #11182700 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:from-orange-400:is(.dark *) {
            --tw-gradient-from: #fb923c var(--tw-gradient-from-position);
            --tw-gradient-to: #fb923c00 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:from-zinc-800:is(.dark *) {
            --tw-gradient-from: #27272a var(--tw-gradient-from-position);
            --tw-gradient-to: #27272a00 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:from-zinc-900:is(.dark *) {
            --tw-gradient-from: #18181b var(--tw-gradient-from-position);
            --tw-gradient-to: #18181b00 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:via-\[\#3a3a3a\]:is(.dark *) {
            --tw-gradient-to: #3a3a3a00 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), #3a3a3a var(--tw-gradient-via-position), var(--tw-gradient-to)
        }

        .dark\:via-\[\#F5F5F505\]:is(.dark *) {
            --tw-gradient-to: #f5f5f500 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), #f5f5f505 var(--tw-gradient-via-position), var(--tw-gradient-to)
        }

        .dark\:via-\[\#FACC1505\]:is(.dark *) {
            --tw-gradient-to: #facc1500 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), #facc1505 var(--tw-gradient-via-position), var(--tw-gradient-to)
        }

        .dark\:via-black:is(.dark *) {
            --tw-gradient-to: #0000 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), #000 var(--tw-gradient-via-position), var(--tw-gradient-to)
        }

        .dark\:to-\[\#1A1A1A\]:is(.dark *) {
            --tw-gradient-to: #1a1a1a var(--tw-gradient-to-position)
        }

        .dark\:to-\[\#2A2A2A\]:is(.dark *),
        .dark\:to-\[\#2a2a2a\]:is(.dark *) {
            --tw-gradient-to: #2a2a2a var(--tw-gradient-to-position)
        }

        .dark\:to-\[\#33333310\]:is(.dark *) {
            --tw-gradient-to: #33333310 var(--tw-gradient-to-position)
        }

        .dark\:to-\[\#4d4d4d23\]:is(.dark *) {
            --tw-gradient-to: #4d4d4d23 var(--tw-gradient-to-position)
        }

        .dark\:to-\[\#EA763F0D\]:is(.dark *) {
            --tw-gradient-to: #ea763f0d var(--tw-gradient-to-position)
        }

        .dark\:to-\[\#EA763F\]\/10:is(.dark *) {
            --tw-gradient-to: #ea763f1a var(--tw-gradient-to-position)
        }

        .dark\:to-\[\#EA763F\]\/30:is(.dark *) {
            --tw-gradient-to: #ea763f4d var(--tw-gradient-to-position)
        }

        .dark\:to-\[\#FFFFFF\]:is(.dark *) {
            --tw-gradient-to: #fff var(--tw-gradient-to-position)
        }

        .dark\:to-amber-800\/20:is(.dark *) {
            --tw-gradient-to: #92400e33 var(--tw-gradient-to-position)
        }

        .dark\:to-gray-600:is(.dark *) {
            --tw-gradient-to: #4b5563 var(--tw-gradient-to-position)
        }

        .dark\:to-orange-600:is(.dark *) {
            --tw-gradient-to: #ea580c var(--tw-gradient-to-position)
        }

        .dark\:to-zinc-900:is(.dark *) {
            --tw-gradient-to: #18181b var(--tw-gradient-to-position)
        }

        .dark\:to-zinc-950:is(.dark *) {
            --tw-gradient-to: #09090b var(--tw-gradient-to-position)
        }

        .dark\:fill-\[\#121212\]:is(.dark *) {
            fill: #121212
        }

        .dark\:fill-\[\#282928\]:is(.dark *) {
            fill: #282928
        }

        .dark\:fill-\[\#5AD16D\]:is(.dark *) {
            fill: #5ad16d
        }

        .dark\:fill-\[\#5dd170\]:is(.dark *) {
            fill: #5dd170
        }

        .dark\:fill-\[\#656565\]:is(.dark *) {
            fill: #656565
        }

        .dark\:fill-\[\#808080\]:is(.dark *) {
            fill: grey
        }

        .dark\:fill-\[\#ACACAC\]:is(.dark *) {
            fill: #acacac
        }

        .dark\:fill-\[\#ADADAD\]:is(.dark *) {
            fill: #adadad
        }

        .dark\:fill-\[\#DCDCDC\]:is(.dark *) {
            fill: #dcdcdc
        }

        .dark\:fill-\[\#DDDDDD\]:is(.dark *) {
            fill: #ddd
        }

        .dark\:fill-\[\#E1E1E1\]:is(.dark *) {
            fill: #e1e1e1
        }

        .dark\:fill-\[\#FAFAFA\]:is(.dark *) {
            fill: #fafafa
        }

        .dark\:fill-\[\#FD6966\]:is(.dark *) {
            fill: #fd6966
        }

        .dark\:fill-\[\#b7b9bc\]:is(.dark *) {
            fill: #b7b9bc
        }

        .dark\:fill-black:is(.dark *) {
            fill: #000
        }

        .dark\:fill-light_40:is(.dark *) {
            fill: #595959
        }

        .dark\:fill-light_50:is(.dark *) {
            fill: #f5f5f5
        }

        .dark\:fill-white:is(.dark *) {
            fill: #fff
        }

        .dark\:fill-zinc-100:is(.dark *) {
            fill: #f4f4f5
        }

        .dark\:fill-zinc-200:is(.dark *) {
            fill: #e4e4e7
        }

        .dark\:fill-zinc-800:is(.dark *) {
            fill: #27272a
        }

        .dark\:stroke-\[\#0F2846\]:is(.dark *) {
            stroke: #0f2846
        }

        .dark\:stroke-\[\#121212\]:is(.dark *) {
            stroke: #121212
        }

        .dark\:stroke-\[\#191919\]:is(.dark *) {
            stroke: #191919
        }

        .dark\:stroke-\[\#1E1F22\]:is(.dark *) {
            stroke: #1e1f22
        }

        .dark\:stroke-\[\#262626\]:is(.dark *) {
            stroke: #262626
        }

        .dark\:stroke-\[\#263524\]:is(.dark *) {
            stroke: #263524
        }

        .dark\:stroke-\[\#656565\]:is(.dark *) {
            stroke: #656565
        }

        .dark\:stroke-\[\#808080\]:is(.dark *) {
            stroke: grey
        }

        .dark\:stroke-\[\#ACACAC\]:is(.dark *) {
            stroke: #acacac
        }

        .dark\:stroke-\[\#ADADAD\]:is(.dark *) {
            stroke: #adadad
        }

        .dark\:stroke-\[\#FCEDEF\]:is(.dark *) {
            stroke: #fcedef
        }

        .dark\:stroke-\[\#f5f5f5\]:is(.dark *) {
            stroke: #f5f5f5
        }

        .dark\:stroke-dark_50:is(.dark *) {
            stroke: #191919
        }

        .dark\:stroke-light_10\/40:is(.dark *) {
            stroke: #e9e9e966
        }

        .dark\:stroke-light_40:is(.dark *) {
            stroke: #595959
        }

        .dark\:stroke-light_50:is(.dark *) {
            stroke: #f5f5f5
        }

        .dark\:stroke-new_dark_tertiary:is(.dark *) {
            stroke: #adadad
        }

        .dark\:stroke-white:is(.dark *) {
            stroke: #fff
        }

        .dark\:stroke-white\/5:is(.dark *) {
            stroke: #ffffff0d
        }

        .dark\:stroke-yellow-600:is(.dark *) {
            stroke: #ca8a04
        }

        .dark\:stroke-zinc-300:is(.dark *) {
            stroke: #d4d4d8
        }

        .dark\:stroke-zinc-400:is(.dark *) {
            stroke: #a1a1aa
        }

        .dark\:stroke-zinc-500:is(.dark *) {
            stroke: #71717a
        }

        .dark\:stroke-zinc-600:is(.dark *) {
            stroke: #52525b
        }

        .dark\:stroke-zinc-700:is(.dark *) {
            stroke: #3f3f46
        }

        .dark\:stroke-zinc-800:is(.dark *) {
            stroke: #27272a
        }

        .dark\:text-\[\#191919\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #191919;
            color: rgb(25 25 25/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#2C2D32\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #2c2d32;
            color: rgb(44 45 50/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#363636\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #363636;
            color: rgb(54 54 54/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#374151\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #374151;
            color: rgb(55 65 81/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#5AD16D\]:is(.dark *),
        .dark\:text-\[\#5ad16d\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #5ad16d;
            color: rgb(90 209 109/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#656565\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #656565;
            color: rgb(101 101 101/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#676A6D\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #676a6d;
            color: rgb(103 106 109/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#808080\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: grey;
            color: rgb(128 128 128/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#81C784\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #81c784;
            color: rgb(129 199 132/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#909090\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #909090;
            color: rgb(144 144 144/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#9CA3AF\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #9ca3af;
            color: rgb(156 163 175/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#A0A0A0\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #a0a0a0;
            color: rgb(160 160 160/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#ADADAD\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #adadad;
            color: rgb(173 173 173/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#AEB4BB\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #aeb4bb;
            color: rgb(174 180 187/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#BDBDBD\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #bdbdbd;
            color: rgb(189 189 189/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#CFCFCF\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #cfcfcf;
            color: rgb(207 207 207/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#DCDCDC\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #dcdcdc;
            color: rgb(220 220 220/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#DFE3E8\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #dfe3e8;
            color: rgb(223 227 232/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#E0990A\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e0990a;
            color: rgb(224 153 10/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#E1E1E1\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e1e1e1;
            color: rgb(225 225 225/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#E5E5E6\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e5e5e6;
            color: rgb(229 229 230/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#E9E9E9\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e9e9e9;
            color: rgb(233 233 233/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#F0F0F0\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #f0f0f0;
            color: rgb(240 240 240/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#F4A810\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #f4a810;
            color: rgb(244 168 16/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#FAFAFA\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fafafa;
            color: rgb(250 250 250/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#FCEDEF\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fcedef;
            color: rgb(252 237 239/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#FD6966\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fd6966;
            color: rgb(253 105 102/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#FFC107\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #ffc107;
            color: rgb(255 193 7/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#FFFFFF\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fff;
            color: rgb(255 255 255/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#c3c3c3\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #c3c3c3;
            color: rgb(195 195 195/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#c8c8c8\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #c8c8c8;
            color: rgb(200 200 200/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#d4d4d8\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #d4d4d8;
            color: rgb(212 212 216/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#dadada\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #dadada;
            color: rgb(218 218 218/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#dcdcdc9a\]:is(.dark *) {
            color: #dcdcdc9a
        }

        .dark\:text-\[\#dcdcdc\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #dcdcdc;
            color: rgb(220 220 220/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#e0e0e0\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e0e0e0;
            color: rgb(224 224 224/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#f4a810\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #f4a810;
            color: rgb(244 168 16/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#f5f5f5\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #f5f5f5;
            color: rgb(245 245 245/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#fafafa\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fafafa;
            color: rgb(250 250 250/var(--tw-text-opacity, 1))
        }

        .dark\:text-\[\#fd6966\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fd6966;
            color: rgb(253 105 102/var(--tw-text-opacity, 1))
        }

        .dark\:text-amber-200:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fde68a;
            color: rgb(253 230 138/var(--tw-text-opacity, 1))
        }

        .dark\:text-amber-300:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fcd34d;
            color: rgb(252 211 77/var(--tw-text-opacity, 1))
        }

        .dark\:text-amber-400:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fbbf24;
            color: rgb(251 191 36/var(--tw-text-opacity, 1))
        }

        .dark\:text-black:is(.dark *) {
            --tw-text-opacity: 1;
            color: #000;
            color: rgb(0 0 0/var(--tw-text-opacity, 1))
        }

        .dark\:text-blue-300:is(.dark *) {
            --tw-text-opacity: 1;
            color: #93c5fd;
            color: rgb(147 197 253/var(--tw-text-opacity, 1))
        }

        .dark\:text-blue-400:is(.dark *) {
            --tw-text-opacity: 1;
            color: #60a5fa;
            color: rgb(96 165 250/var(--tw-text-opacity, 1))
        }

        .dark\:text-blue-500:is(.dark *) {
            --tw-text-opacity: 1;
            color: #3b82f6;
            color: rgb(59 130 246/var(--tw-text-opacity, 1))
        }

        .dark\:text-emerald-400:is(.dark *) {
            --tw-text-opacity: 1;
            color: #34d399;
            color: rgb(52 211 153/var(--tw-text-opacity, 1))
        }

        .dark\:text-gray-100:is(.dark *) {
            --tw-text-opacity: 1;
            color: #f3f4f6;
            color: rgb(243 244 246/var(--tw-text-opacity, 1))
        }

        .dark\:text-gray-200:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e5e7eb;
            color: rgb(229 231 235/var(--tw-text-opacity, 1))
        }

        .dark\:text-gray-300:is(.dark *) {
            --tw-text-opacity: 1;
            color: #d1d5db;
            color: rgb(209 213 219/var(--tw-text-opacity, 1))
        }

        .dark\:text-gray-400:is(.dark *) {
            --tw-text-opacity: 1;
            color: #9ca3af;
            color: rgb(156 163 175/var(--tw-text-opacity, 1))
        }

        .dark\:text-gray-500:is(.dark *) {
            --tw-text-opacity: 1;
            color: #6b7280;
            color: rgb(107 114 128/var(--tw-text-opacity, 1))
        }

        .dark\:text-gray-600:is(.dark *) {
            --tw-text-opacity: 1;
            color: #4b5563;
            color: rgb(75 85 99/var(--tw-text-opacity, 1))
        }

        .dark\:text-gray-700:is(.dark *) {
            --tw-text-opacity: 1;
            color: #374151;
            color: rgb(55 65 81/var(--tw-text-opacity, 1))
        }

        .dark\:text-gray-800:is(.dark *) {
            --tw-text-opacity: 1;
            color: #1f2937;
            color: rgb(31 41 55/var(--tw-text-opacity, 1))
        }

        .dark\:text-green-100:is(.dark *) {
            --tw-text-opacity: 1;
            color: #dcfce7;
            color: rgb(220 252 231/var(--tw-text-opacity, 1))
        }

        .dark\:text-green-400:is(.dark *) {
            --tw-text-opacity: 1;
            color: #4ade80;
            color: rgb(74 222 128/var(--tw-text-opacity, 1))
        }

        .dark\:text-green-600:is(.dark *) {
            --tw-text-opacity: 1;
            color: #16a34a;
            color: rgb(22 163 74/var(--tw-text-opacity, 1))
        }

        .dark\:text-indigo-200:is(.dark *) {
            --tw-text-opacity: 1;
            color: #c7d2fe;
            color: rgb(199 210 254/var(--tw-text-opacity, 1))
        }

        .dark\:text-light_10:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e9e9e9;
            color: rgb(233 233 233/var(--tw-text-opacity, 1))
        }

        .dark\:text-light_40:is(.dark *) {
            --tw-text-opacity: 1;
            color: #595959;
            color: rgb(89 89 89/var(--tw-text-opacity, 1))
        }

        .dark\:text-light_50:is(.dark *) {
            --tw-text-opacity: 1;
            color: #f5f5f5;
            color: rgb(245 245 245/var(--tw-text-opacity, 1))
        }

        .dark\:text-neutral-200:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e5e5e5;
            color: rgb(229 229 229/var(--tw-text-opacity, 1))
        }

        .dark\:text-neutral-50:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fafafa;
            color: rgb(250 250 250/var(--tw-text-opacity, 1))
        }

        .dark\:text-new_Brand:is(.dark *) {
            --tw-text-opacity: 1;
            color: #ea763f;
            color: rgb(234 118 63/var(--tw-text-opacity, 1))
        }

        .dark\:text-new_dark_primary:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fafafa;
            color: rgb(250 250 250/var(--tw-text-opacity, 1))
        }

        .dark\:text-new_dark_quaternary:is(.dark *) {
            --tw-text-opacity: 1;
            color: grey;
            color: rgb(128 128 128/var(--tw-text-opacity, 1))
        }

        .dark\:text-new_dark_secondary:is(.dark *) {
            --tw-text-opacity: 1;
            color: #dcdcdc;
            color: rgb(220 220 220/var(--tw-text-opacity, 1))
        }

        .dark\:text-new_dark_tertiary:is(.dark *) {
            --tw-text-opacity: 1;
            color: #adadad;
            color: rgb(173 173 173/var(--tw-text-opacity, 1))
        }

        .dark\:text-new_primary:is(.dark *) {
            --tw-text-opacity: 1;
            color: #212b36;
            color: rgb(33 43 54/var(--tw-text-opacity, 1))
        }

        .dark\:text-new_tertiary:is(.dark *) {
            --tw-text-opacity: 1;
            color: #637381;
            color: rgb(99 115 129/var(--tw-text-opacity, 1))
        }

        .dark\:text-orange-100:is(.dark *) {
            --tw-text-opacity: 1;
            color: #ffedd5;
            color: rgb(255 237 213/var(--tw-text-opacity, 1))
        }

        .dark\:text-orange-200:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fed7aa;
            color: rgb(254 215 170/var(--tw-text-opacity, 1))
        }

        .dark\:text-orange-300:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fdba74;
            color: rgb(253 186 116/var(--tw-text-opacity, 1))
        }

        .dark\:text-orange-400:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fb923c;
            color: rgb(251 146 60/var(--tw-text-opacity, 1))
        }

        .dark\:text-orange-500:is(.dark *) {
            --tw-text-opacity: 1;
            color: #f97316;
            color: rgb(249 115 22/var(--tw-text-opacity, 1))
        }

        .dark\:text-purple-400:is(.dark *) {
            --tw-text-opacity: 1;
            color: #c084fc;
            color: rgb(192 132 252/var(--tw-text-opacity, 1))
        }

        .dark\:text-red-400:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fb7185;
            color: rgb(251 113 133/var(--tw-text-opacity, 1))
        }

        .dark\:text-red-600:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e11d48;
            color: rgb(225 29 72/var(--tw-text-opacity, 1))
        }

        .dark\:text-rose-400:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fb7185;
            color: rgb(251 113 133/var(--tw-text-opacity, 1))
        }

        .dark\:text-slate-200:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e2e8f0;
            color: rgb(226 232 240/var(--tw-text-opacity, 1))
        }

        .dark\:text-slate-300:is(.dark *) {
            --tw-text-opacity: 1;
            color: #cbd5e1;
            color: rgb(203 213 225/var(--tw-text-opacity, 1))
        }

        .dark\:text-slate-400:is(.dark *) {
            --tw-text-opacity: 1;
            color: #94a3b8;
            color: rgb(148 163 184/var(--tw-text-opacity, 1))
        }

        .dark\:text-white:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fff;
            color: rgb(255 255 255/var(--tw-text-opacity, 1))
        }

        .dark\:text-white\/60:is(.dark *) {
            color: #fff9
        }

        .dark\:text-yellow-200:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fef08a;
            color: rgb(254 240 138/var(--tw-text-opacity, 1))
        }

        .dark\:text-yellow-400:is(.dark *) {
            --tw-text-opacity: 1;
            color: #facc15;
            color: rgb(250 204 21/var(--tw-text-opacity, 1))
        }

        .dark\:text-zinc-100:is(.dark *) {
            --tw-text-opacity: 1;
            color: #f4f4f5;
            color: rgb(244 244 245/var(--tw-text-opacity, 1))
        }

        .dark\:text-zinc-200:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e4e4e7;
            color: rgb(228 228 231/var(--tw-text-opacity, 1))
        }

        .dark\:text-zinc-300:is(.dark *) {
            --tw-text-opacity: 1;
            color: #d4d4d8;
            color: rgb(212 212 216/var(--tw-text-opacity, 1))
        }

        .dark\:text-zinc-400:is(.dark *) {
            --tw-text-opacity: 1;
            color: #a1a1aa;
            color: rgb(161 161 170/var(--tw-text-opacity, 1))
        }

        .dark\:text-zinc-500:is(.dark *) {
            --tw-text-opacity: 1;
            color: #71717a;
            color: rgb(113 113 122/var(--tw-text-opacity, 1))
        }

        .dark\:text-zinc-600:is(.dark *) {
            --tw-text-opacity: 1;
            color: #52525b;
            color: rgb(82 82 91/var(--tw-text-opacity, 1))
        }

        .dark\:text-zinc-700:is(.dark *) {
            --tw-text-opacity: 1;
            color: #3f3f46;
            color: rgb(63 63 70/var(--tw-text-opacity, 1))
        }

        .dark\:text-zinc-800:is(.dark *) {
            --tw-text-opacity: 1;
            color: #27272a;
            color: rgb(39 39 42/var(--tw-text-opacity, 1))
        }

        .dark\:text-zinc-900:is(.dark *) {
            --tw-text-opacity: 1;
            color: #18181b;
            color: rgb(24 24 27/var(--tw-text-opacity, 1))
        }

        .dark\:placeholder-gray-500:is(.dark *)::placeholder {
            --tw-placeholder-opacity: 1;
            color: #6b7280;
            color: rgb(107 114 128/var(--tw-placeholder-opacity, 1))
        }

        .dark\:placeholder-new_dark_quaternary:is(.dark *)::placeholder {
            --tw-placeholder-opacity: 1;
            color: grey;
            color: rgb(128 128 128/var(--tw-placeholder-opacity, 1))
        }

        .dark\:placeholder-zinc-500:is(.dark *)::placeholder {
            --tw-placeholder-opacity: 1;
            color: #71717a;
            color: rgb(113 113 122/var(--tw-placeholder-opacity, 1))
        }

        .dark\:caret-white:is(.dark *) {
            caret-color: #fff
        }

        .dark\:opacity-20:is(.dark *) {
            opacity: .2
        }

        .dark\:opacity-30:is(.dark *) {
            opacity: .3
        }

        .dark\:shadow-2xl:is(.dark *) {
            --tw-shadow: 0 25px 50px -12px #00000040;
            --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
        }

        .dark\:shadow-2xl:is(.dark *),
        .dark\:shadow-\[0_0_4px_0_rgba\(255\2c 255\2c 255\2c 0\.2\)\]:is(.dark *) {
            box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .dark\:shadow-\[0_0_4px_0_rgba\(255\2c 255\2c 255\2c 0\.2\)\]:is(.dark *) {
            --tw-shadow: 0 0 4px 0 #fff3;
            --tw-shadow-colored: 0 0 4px 0 var(--tw-shadow-color)
        }

        .dark\:shadow-\[0px_0px_4px_0px_rgba\(250\2c 250\2c 250\2c 0\.25\)\]:is(.dark *) {
            --tw-shadow: 0px 0px 4px 0px #fafafa40;
            --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color);
            box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .dark\:shadow-\[rgba\(255\2c _255\2c _255\2c _0\.1\)_0px_3px_8px\]:is(.dark *) {
            --tw-shadow: #ffffff1a 0px 3px 8px;
            --tw-shadow-colored: 0px 3px 8px var(--tw-shadow-color)
        }

        .dark\:shadow-\[rgba\(255\2c _255\2c _255\2c _0\.1\)_0px_3px_8px\]:is(.dark *),
        .dark\:shadow-none:is(.dark *) {
            box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .dark\:shadow-none:is(.dark *) {
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000
        }

        .dark\:ring-gray-800:is(.dark *) {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(31 41 55/var(--tw-ring-opacity, 1))
        }

        .dark\:ring-slate-700:is(.dark *) {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(51 65 85/var(--tw-ring-opacity, 1))
        }

        .dark\:ring-zinc-700:is(.dark *) {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(63 63 70/var(--tw-ring-opacity, 1))
        }

        .dark\:backdrop-blur-lg:is(.dark *) {
            --tw-backdrop-blur: blur(16px);
            -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
        }

        .dark\:scrollbar-thin:is(.dark *)::-webkit-scrollbar-track {
            background-color: var(--scrollbar-track);
            border-radius: var(--scrollbar-track-radius)
        }

        .dark\:scrollbar-thin:is(.dark *)::-webkit-scrollbar-track:hover {
            background-color: var(--scrollbar-track);
            background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
        }

        .dark\:scrollbar-thin:is(.dark *)::-webkit-scrollbar-track:active {
            background-color: var(--scrollbar-track);
            background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
        }

        .dark\:scrollbar-thin:is(.dark *)::-webkit-scrollbar-thumb {
            background-color: var(--scrollbar-thumb);
            border-radius: var(--scrollbar-thumb-radius)
        }

        .dark\:scrollbar-thin:is(.dark *)::-webkit-scrollbar-thumb:hover {
            background-color: var(--scrollbar-thumb);
            background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
        }

        .dark\:scrollbar-thin:is(.dark *)::-webkit-scrollbar-thumb:active {
            background-color: var(--scrollbar-thumb);
            background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
        }

        .dark\:scrollbar-thin:is(.dark *)::-webkit-scrollbar-corner {
            background-color: var(--scrollbar-corner);
            border-radius: var(--scrollbar-corner-radius)
        }

        .dark\:scrollbar-thin:is(.dark *)::-webkit-scrollbar-corner:hover {
            background-color: var(--scrollbar-corner);
            background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
        }

        .dark\:scrollbar-thin:is(.dark *)::-webkit-scrollbar-corner:active {
            background-color: var(--scrollbar-corner);
            background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
        }

        .dark\:scrollbar-thin:is(.dark *) {
            scrollbar-color: initial initial;
            scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
            scrollbar-width: thin
        }

        .dark\:scrollbar-thin:is(.dark *)::-webkit-scrollbar {
            display: block;
            height: 8px;
            width: 8px
        }

        .dark\:scrollbar-track-\[\#020612\]:is(.dark *) {
            --scrollbar-track: #020612 !important
        }

        .dark\:scrollbar-track-\[\#141414\]:is(.dark *) {
            --scrollbar-track: #141414 !important
        }

        .dark\:scrollbar-track-\[\#222222\]:is(.dark *) {
            --scrollbar-track: #222 !important
        }

        .dark\:scrollbar-track-zinc-800:is(.dark *) {
            --scrollbar-track: #27272a !important
        }

        .dark\:scrollbar-thumb-\[\#1F2229\]:is(.dark *) {
            --scrollbar-thumb: #1f2229 !important
        }

        .dark\:scrollbar-thumb-\[\#363636\]:is(.dark *) {
            --scrollbar-thumb: #363636 !important
        }

        .dark\:scrollbar-thumb-\[\#474d59\]:is(.dark *) {
            --scrollbar-thumb: #474d59 !important
        }

        .dark\:scrollbar-thumb-gray-600:is(.dark *) {
            --scrollbar-thumb: #4b5563 !important
        }

        .dark\:scrollbar-thumb-zinc-600:is(.dark *) {
            --scrollbar-thumb: #52525b !important
        }

        .dark\:scrollbar-thumb-zinc-700:is(.dark *) {
            --scrollbar-thumb: #3f3f46 !important
        }

        .dark\:\[--progress-path\:\#EA763F\]:is(.dark *) {
            --progress-path: #ea763f
        }

        .dark\:\[--progress-path\:\#FFA726\]:is(.dark *) {
            --progress-path: #ffa726
        }

        .dark\:\[--progress-path\:\#fb923c\]:is(.dark *) {
            --progress-path: #fb923c
        }

        .dark\:\[--progress-text\:\#fafafa\]:is(.dark *) {
            --progress-text: #fafafa
        }

        .dark\:\[--progress-text\:\#fff\]:is(.dark *) {
            --progress-text: #fff
        }

        .dark\:\[--progress-trail\:\#374151\]:is(.dark *) {
            --progress-trail: #374151
        }

        .dark\:\[--progress-trail\:\#404040\]:is(.dark *) {
            --progress-trail: #404040
        }

        .dark\:\[box-shadow\:0px_40px_80px_0px_\#332725\]:is(.dark *) {
            box-shadow: 0 40px 80px 0 #332725
        }

        .marker\:dark\:text-new_dark_primary:is(.dark *) ::marker {
            color: #fafafa
        }

        .marker\:dark\:text-new_dark_primary:is(.dark *)::marker {
            color: #fafafa
        }

        .dark\:placeholder\:text-\[\#808080\]:is(.dark *)::placeholder {
            --tw-text-opacity: 1;
            color: grey;
            color: rgb(128 128 128/var(--tw-text-opacity, 1))
        }

        .dark\:placeholder\:text-gray-400:is(.dark *)::placeholder {
            --tw-text-opacity: 1;
            color: #9ca3af;
            color: rgb(156 163 175/var(--tw-text-opacity, 1))
        }

        .dark\:placeholder\:text-neutral-500:is(.dark *)::placeholder {
            --tw-text-opacity: 1;
            color: #737373;
            color: rgb(115 115 115/var(--tw-text-opacity, 1))
        }

        .dark\:placeholder\:text-zinc-200:is(.dark *)::placeholder {
            --tw-text-opacity: 1;
            color: #e4e4e7;
            color: rgb(228 228 231/var(--tw-text-opacity, 1))
        }

        .dark\:placeholder\:text-zinc-500:is(.dark *)::placeholder {
            --tw-text-opacity: 1;
            color: #71717a;
            color: rgb(113 113 122/var(--tw-text-opacity, 1))
        }

        .dark\:checked\:border-\[\#EA763F\]:checked:is(.dark *),
        .dark\:checked\:border-\[\#ea763f\]:checked:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #ea763f;
            border-color: rgb(234 118 63/var(--tw-border-opacity, 1))
        }

        .dark\:checked\:bg-\[\#EA763F\]:checked:is(.dark *),
        .dark\:checked\:bg-\[\#ea763f\]:checked:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #ea763f;
            background-color: rgb(234 118 63/var(--tw-bg-opacity, 1))
        }

        .group:hover .group-hover\:dark\:border-\[\#FCEDEF\]:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #fcedef;
            border-color: rgb(252 237 239/var(--tw-border-opacity, 1))
        }

        .group:hover .dark\:group-hover\:bg-\[\#121212\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #121212;
            background-color: rgb(18 18 18/var(--tw-bg-opacity, 1))
        }

        .group:hover .dark\:group-hover\:bg-\[\#feeee636\]:is(.dark *) {
            background-color: #feeee636
        }

        .group:hover .dark\:group-hover\:bg-blue-800\/40:is(.dark *) {
            background-color: #1e40af66
        }

        .group:hover .dark\:group-hover\:bg-blue-900\/30:is(.dark *) {
            background-color: #1e3a8a4d
        }

        .group:hover .dark\:group-hover\:bg-green-800\/40:is(.dark *) {
            background-color: #16653466
        }

        .group:hover .dark\:group-hover\:bg-orange-800\/40:is(.dark *) {
            background-color: #9a341266
        }

        .group:hover .dark\:group-hover\:bg-purple-800\/40:is(.dark *) {
            background-color: #6b21a866
        }

        .group:hover .dark\:group-hover\:fill-\[\#0A66C2\]:is(.dark *) {
            fill: #0a66c2
        }

        .group:hover .dark\:group-hover\:fill-\[\#FF0000\]:is(.dark *) {
            fill: red
        }

        .group:hover .dark\:group-hover\:stroke-brand:is(.dark *) {
            stroke: #ee4b2b
        }

        .group:hover .group-hover\:dark\:stroke-\[\#FCEDEF\]:is(.dark *) {
            stroke: #fcedef
        }

        .group:hover .group-hover\:dark\:stroke-brand:is(.dark *) {
            stroke: #ee4b2b
        }

        .group\/delete:hover .dark\:group-hover\/delete\:text-red-400:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fb7185;
            color: rgb(251 113 133/var(--tw-text-opacity, 1))
        }

        .group:hover .dark\:group-hover\:text-blue-400:is(.dark *) {
            --tw-text-opacity: 1;
            color: #60a5fa;
            color: rgb(96 165 250/var(--tw-text-opacity, 1))
        }

        .group:hover .dark\:group-hover\:text-brand:is(.dark *) {
            --tw-text-opacity: 1;
            color: #ee4b2b;
            color: rgb(238 75 43/var(--tw-text-opacity, 1))
        }

        .group:hover .dark\:group-hover\:text-gray-100:is(.dark *) {
            --tw-text-opacity: 1;
            color: #f3f4f6;
            color: rgb(243 244 246/var(--tw-text-opacity, 1))
        }

        .group:hover .dark\:group-hover\:text-orange-400:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fb923c;
            color: rgb(251 146 60/var(--tw-text-opacity, 1))
        }

        .group:hover .dark\:group-hover\:text-slate-300:is(.dark *) {
            --tw-text-opacity: 1;
            color: #cbd5e1;
            color: rgb(203 213 225/var(--tw-text-opacity, 1))
        }

        .group:hover .dark\:group-hover\:text-white:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fff;
            color: rgb(255 255 255/var(--tw-text-opacity, 1))
        }

        .group:hover .group-hover\:dark\:text-\[\#FCEDEF\]:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fcedef;
            color: rgb(252 237 239/var(--tw-text-opacity, 1))
        }

        .group:hover .group-hover\:dark\:text-brand:is(.dark *) {
            --tw-text-opacity: 1;
            color: #ee4b2b;
            color: rgb(238 75 43/var(--tw-text-opacity, 1))
        }

        .group:hover .group-hover\:dark\:text-light_50:is(.dark *) {
            --tw-text-opacity: 1;
            color: #f5f5f5;
            color: rgb(245 245 245/var(--tw-text-opacity, 1))
        }

        .group:hover .group-hover\:dark\:text-red-600:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e11d48;
            color: rgb(225 29 72/var(--tw-text-opacity, 1))
        }

        .group:active .dark\:group-active\:bg-\[\#FCEDEF\]:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #fcedef;
            background-color: rgb(252 237 239/var(--tw-bg-opacity, 1))
        }

        .group:active .group-active\:dark\:stroke-red-600:is(.dark *) {
            stroke: #e11d48
        }

        .group:active .group-active\:dark\:text-red-600:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e11d48;
            color: rgb(225 29 72/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:scale-105:hover:is(.dark *) {
            --tw-scale-x: 1.05;
            --tw-scale-y: 1.05;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .dark\:hover\:border:hover:is(.dark *),
        .hover\:dark\:border:is(.dark *):hover {
            border-width: 1px
        }

        .dark\:hover\:border-\[\#FCEDEF\]:hover:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #fcedef;
            border-color: rgb(252 237 239/var(--tw-border-opacity, 1))
        }

        .dark\:hover\:border-brand:hover:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #ee4b2b;
            border-color: rgb(238 75 43/var(--tw-border-opacity, 1))
        }

        .dark\:hover\:border-brand\/60:hover:is(.dark *) {
            border-color: #ee4b2b99
        }

        .dark\:hover\:border-gray-600:hover:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #4b5563;
            border-color: rgb(75 85 99/var(--tw-border-opacity, 1))
        }

        .dark\:hover\:border-new_Brand:hover:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #ea763f;
            border-color: rgb(234 118 63/var(--tw-border-opacity, 1))
        }

        .dark\:hover\:border-orange-400:hover:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #fb923c;
            border-color: rgb(251 146 60/var(--tw-border-opacity, 1))
        }

        .dark\:hover\:border-orange-500:hover:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #f97316;
            border-color: rgb(249 115 22/var(--tw-border-opacity, 1))
        }

        .dark\:hover\:border-orange-800:hover:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #9a3412;
            border-color: rgb(154 52 18/var(--tw-border-opacity, 1))
        }

        .dark\:hover\:border-slate-500:hover:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #64748b;
            border-color: rgb(100 116 139/var(--tw-border-opacity, 1))
        }

        .dark\:hover\:border-white\/20:hover:is(.dark *) {
            border-color: #fff3
        }

        .dark\:hover\:border-zinc-600:hover:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #52525b;
            border-color: rgb(82 82 91/var(--tw-border-opacity, 1))
        }

        .dark\:hover\:border-zinc-700:hover:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #3f3f46;
            border-color: rgb(63 63 70/var(--tw-border-opacity, 1))
        }

        .dark\:hover\:border-zinc-700\/30:hover:is(.dark *) {
            border-color: #3f3f464d
        }

        .hover\:dark\:border-\[\#FCEDEF\]:is(.dark *):hover {
            --tw-border-opacity: 1;
            border-color: #fcedef;
            border-color: rgb(252 237 239/var(--tw-border-opacity, 1))
        }

        .hover\:dark\:border-\[\#ee4c2b88\]:is(.dark *):hover {
            border-color: #ee4c2b88
        }

        .hover\:dark\:border-new_Brand:is(.dark *):hover {
            --tw-border-opacity: 1;
            border-color: #ea763f;
            border-color: rgb(234 118 63/var(--tw-border-opacity, 1))
        }

        .dark\:hover\:bg-\[\#13171C\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #13171c;
            background-color: rgb(19 23 28/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#18191B\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #18191b;
            background-color: rgb(24 25 27/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#1E1F22\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1e1f22;
            background-color: rgb(30 31 34/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#1F2229\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1f2229;
            background-color: rgb(31 34 41/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#1f1f1f\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1f1f1f;
            background-color: rgb(31 31 31/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#252525\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #252525;
            background-color: rgb(37 37 37/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#252628\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #252628;
            background-color: rgb(37 38 40/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#262d36\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #262d36;
            background-color: rgb(38 45 54/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#2A1E1A\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #2a1e1a;
            background-color: rgb(42 30 26/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#2A2A2A\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #2a2a2a;
            background-color: rgb(42 42 42/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#2C2D32\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #2c2d32;
            background-color: rgb(44 45 50/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#2a2a2a\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #2a2a2a;
            background-color: rgb(42 42 42/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#2c2d32\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #2c2d32;
            background-color: rgb(44 45 50/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#303030\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #303030;
            background-color: rgb(48 48 48/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#333333\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #333;
            background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#33343A\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #33343a;
            background-color: rgb(51 52 58/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#363636\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #363636;
            background-color: rgb(54 54 54/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#3B3B3B\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #3b3b3b;
            background-color: rgb(59 59 59/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#3C3D42\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #3c3d42;
            background-color: rgb(60 61 66/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#3E3E42\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #3e3e42;
            background-color: rgb(62 62 66/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#444\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #444;
            background-color: rgb(68 68 68/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#FAFAFA\]\/15:hover:is(.dark *) {
            background-color: #fafafa26
        }

        .dark\:hover\:bg-\[\#a94a25\]:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #a94a25;
            background-color: rgb(169 74 37/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-\[\#ee4c2b39\]:hover:is(.dark *) {
            background-color: #ee4c2b39
        }

        .dark\:hover\:bg-amber-800\/30:hover:is(.dark *) {
            background-color: #92400e4d
        }

        .dark\:hover\:bg-black\/20:hover:is(.dark *) {
            background-color: #0003
        }

        .dark\:hover\:bg-dark:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #111;
            background-color: rgb(17 17 17/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-gray-600:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #4b5563;
            background-color: rgb(75 85 99/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-gray-700:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #374151;
            background-color: rgb(55 65 81/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-gray-800:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1f2937;
            background-color: rgb(31 41 55/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-gray-800\/50:hover:is(.dark *) {
            background-color: #1f293780
        }

        .dark\:hover\:bg-green-500:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #22c55e;
            background-color: rgb(34 197 94/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-green-700:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #15803d;
            background-color: rgb(21 128 61/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-green-900\/60:hover:is(.dark *) {
            background-color: #14532d99
        }

        .dark\:hover\:bg-new_Brand\/20:hover:is(.dark *) {
            background-color: #ea763f33
        }

        .dark\:hover\:bg-new_base:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #242424;
            background-color: rgb(36 36 36/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-new_dark_bg2:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #141414;
            background-color: rgb(20 20 20/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-orange-500:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #f97316;
            background-color: rgb(249 115 22/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-orange-600:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #ea580c;
            background-color: rgb(234 88 12/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-orange-900\/30:hover:is(.dark *) {
            background-color: #7c2d124d
        }

        .dark\:hover\:bg-orange-900\/60:hover:is(.dark *) {
            background-color: #7c2d1299
        }

        .dark\:hover\:bg-orange-950\/30:hover:is(.dark *) {
            background-color: #4314074d
        }

        .dark\:hover\:bg-red-100\/15:hover:is(.dark *) {
            background-color: #ffe4e626
        }

        .dark\:hover\:bg-red-500:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #f43f5e;
            background-color: rgb(244 63 94/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-red-900\/20:hover:is(.dark *) {
            background-color: #88133733
        }

        .dark\:hover\:bg-red-950\/30:hover:is(.dark *) {
            background-color: #4c05194d
        }

        .dark\:hover\:bg-slate-700:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #334155;
            background-color: rgb(51 65 85/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-slate-700\/50:hover:is(.dark *) {
            background-color: #33415580
        }

        .dark\:hover\:bg-zinc-600:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #52525b;
            background-color: rgb(82 82 91/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-zinc-700:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #3f3f46;
            background-color: rgb(63 63 70/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-zinc-700\/30:hover:is(.dark *) {
            background-color: #3f3f464d
        }

        .dark\:hover\:bg-zinc-700\/50:hover:is(.dark *) {
            background-color: #3f3f4680
        }

        .dark\:hover\:bg-zinc-800:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #27272a;
            background-color: rgb(39 39 42/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-zinc-800\/30:hover:is(.dark *) {
            background-color: #27272a4d
        }

        .dark\:hover\:bg-zinc-900:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #18181b;
            background-color: rgb(24 24 27/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-zinc-950:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #09090b;
            background-color: rgb(9 9 11/var(--tw-bg-opacity, 1))
        }

        .hover\:dark\:bg-\[\#0F0F0F\]:is(.dark *):hover {
            --tw-bg-opacity: 1;
            background-color: #0f0f0f;
            background-color: rgb(15 15 15/var(--tw-bg-opacity, 1))
        }

        .hover\:dark\:bg-\[\#0F0F0F\]\/80:is(.dark *):hover {
            background-color: #0f0f0fcc
        }

        .hover\:dark\:bg-\[\#252525\]:is(.dark *):hover {
            --tw-bg-opacity: 1;
            background-color: #252525;
            background-color: rgb(37 37 37/var(--tw-bg-opacity, 1))
        }

        .hover\:dark\:bg-\[\#2C2D32\]:is(.dark *):hover {
            --tw-bg-opacity: 1;
            background-color: #2c2d32;
            background-color: rgb(44 45 50/var(--tw-bg-opacity, 1))
        }

        .hover\:dark\:bg-\[\#ee4c2b39\]:is(.dark *):hover {
            background-color: #ee4c2b39
        }

        .hover\:dark\:bg-\[\#f953324b\]:is(.dark *):hover {
            background-color: #f953324b
        }

        .hover\:dark\:bg-dark_40:is(.dark *):hover {
            --tw-bg-opacity: 1;
            background-color: #212121;
            background-color: rgb(33 33 33/var(--tw-bg-opacity, 1))
        }

        .hover\:dark\:bg-new_dark_bg1:is(.dark *):hover {
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1))
        }

        .hover\:dark\:bg-zinc-700:is(.dark *):hover {
            --tw-bg-opacity: 1;
            background-color: #3f3f46;
            background-color: rgb(63 63 70/var(--tw-bg-opacity, 1))
        }

        .dark\:hover\:bg-opacity-10:hover:is(.dark *) {
            --tw-bg-opacity: 0.1
        }

        .dark\:hover\:bg-none:hover:is(.dark *) {
            background-image: none
        }

        .dark\:hover\:from-gray-600:hover:is(.dark *) {
            --tw-gradient-from: #4b5563 var(--tw-gradient-from-position);
            --tw-gradient-to: #4b556300 var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .dark\:hover\:to-gray-500:hover:is(.dark *) {
            --tw-gradient-to: #6b7280 var(--tw-gradient-to-position)
        }

        .dark\:hover\:text-\[\#EA763F\]:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #ea763f;
            color: rgb(234 118 63/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-\[\#FFFFFF\]:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fff;
            color: rgb(255 255 255/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-blue-300:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #93c5fd;
            color: rgb(147 197 253/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-blue-400:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #60a5fa;
            color: rgb(96 165 250/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-brand:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #ee4b2b;
            color: rgb(238 75 43/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-gray-100:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #f3f4f6;
            color: rgb(243 244 246/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-gray-200:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e5e7eb;
            color: rgb(229 231 235/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-gray-300:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #d1d5db;
            color: rgb(209 213 219/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-green-400:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #4ade80;
            color: rgb(74 222 128/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-neutral-300:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #d4d4d4;
            color: rgb(212 212 212/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-new_Brand:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #ea763f;
            color: rgb(234 118 63/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-orange-300:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fdba74;
            color: rgb(253 186 116/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-orange-400:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fb923c;
            color: rgb(251 146 60/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-purple-400:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #c084fc;
            color: rgb(192 132 252/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-red-400:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fb7185;
            color: rgb(251 113 133/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-red-600:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e11d48;
            color: rgb(225 29 72/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-slate-300:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #cbd5e1;
            color: rgb(203 213 225/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-white:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #fff;
            color: rgb(255 255 255/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-yellow-400:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #facc15;
            color: rgb(250 204 21/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-zinc-100:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #f4f4f5;
            color: rgb(244 244 245/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-zinc-200:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #e4e4e7;
            color: rgb(228 228 231/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-zinc-300:hover:is(.dark *) {
            --tw-text-opacity: 1;
            color: #d4d4d8;
            color: rgb(212 212 216/var(--tw-text-opacity, 1))
        }

        .hover\:dark\:text-new_Brand:is(.dark *):hover {
            --tw-text-opacity: 1;
            color: #ea763f;
            color: rgb(234 118 63/var(--tw-text-opacity, 1))
        }

        .hover\:dark\:text-white:is(.dark *):hover {
            --tw-text-opacity: 1;
            color: #fff;
            color: rgb(255 255 255/var(--tw-text-opacity, 1))
        }

        .dark\:hover\:text-opacity-20:hover:is(.dark *) {
            --tw-text-opacity: 0.2
        }

        .dark\:focus\:border-\[\#363636\]:focus:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #363636;
            border-color: rgb(54 54 54/var(--tw-border-opacity, 1))
        }

        .dark\:focus\:border-orange-700:focus:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #c2410c;
            border-color: rgb(194 65 12/var(--tw-border-opacity, 1))
        }

        .dark\:focus\:border-red-400:focus:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #fb7185;
            border-color: rgb(251 113 133/var(--tw-border-opacity, 1))
        }

        .dark\:focus\:ring-blue-400:focus:is(.dark *) {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(96 165 250/var(--tw-ring-opacity, 1))
        }

        .dark\:focus\:ring-gray-600:focus:is(.dark *) {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(75 85 99/var(--tw-ring-opacity, 1))
        }

        .dark\:focus\:ring-orange-400:focus:is(.dark *) {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(251 146 60/var(--tw-ring-opacity, 1))
        }

        .dark\:focus\:ring-orange-600:focus:is(.dark *) {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(234 88 12/var(--tw-ring-opacity, 1))
        }

        .dark\:focus\:ring-orange-900:focus:is(.dark *) {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(124 45 18/var(--tw-ring-opacity, 1))
        }

        .dark\:focus\:ring-red-400:focus:is(.dark *) {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(251 113 133/var(--tw-ring-opacity, 1))
        }

        .dark\:focus\:ring-offset-zinc-800:focus:is(.dark *) {
            --tw-ring-offset-color: #27272a
        }

        .dark\:focus-visible\:ring-offset-\[\#1E1F22\]:focus-visible:is(.dark *) {
            --tw-ring-offset-color: #1e1f22
        }

        .dark\:active\:bg-\[\#FCEDEF\]:active:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #fcedef;
            background-color: rgb(252 237 239/var(--tw-bg-opacity, 1))
        }

        .dark\:active\:bg-gray-700:active:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #374151;
            background-color: rgb(55 65 81/var(--tw-bg-opacity, 1))
        }

        .dark\:disabled\:bg-gray-600:disabled:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #4b5563;
            background-color: rgb(75 85 99/var(--tw-bg-opacity, 1))
        }

        .dark\:disabled\:bg-orange-400\/50:disabled:is(.dark *) {
            background-color: #fb923c80
        }

        @media (min-width:640px) {
            .sm\:text-2xl {
                font-size: 1.5rem
            }

            .sm\:text-2xl {
                letter-spacing: -.01em;
                line-height: 1.33
            }

            .sm\:text-lg {
                letter-spacing: -.01em;
                line-height: 1.5
            }

            .sm\:text-lg {
                font-size: 1.125rem
            }
        }

        @media (min-width:768px) {
            .md\:left-1\/3 {
                left: 33.333333%
            }

            .md\:top-0 {
                top: 0
            }

            .md\:-mx-4 {
                margin-left: -1rem;
                margin-right: -1rem
            }

            .md\:h-44 {
                height: 11rem
            }

            .md\:w-96 {
                width: 24rem
            }

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

            .md\:px-20 {
                padding-left: 5rem;
                padding-right: 5rem
            }

            .md\:text-3xl {
                letter-spacing: -.01em;
                line-height: 1.33
            }

            .md\:text-3xl {
                font-size: 1.88rem
            }

            .md\:text-xl {
                font-size: 1.25rem;
                letter-spacing: -.01em;
                line-height: 1.5
            }

            .md\:dark\:bg-\[\#2C2D32\]:is(.dark *) {
                --tw-bg-opacity: 1;
                background-color: #2c2d32;
                background-color: rgb(44 45 50/var(--tw-bg-opacity, 1))
            }
        }

        @media (min-width:1024px) {
            .lg\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }

            .lg\:text-3xl {
                letter-spacing: -.01em;
                line-height: 1.33
            }

            .lg\:text-3xl {
                font-size: 1.88rem
            }

            .lg\:text-5xl {
                letter-spacing: -.02em;
                line-height: 1.25
            }

            .lg\:text-5xl {
                font-size: 3rem
            }

            .dark\:lg\:block:is(.dark *) {
                display: block
            }

            .lg\:dark\:border-\[\#363636\]:is(.dark *) {
                --tw-border-opacity: 1;
                border-color: #363636;
                border-color: rgb(54 54 54/var(--tw-border-opacity, 1))
            }

            .lg\:dark\:bg-\[\#2C2D32\]:is(.dark *) {
                --tw-bg-opacity: 1;
                background-color: #2c2d32;
                background-color: rgb(44 45 50/var(--tw-bg-opacity, 1))
            }
        }

        :root {
            --fcc-flip-duration: 0.7s;
            --fcc-spacing: 8px;
            --fcc-digit-block-width: 46px;
            --fcc-digit-block-height: 80px;
            --fcc-digit-block-radius: 4px;
            --fcc-digit-block-spacing: 4px;
            --fcc-digit-font-size: 50px;
            --fcc-label-font-size: 16px;
            --fcc-label-color: inherit;
            --fcc-background: #0f181a;
            --fcc-digit-color: #fff;
            --fcc-divider-color: #fff6;
            --fcc-divider-height: 1px;
            --fcc-shadow: 0 0 2px 1px #0000001a;
            --fcc-separator-size: 5px;
            --fcc-separator-color: currentColor
        }

        @supports not (d:path("")) {}

        @font-face {
            font-family: swiper-icons;
            font-style: normal;
            font-weight: 400;
            src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
        }

        :root {
            --swiper-theme-color: #007aff
        }

        :host {
            display: block;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            z-index: 1
        }

        :root {
            --swiper-navigation-size: 44px
        }

        .code-block .line-numbers:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .code-tab.dsa_article_code_active:is(.dark *) {
            --tw-border-opacity: 1;
            background-color: #212121;
            background-color: rgb(33 33 33/var(--tw-bg-opacity, 1));
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .copy-btn.dsa_article_code_active:is(.dark *) {
            background-color: #ee4c2b39
        }

        .code-content:is(.dark *) {
            background-color: #212121;
            background-color: rgb(33 33 33/var(--tw-bg-opacity, 1))
        }

        .copy-btn:is(.dark *) {
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .new-copy-btn:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            stroke: #fafafa;
            background-color: #212121;
            background-color: rgb(33 33 33/var(--tw-bg-opacity, 1));
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .new-btn:is(.dark *) {
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .img-number:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            background-color: #212121;
            background-color: rgb(33 33 33/var(--tw-bg-opacity, 1));
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .img-number:is(.dark *):hover {
            --tw-border-opacity: 1;
            background-color: #ff533042;
            border-color: #ee4b2b;
            border-color: rgb(238 75 43/var(--tw-border-opacity, 1))
        }

        .tuf-video:is(.dark *) {
            box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .tuf-video:is(.dark *) {
            --tw-shadow: 0 3px 10px #f7fafc99;
            --tw-shadow-colored: 0 3px 10px var(--tw-shadow-color)
        }

        :is(.dark .code-tabs) {
            background-color: #1e1e1e !important;
            border-bottom-color: #333 !important
        }

        :is(.dark .code-tab) {
            color: #888 !important
        }

        :is(.dark .code-tab.dsa_article_code_active) {
            color: #ff6b6b !important
        }

        :is(.dark .copy-btn),
        :is(.dark .new-btn),
        :is(.dark .new-copy-btn) {
            color: #888 !important
        }

        :is(.dark .copy-btn:hover),
        :is(.dark .new-btn:hover),
        :is(.dark .new-copy-btn:hover) {
            background-color: #363636 !important
        }

        :is(.dark [data-tooltip-content]) {
            --tooltip-background: #2d2d2d !important;
            --tooltip-color: #fff !important
        }

        .react-calendar-heatmap .color-empty:is(.dark *) {
            fill: #212121
        }

        .react-calendar-heatmap .color-scale-0:is(.dark *) {
            fill: #212121
        }

        :root {
            --PhoneInput-color--focus: #03b2cb;
            --PhoneInputInternationalIconPhone-opacity: 0.8;
            --PhoneInputInternationalIconGlobe-opacity: 0.65;
            --PhoneInputCountrySelect-marginRight: 0.35em;
            --PhoneInputCountrySelectArrow-width: 0.3em;
            --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
            --PhoneInputCountrySelectArrow-borderWidth: 1px;
            --PhoneInputCountrySelectArrow-opacity: 0.45;
            --PhoneInputCountrySelectArrow-color: currentColor;
            --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
            --PhoneInputCountrySelectArrow-transform: rotate(45deg);
            --PhoneInputCountryFlag-aspectRatio: 1.5;
            --PhoneInputCountryFlag-height: 1em;
            --PhoneInputCountryFlag-borderWidth: 1px;
            --PhoneInputCountryFlag-borderColor: #00000080;
            --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
            --PhoneInputCountryFlag-backgroundColor--loading: #0000001a
        }

        /*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
        .article .wp-block-table table:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1));
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .article .wp-block-table table thead tr th:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .article table:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1));
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .article table thead tr:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #212121;
            background-color: rgb(33 33 33/var(--tw-bg-opacity, 1))
        }

        .article table th:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .article table td:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .article table tbody tr:nth-child(2n):is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #1a1a1a;
            background-color: rgb(26 26 26/var(--tw-bg-opacity, 1))
        }

        .article .wp-block-table table tbody tr td:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .article .wp-block-table table tbody tr:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .code-tab:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1
        }

        .code-tab:is(.dark *) {
            --tw-text-opacity: 1;
            background-color: #111;
            background-color: rgb(17 17 17/var(--tw-bg-opacity, 1));
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1));
            color: #d4d4d8;
            color: rgb(212 212 216/var(--tw-text-opacity, 1))
        }

        .code-tab.dsa_article_code_active:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1))
        }

        .copy-button:is(.dark *) {
            background-color: #ee4c2b39;
            border-color: #ee4c2b88
        }

        .code-content:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1));
            border-color: #27272a;
            border-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .copy-btn:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1
        }

        .copy-btn:is(.dark *) {
            stroke: #fafafa;
            background-color: #212121;
            background-color: rgb(33 33 33/var(--tw-bg-opacity, 1));
            border-left-color: #27272a;
            border-left-color: rgb(39 39 42/var(--tw-border-opacity, 1));
            border-right-color: #27272a;
            border-right-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .copy-btn.dsa_code_active:is(.dark *) {
            background-color: #ee4c2b21
        }

        .new-btn:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1
        }

        .new-btn:is(.dark *) {
            stroke: #fafafa;
            background-color: #212121;
            background-color: rgb(33 33 33/var(--tw-bg-opacity, 1));
            border-left-color: #27272a;
            border-left-color: rgb(39 39 42/var(--tw-border-opacity, 1));
            border-right-color: #27272a;
            border-right-color: rgb(39 39 42/var(--tw-border-opacity, 1))
        }

        .coreSubject table:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1));
            border-color: #363636;
            border-color: rgb(54 54 54/var(--tw-border-opacity, 1))
        }

        .coreSubject th:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #363636;
            border-color: rgb(54 54 54/var(--tw-border-opacity, 1))
        }

        .coreSubject td:is(.dark *) {
            --tw-border-opacity: 1;
            border-color: #363636;
            border-color: rgb(54 54 54/var(--tw-border-opacity, 1))
        }

        .coreSubject tr:first-child:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #212121;
            background-color: rgb(33 33 33/var(--tw-bg-opacity, 1))
        }

        .coreSubject pre:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            background-color: #212121;
            background-color: rgb(33 33 33/var(--tw-bg-opacity, 1));
            border-color: #363636;
            border-color: rgb(54 54 54/var(--tw-border-opacity, 1))
        }

        .file-tree-container:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #111;
            background-color: rgb(17 17 17/var(--tw-bg-opacity, 1))
        }

        .file-tree-item-content:is(.dark *) {
            --tw-text-opacity: 1;
            color: #dcdcdc;
            color: rgb(220 220 220/var(--tw-text-opacity, 1))
        }

        .file-tree-item-content:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #27272a;
            background-color: rgb(39 39 42/var(--tw-bg-opacity, 1))
        }

        .file-tree-file-item.selected .file-tree-item-content:is(.dark *) {
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            background-color: #27272a;
            background-color: rgb(39 39 42/var(--tw-bg-opacity, 1));
            color: #e4e4e7;
            color: rgb(228 228 231/var(--tw-text-opacity, 1))
        }

        .file-tree-file-item.selected .file-tree-item-content:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #52525b;
            background-color: rgb(82 82 91/var(--tw-bg-opacity, 1))
        }

        .file-tree-folder-arrow:is(.dark *) {
            --tw-text-opacity: 1;
            color: grey;
            color: rgb(128 128 128/var(--tw-text-opacity, 1))
        }

        .file-tree-file-icon:is(.dark *) {
            --tw-text-opacity: 1;
            color: grey;
            color: rgb(128 128 128/var(--tw-text-opacity, 1))
        }

        .file-tree-editor-area:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #111;
            background-color: rgb(17 17 17/var(--tw-bg-opacity, 1))
        }

        .top-empty-bar:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1))
        }

        .file-tree-code-editor-utils button:is(.dark *) {
            --tw-text-opacity: 1;
            color: #dcdcdc;
            color: rgb(220 220 220/var(--tw-text-opacity, 1))
        }

        .file-tree-code-editor-utils button:hover:is(.dark *) {
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            background-color: #27272a;
            background-color: rgb(39 39 42/var(--tw-bg-opacity, 1));
            color: #fafafa;
            color: rgb(250 250 250/var(--tw-text-opacity, 1))
        }

        .file-tree-tab-bar:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1));
            border-color: #363636;
            border-color: rgb(54 54 54/var(--tw-border-opacity, 1))
        }

        .file-tree-tab:is(.dark *) {
            --tw-border-opacity: 1;
            --tw-bg-opacity: 1;
            background-color: #191919;
            background-color: rgb(25 25 25/var(--tw-bg-opacity, 1));
            border-color: #363636;
            border-color: rgb(54 54 54/var(--tw-border-opacity, 1))
        }

        .file-tree-tab:is(.dark *) {
            --tw-text-opacity: 1;
            color: grey;
            color: rgb(128 128 128/var(--tw-text-opacity, 1))
        }

        .file-tree-tab.active:is(.dark *) {
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            background-color: #111;
            background-color: rgb(17 17 17/var(--tw-bg-opacity, 1));
            color: #fafafa;
            color: rgb(250 250 250/var(--tw-text-opacity, 1))
        }

        .file-tree-tab:hover:not(.active):is(.dark *) {
            --tw-bg-opacity: 1;
            --tw-text-opacity: 1;
            background-color: #141414;
            background-color: rgb(20 20 20/var(--tw-bg-opacity, 1));
            color: #dcdcdc;
            color: rgb(220 220 220/var(--tw-text-opacity, 1))
        }

        .file-tree-editor-container:is(.dark *) {
            --tw-bg-opacity: 1;
            background-color: #111;
            background-color: rgb(17 17 17/var(--tw-bg-opacity, 1))
        }

        .file-tree-empty-state:is(.dark *) {
            --tw-text-opacity: 1;
            color: grey;
            color: rgb(128 128 128/var(--tw-text-opacity, 1))
        }

        .file-tree-empty-state h3:is(.dark *) {
            --tw-text-opacity: 1;
            color: #dcdcdc;
            color: rgb(220 220 220/var(--tw-text-opacity, 1))
        }

        .file-tree-empty-state p:is(.dark *) {
            --tw-text-opacity: 1;
            color: grey;
            color: rgb(128 128 128/var(--tw-text-opacity, 1))
        }

        ::-webkit-scrollbar {
            height: 12px;
            width: 12px
        }

        ::-webkit-scrollbar-thumb {
            --tw-bg-opacity: 1;
            background-color: #d4d4d8;
            background-color: rgb(212 212 216/var(--tw-bg-opacity, 1))
        }

        :is(.dark *)::-webkit-scrollbar-thumb {
            --tw-bg-opacity: 1;
            background-color: #52525b;
            background-color: rgb(82 82 91/var(--tw-bg-opacity, 1))
        }

        ::-webkit-scrollbar-thumb {
            background-clip: content-box;
            border: 2px solid #0000;
            border-radius: 6px
        }

        ::-webkit-scrollbar-thumb:hover {
            --tw-bg-opacity: 1;
            background-color: #a1a1aa;
            background-color: rgb(161 161 170/var(--tw-bg-opacity, 1))
        }

        :is(.dark *)::-webkit-scrollbar-thumb:hover {
            --tw-bg-opacity: 1;
            background-color: #71717a;
            background-color: rgb(113 113 122/var(--tw-bg-opacity, 1))
        }

        ::-webkit-scrollbar-track {
            --tw-bg-opacity: 1;
            background-color: #f4f4f5;
            background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
        }

        :is(.dark *)::-webkit-scrollbar-track {
            --tw-bg-opacity: 1;
            background-color: #141414;
            background-color: rgb(20 20 20/var(--tw-bg-opacity, 1))
        }

        ::-webkit-scrollbar-corner {
            --tw-bg-opacity: 1;
            background-color: #f4f4f5;
            background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
        }

        :is(.dark *)::-webkit-scrollbar-corner {
            --tw-bg-opacity: 1;
            background-color: #141414;
            background-color: rgb(20 20 20/var(--tw-bg-opacity, 1))
        }

        @supports (-ms-ime-align:auto) {}

        @font-face {
            font-family: slick;
            font-style: normal;
            font-weight: 400;
            src: url(/static/media/slick.a4e97f5a2a64f0ab1323.eot);
            src: url(/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"), url(/static/media/slick.295183786cd8a1389865.woff) format("woff"), url(/static/media/slick.c94f7671dcc99dce43e2.ttf) format("truetype"), url(/static/media/slick.2630a3e3eab21c607e21.svg#slick) format("svg")
        }

        .react-calendar-heatmap text:is(.dark *) {
            --tw-text-opacity: 1;
            color: #3f3f46;
            color: rgb(63 63 70/var(--tw-text-opacity, 1))
        }

        .react-calendar-heatmap .color-empty:is(.dark *) {
            fill: #363636
        }

        .react-calendar-heatmap .color-scale-0:is(.dark *) {
            fill: #363636
        }

        :root {
            --rt-color-white: #fff;
            --rt-color-dark: #222;
            --rt-color-success: #8dc572;
            --rt-color-error: #be6464;
            --rt-color-warning: #f0ad4e;
            --rt-color-info: #337ab7;
            --rt-opacity: 0.9;
            --rt-transition-show-delay: 0.15s;
            --rt-transition-closing-delay: 0.15s
        }