/* /app/globals.css */ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --color-red-50: oklch(97.1% 0.013 17.38); --color-red-200: oklch(88.5% 0.062 18.334); --color-red-300: oklch(80.8% 0.114 19.571); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-red-800: oklch(44.4% 0.177 26.899); --color-red-900: oklch(39.6% 0.141 25.723); --color-orange-300: oklch(83.7% 0.128 66.29); --color-orange-400: oklch(75% 0.183 55.934); --color-orange-500: oklch(70.5% 0.213 47.604); --color-orange-600: oklch(64.6% 0.222 41.116); --color-orange-950: oklch(26.6% 0.079 36.259); --color-yellow-400: oklch(85.2% 0.199 91.936); --color-yellow-500: oklch(79.5% 0.184 86.047); --color-yellow-600: oklch(68.1% 0.162 75.834); --color-lime-300: oklch(89.7% 0.196 126.665); --color-lime-400: oklch(84.1% 0.238 128.85); --color-lime-500: oklch(76.8% 0.233 130.85); --color-lime-600: oklch(64.8% 0.2 131.684); --color-lime-700: oklch(53.2% 0.157 131.589); --color-lime-800: oklch(45.3% 0.124 130.933); --color-green-300: oklch(87.1% 0.15 154.449); --color-green-400: oklch(79.2% 0.209 151.711); --color-green-500: oklch(72.3% 0.219 149.579); --color-green-600: oklch(62.7% 0.194 149.214); --color-green-800: oklch(44.8% 0.119 151.328); --color-green-900: oklch(39.3% 0.095 152.535); --color-green-950: oklch(26.6% 0.065 152.934); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-cyan-300: oklch(86.5% 0.127 207.078); --color-cyan-500: oklch(71.5% 0.143 215.221); --color-blue-50: oklch(97% 0.014 254.604); --color-blue-200: oklch(88.2% 0.059 254.128); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-blue-700: oklch(48.8% 0.243 264.376); --color-blue-800: oklch(42.4% 0.199 265.638); --color-blue-900: oklch(37.9% 0.146 265.522); --color-purple-400: oklch(71.4% 0.203 305.504); --color-purple-500: oklch(62.7% 0.265 303.9); --color-pink-500: oklch(65.6% 0.241 354.308); --color-slate-100: oklch(96.8% 0.007 247.896); --color-slate-700: oklch(37.2% 0.044 257.287); --color-slate-800: oklch(27.9% 0.041 260.031); --color-slate-900: oklch(20.8% 0.042 265.755); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-800: oklch(27.8% 0.033 256.848); --color-gray-900: oklch(21% 0.034 264.665); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --breakpoint-2xl: 96rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tight: -0.025em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-relaxed: 1.625; --radius-xs: 0.125rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-sm: 8px; --blur-md: 12px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-raleway); --default-mono-font-family: var(--font-roboto-mono); } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .\@container\/card-header { container-type: inline-size; container-name: card-header; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .not-sr-only { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip-path: none; white-space: normal; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-4 { inset: calc(var(--spacing) * 4); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-32 { top: calc(var(--spacing) * -32); } .top-0 { top: calc(var(--spacing) * 0); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\/2 { top: calc(1/2 * 100%); } .top-4 { top: calc(var(--spacing) * 4); } .top-6 { top: calc(var(--spacing) * 6); } .top-20 { top: calc(var(--spacing) * 20); } .top-\[50\%\] { top: 50%; } .top-full { top: 100%; } .-right-1 { right: calc(var(--spacing) * -1); } .-right-20 { right: calc(var(--spacing) * -20); } .right-0 { right: calc(var(--spacing) * 0); } .right-1 { right: calc(var(--spacing) * 1); } .right-1\/2 { right: calc(1/2 * 100%); } .right-1\/4 { right: calc(1/4 * 100%); } .right-2 { right: calc(var(--spacing) * 2); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-auto { right: auto; } .-bottom-1 { bottom: calc(var(--spacing) * -1); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-20 { bottom: calc(var(--spacing) * 20); } .-left-20 { left: calc(var(--spacing) * -20); } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: calc(1/2 * 100%); } .left-1\/4 { left: calc(1/4 * 100%); } .left-2 { left: calc(var(--spacing) * 2); } .left-3 { left: calc(var(--spacing) * 3); } .left-8 { left: calc(var(--spacing) * 8); } .left-\[50\%\] { left: 50%; } .left-auto { left: auto; } .isolate { isolation: isolate; } .isolation-auto { isolation: auto; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .z-60 { z-index: 60; } .col-span-3 { grid-column: span 3 / span 3; } .col-start-2 { grid-column-start: 2; } .row-span-2 { grid-row: span 2 / span 2; } .row-start-1 { grid-row-start: 1; } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .mx-16 { margin-inline: calc(var(--spacing) * 16); } .mx-auto { margin-inline: auto; } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-20 { margin-block: calc(var(--spacing) * 20); } .my-24 { margin-block: calc(var(--spacing) * 24); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-28 { margin-top: calc(var(--spacing) * 28); } .mt-\[40vh\] { margin-top: 40vh; } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .-mb-2 { margin-bottom: calc(var(--spacing) * -2); } .-mb-px { margin-bottom: -1px; } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-20 { margin-bottom: calc(var(--spacing) * 20); } .mb-32 { margin-bottom: calc(var(--spacing) * 32); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-auto { margin-left: auto; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .inline-grid { display: inline-grid; } .inline-table { display: inline-table; } .list-item { display: list-item; } .table { display: table; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .table-column { display: table-column; } .table-column-group { display: table-column-group; } .table-footer-group { display: table-footer-group; } .table-header-group { display: table-header-group; } .table-row { display: table-row; } .table-row-group { display: table-row-group; } .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .h-\(--radix-select-trigger-height\) { height: var(--radix-select-trigger-height); } .h-1 { height: calc(var(--spacing) * 1); } .h-2 { height: calc(var(--spacing) * 2); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-32 { height: calc(var(--spacing) * 32); } .h-48 { height: calc(var(--spacing) * 48); } .h-52 { height: calc(var(--spacing) * 52); } .h-64 { height: calc(var(--spacing) * 64); } .h-80 { height: calc(var(--spacing) * 80); } .h-96 { height: calc(var(--spacing) * 96); } .h-128 { height: calc(var(--spacing) * 128); } .h-150 { height: calc(var(--spacing) * 150); } .h-\[25\%\] { height: 25%; } .h-\[40\%\] { height: 40%; } .h-auto { height: auto; } .h-dvh { height: 100dvh; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-\(--radix-dropdown-menu-content-available-height\) { max-height: var(--radix-dropdown-menu-content-available-height); } .max-h-\(--radix-select-content-available-height\) { max-height: var(--radix-select-content-available-height); } .max-h-40 { max-height: calc(var(--spacing) * 40); } .max-h-64 { max-height: calc(var(--spacing) * 64); } .max-h-96 { max-height: calc(var(--spacing) * 96); } .min-h-screen { min-height: 100vh; } .w-2 { width: calc(var(--spacing) * 2); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: calc(3/4 * 100%); } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-28 { width: calc(var(--spacing) * 28); } .w-32 { width: calc(var(--spacing) * 32); } .w-40 { width: calc(var(--spacing) * 40); } .w-48 { width: calc(var(--spacing) * 48); } .w-64 { width: calc(var(--spacing) * 64); } .w-70 { width: calc(var(--spacing) * 70); } .w-80 { width: calc(var(--spacing) * 80); } .w-96 { width: calc(var(--spacing) * 96); } .w-200 { width: calc(var(--spacing) * 200); } .w-\[30\%\] { width: 30%; } .w-\[70px\] { width: 70px; } .w-\[72px\] { width: 72px; } .w-\[100px\] { width: 100px; } .w-\[110px\] { width: 110px; } .w-\[120px\] { width: 120px; } .w-\[140px\] { width: 140px; } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-px { width: 1px; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-5xl { max-width: var(--container-5xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-30 { max-width: calc(var(--spacing) * 30); } .max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 2rem); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-screen-2xl { max-width: var(--breakpoint-2xl); } .max-w-sm { max-width: var(--container-sm); } .max-w-xs { max-width: var(--container-xs); } .min-w-\(--radix-select-trigger-width\) { min-width: var(--radix-select-trigger-width); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-30 { min-width: calc(var(--spacing) * 30); } .min-w-32 { min-width: calc(var(--spacing) * 32); } .min-w-\[80px\] { min-width: 80px; } .min-w-fit { min-width: fit-content; } .flex-1 { flex: 1; } .flex-none { flex: none; } .flex-shrink { flex-shrink: 1; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .origin-\(--radix-dropdown-menu-content-transform-origin\) { transform-origin: var(--radix-dropdown-menu-content-transform-origin); } .origin-\(--radix-select-content-transform-origin\) { transform-origin: var(--radix-select-content-transform-origin); } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-none { translate: none; } .scale-3d { scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z); } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .animate-in { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-default { cursor: default; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .touch-pinch-zoom { --tw-pinch-zoom: pinch-zoom; touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,); } .touch-none { touch-action: none; } .resize { resize: both; } .scroll-my-1 { scroll-margin-block: calc(var(--spacing) * 1); } .list-disc { list-style-type: disc; } .appearance-none { appearance: none; } .auto-rows-min { grid-auto-rows: min-content; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-rows-\[auto_auto\] { grid-template-rows: auto auto; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * 0.5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-9 { gap: calc(var(--spacing) * 9); } .gap-10 { gap: calc(var(--spacing) * 10); } .space-y-0 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-4 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-6 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-8 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-16 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-reverse { :where(& > :not(:last-child)) { --tw-space-y-reverse: 1; } } .space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-3 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-4 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-8 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-reverse { :where(& > :not(:last-child)) { --tw-space-x-reverse: 1; } } .divide-x { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } } .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } } .divide-y-reverse { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 1; } } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .justify-self-end { justify-self: flex-end; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-4xl { border-radius: var(--radius-4xl); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius); } .rounded-md { border-radius: calc(var(--radius) - 2px); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: calc(var(--radius) - 4px); } .rounded-xl { border-radius: calc(var(--radius) + 4px); } .rounded-xs { border-radius: var(--radius-xs); } .rounded-s { border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; } .rounded-ss { border-start-start-radius: 0.25rem; } .rounded-e { border-start-end-radius: 0.25rem; border-end-end-radius: 0.25rem; } .rounded-se { border-start-end-radius: 0.25rem; } .rounded-ee { border-end-end-radius: 0.25rem; } .rounded-es { border-end-start-radius: 0.25rem; } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-tl { border-top-left-radius: 0.25rem; } .rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rounded-tr { border-top-right-radius: 0.25rem; } .rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-b-xl { border-bottom-right-radius: calc(var(--radius) + 4px); border-bottom-left-radius: calc(var(--radius) + 4px); } .rounded-br { border-bottom-right-radius: 0.25rem; } .rounded-bl { border-bottom-left-radius: 0.25rem; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-s { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; } .border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-none { --tw-border-style: none; border-style: none; } .border-\(--trading-border\) { border-color: var(--trading-border); } .border-\[\#0f1419\] { border-color: #0f1419; } .border-\[\#1C6200\]\/10 { border-color: color-mix(in oklab, #1C6200 10%, transparent); } .border-\[\#1e1e1e\] { border-color: #1e1e1e; } .border-\[\#1f1f1f\] { border-color: #1f1f1f; } .border-\[\#2c2c2c\] { border-color: #2c2c2c; } .border-\[\#4D4D4D\]\/40 { border-color: color-mix(in oklab, #4D4D4D 40%, transparent); } .border-\[\#9DEA29\] { border-color: #9DEA29; } .border-\[\#9DEA29\]\/20 { border-color: color-mix(in oklab, #9DEA29 20%, transparent); } .border-\[\#84cc16\] { border-color: #84cc16; } .border-\[\#333\] { border-color: #333; } .border-\[\#444\] { border-color: #444; } .border-\[\#202020\] { border-color: #202020; } .border-\[\#222022\] { border-color: #222022; } .border-\[\#222222\] { border-color: #222222; } .border-\[\#333333\] { border-color: #333333; } .border-\[\#686868\]\/70 { border-color: color-mix(in oklab, #686868 70%, transparent); } .border-\[var\(--trading-border\)\] { border-color: var(--trading-border); } .border-accent\/10 { border-color: var(--accent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--accent) 10%, transparent); } } .border-accent\/20 { border-color: var(--accent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--accent) 20%, transparent); } } .border-blue-200 { border-color: var(--color-blue-200); } .border-blue-500\/20 { border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .border-blue-500\/30 { border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } .border-blue-600 { border-color: var(--color-blue-600); } .border-blue-600\/30 { border-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-600) 30%, transparent); } } .border-border { border-color: var(--border); } .border-destructive { border-color: var(--destructive); } .border-gray-100\/10 { border-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-100) 10%, transparent); } } .border-gray-300 { border-color: var(--color-gray-300); } .border-gray-400\/20 { border-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-400) 20%, transparent); } } .border-gray-500\/20 { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent); } } .border-gray-500\/30 { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 30%, transparent); } } .border-gray-600 { border-color: var(--color-gray-600); } .border-gray-700 { border-color: var(--color-gray-700); } .border-gray-800 { border-color: var(--color-gray-800); } .border-gray-800\/50 { border-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent); } } .border-gray-800\/70 { border-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-800) 70%, transparent); } } .border-green-500\/20 { border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent); } } .border-green-500\/50 { border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent); } } .border-green-600 { border-color: var(--color-green-600); } .border-input { border-color: var(--input); } .border-lime-400 { border-color: var(--color-lime-400); } .border-lime-400\/20 { border-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-lime-400) 20%, transparent); } } .border-lime-400\/30 { border-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-lime-400) 30%, transparent); } } .border-lime-400\/60 { border-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-lime-400) 60%, transparent); } } .border-lime-500 { border-color: var(--color-lime-500); } .border-lime-500\/30 { border-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-lime-500) 30%, transparent); } } .border-neutral-400 { border-color: var(--color-neutral-400); } .border-neutral-500\/20 { border-color: color-mix(in srgb, oklch(55.6% 0 0) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-neutral-500) 20%, transparent); } } .border-orange-500\/20 { border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent); } } .border-orange-500\/30 { border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent); } } .border-orange-600\/20 { border-color: color-mix(in srgb, oklch(64.6% 0.222 41.116) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-orange-600) 20%, transparent); } } .border-primary { border-color: var(--primary); } .border-primary\/20 { border-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--primary) 20%, transparent); } } .border-primary\/30 { border-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--primary) 30%, transparent); } } .border-purple-500\/30 { border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } .border-red-200 { border-color: var(--color-red-200); } .border-red-500 { border-color: var(--color-red-500); } .border-red-500\/20 { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .border-red-500\/50 { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); } } .border-red-500\/60 { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 60%, transparent); } } .border-red-600 { border-color: var(--color-red-600); } .border-slate-700 { border-color: var(--color-slate-700); } .border-slate-800 { border-color: var(--color-slate-800); } .border-slate-800\/50 { border-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent); } } .border-transparent { border-color: transparent; } .border-white\/10 { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/20 { border-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .border-white\/30 { border-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .border-white\/60 { border-color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .border-yellow-500\/20 { border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); } } .border-yellow-500\/30 { border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent); } } .border-t-transparent { border-top-color: transparent; } .bg-\(--trade-surface\) { background-color: var(--trade-surface); } .bg-\(--trading-bg-primary\) { background-color: var(--trading-bg-primary); } .bg-\(--trading-bg-secondary\) { background-color: var(--trading-bg-secondary); } .bg-\[\#0a0a0a\] { background-color: #0a0a0a; } .bg-\[\#0b0b0b\] { background-color: #0b0b0b; } .bg-\[\#0f1419\] { background-color: #0f1419; } .bg-\[\#0f1419\]\/95 { background-color: color-mix(in oklab, #0f1419 95%, transparent); } .bg-\[\#1a1a1a\] { background-color: #1a1a1a; } .bg-\[\#1a2e14\] { background-color: #1a2e14; } .bg-\[\#2a2a2a\] { background-color: #2a2a2a; } .bg-\[\#2d3748\]\/20 { background-color: color-mix(in oklab, #2d3748 20%, transparent); } .bg-\[\#4F6347\] { background-color: #4F6347; } .bg-\[\#4dad31\]\/60 { background-color: color-mix(in oklab, #4dad31 60%, transparent); } .bg-\[\#9DEA29\] { background-color: #9DEA29; } .bg-\[\#9DEA29\]\/5 { background-color: color-mix(in oklab, #9DEA29 5%, transparent); } .bg-\[\#9DEA29\]\/10 { background-color: color-mix(in oklab, #9DEA29 10%, transparent); } .bg-\[\#9DEA29\]\/30 { background-color: color-mix(in oklab, #9DEA29 30%, transparent); } .bg-\[\#9DEA29\]\/70 { background-color: color-mix(in oklab, #9DEA29 70%, transparent); } .bg-\[\#001500\] { background-color: #001500; } .bg-\[\#002400\] { background-color: #002400; } .bg-\[\#13151b99\] { background-color: #13151b99; } .bg-\[\#13151b\]\/95 { background-color: color-mix(in oklab, #13151b 95%, transparent); } .bg-\[\#050505\] { background-color: #050505; } .bg-\[\#060606\] { background-color: #060606; } .bg-\[\#070707\] { background-color: #070707; } .bg-\[\#071405\] { background-color: #071405; } .bg-\[\#240000\] { background-color: #240000; } .bg-\[\#a3e635\] { background-color: #a3e635; } .bg-\[\#a3e635\]\/10 { background-color: color-mix(in oklab, #a3e635 10%, transparent); } .bg-\[var\(--trade-long\)\] { background-color: var(--trade-long); } .bg-\[var\(--trade-short\)\] { background-color: var(--trade-short); } .bg-\[var\(--trading-bg-secondary\)\] { background-color: var(--trading-bg-secondary); } .bg-accent\/20 { background-color: var(--accent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--accent) 20%, transparent); } } .bg-accent\/50 { background-color: var(--accent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } .bg-background { background-color: var(--background); } .bg-black { background-color: var(--color-black); } .bg-black\/50 { background-color: color-mix(in srgb, #000 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-500\/10 { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .bg-blue-500\/20 { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-blue-600\/20 { background-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent); } } .bg-border { background-color: var(--border); } .bg-card { background-color: var(--card); } .bg-destructive { background-color: var(--destructive); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-400\/10 { background-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .bg-gray-500\/10 { background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } .bg-gray-500\/20 { background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent); } } .bg-gray-800 { background-color: var(--color-gray-800); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-green-400 { background-color: var(--color-green-400); } .bg-green-500 { background-color: var(--color-green-500); } .bg-green-500\/10 { background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent); } } .bg-green-500\/20 { background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent); } } .bg-green-900\/50 { background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-900) 50%, transparent); } } .bg-input\/50 { background-color: var(--input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--input) 50%, transparent); } } .bg-lime-400 { background-color: var(--color-lime-400); } .bg-lime-400\/20 { background-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-lime-400) 20%, transparent); } } .bg-lime-800\/20 { background-color: color-mix(in srgb, oklch(45.3% 0.124 130.933) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-lime-800) 20%, transparent); } } .bg-muted { background-color: var(--muted); } .bg-muted\/10 { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 10%, transparent); } } .bg-muted\/30 { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 30%, transparent); } } .bg-muted\/40 { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 40%, transparent); } } .bg-muted\/50 { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 50%, transparent); } } .bg-neutral-500\/10 { background-color: color-mix(in srgb, oklch(55.6% 0 0) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-500) 10%, transparent); } } .bg-neutral-700 { background-color: var(--color-neutral-700); } .bg-neutral-900 { background-color: var(--color-neutral-900); } .bg-neutral-900\/40 { background-color: color-mix(in srgb, oklch(20.5% 0 0) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-900) 40%, transparent); } } .bg-neutral-900\/60 { background-color: color-mix(in srgb, oklch(20.5% 0 0) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-900) 60%, transparent); } } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-orange-500\/20 { background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent); } } .bg-orange-600\/10 { background-color: color-mix(in srgb, oklch(64.6% 0.222 41.116) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-600) 10%, transparent); } } .bg-orange-950\/30 { background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-950) 30%, transparent); } } .bg-popover { background-color: var(--popover); } .bg-primary { background-color: var(--primary); } .bg-primary\/5 { background-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--primary) 5%, transparent); } } .bg-primary\/10 { background-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--primary) 10%, transparent); } } .bg-purple-500\/20 { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-500\/5 { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent); } } .bg-red-500\/10 { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } .bg-red-500\/20 { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .bg-red-600 { background-color: var(--color-red-600); } .bg-red-900\/20 { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent); } } .bg-red-900\/50 { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent); } } .bg-secondary { background-color: var(--secondary); } .bg-slate-100 { background-color: var(--color-slate-100); } .bg-slate-800 { background-color: var(--color-slate-800); } .bg-slate-900 { background-color: var(--color-slate-900); } .bg-transparent { background-color: transparent; } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-yellow-500\/10 { background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent); } } .bg-yellow-500\/20 { background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-br { --tw-gradient-position: to bottom right; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom right in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-r { --tw-gradient-position: to right; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to right in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-\[linear-gradient\(99\.67deg\,\#ffffff_3\.72\%\,\#f8f8f8_60\.28\%\)\] { background-image: linear-gradient(99.67deg,#ffffff 3.72%,#f8f8f8 60.28%); } .bg-\[linear-gradient\(101\.95deg\,\#ffffff_3\.88\%\,\#f8f8f8_60\.64\%\)\] { background-image: linear-gradient(101.95deg,#ffffff 3.88%,#f8f8f8 60.64%); } .bg-\[linear-gradient\(172\.34deg\,\#0a1a0300_-34\.4\%\,\#0a1a031c_51\.7\%\,\#1c6200_161\.09\%\)\] { background-image: linear-gradient(172.34deg,#0a1a0300 -34.4%,#0a1a031c 51.7%,#1c6200 161.09%); } .bg-\[radial-gradient\(circle_at_20\%_50\%\,rgba\(163\,230\,53\,0\.3\)_0\%\,transparent_60\%\)\,radial-gradient\(circle_at_80\%_50\%\,rgba\(190\,242\,100\,0\.2\)_0\%\,transparent_60\%\)\] { background-image: radial-gradient(circle at 20% 50%,rgba(163,230,53,0.3) 0%,transparent 60%),radial-gradient(circle at 80% 50%,rgba(190,242,100,0.2) 0%,transparent 60%); } .from-\[\#0A1A03BA\] { --tw-gradient-from: #0A1A03BA; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#1a2e05\] { --tw-gradient-from: #1a2e05; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#1a2e14\]\/10 { --tw-gradient-from: color-mix(in oklab, #1a2e14 10%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#9DEA29\]\/20 { --tw-gradient-from: color-mix(in oklab, #9DEA29 20%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#ef4444\] { --tw-gradient-from: #ef4444; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-background { --tw-gradient-from: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-500 { --tw-gradient-from: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-600 { --tw-gradient-from: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-foreground { --tw-gradient-from: var(--foreground); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-green-800\/60 { --tw-gradient-from: color-mix(in srgb, oklch(44.8% 0.119 151.328) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-green-800) 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-lime-300 { --tw-gradient-from: var(--color-lime-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-lime-400 { --tw-gradient-from: var(--color-lime-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-lime-500\/5 { --tw-gradient-from: color-mix(in srgb, oklch(76.8% 0.233 130.85) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-lime-500) 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-lime-500\/20 { --tw-gradient-from: color-mix(in srgb, oklch(76.8% 0.233 130.85) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-lime-500) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-lime-600 { --tw-gradient-from: var(--color-lime-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-lime-600\/90 { --tw-gradient-from: color-mix(in srgb, oklch(64.8% 0.2 131.684) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-lime-600) 90%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-muted\/20 { --tw-gradient-from: var(--muted); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--muted) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-orange-500 { --tw-gradient-from: var(--color-orange-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/10 { --tw-gradient-from: var(--primary); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/20 { --tw-gradient-from: var(--primary); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--primary) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/50 { --tw-gradient-from: var(--primary); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--primary) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-500 { --tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-500\/10 { --tw-gradient-from: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-red-500) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-600 { --tw-gradient-from: var(--color-red-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-\[\#9DEA29\]\/40 { --tw-gradient-via: color-mix(in oklab, #9DEA29 40%, transparent); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-green-600 { --tw-gradient-via: var(--color-green-600); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-green-800\/40 { --tw-gradient-via: color-mix(in srgb, oklch(44.8% 0.119 151.328) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-green-800) 40%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-lime-400\/50 { --tw-gradient-via: color-mix(in srgb, oklch(84.1% 0.238 128.85) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-lime-400) 50%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-lime-500 { --tw-gradient-via: var(--color-lime-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-lime-700 { --tw-gradient-via: var(--color-lime-700); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-lime-700\/90 { --tw-gradient-via: color-mix(in srgb, oklch(53.2% 0.157 131.589) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-lime-700) 90%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary { --tw-gradient-via: var(--primary); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/30 { --tw-gradient-via: var(--primary); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--primary) 30%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/40 { --tw-gradient-via: var(--primary); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--primary) 40%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-red-700 { --tw-gradient-via: var(--color-red-700); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-transparent { --tw-gradient-via: transparent; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-white\/5 { --tw-gradient-via: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-white) 5%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-white\/10 { --tw-gradient-via: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-white) 10%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-\[\#1C6200\]\/50 { --tw-gradient-to: color-mix(in oklab, #1C6200 50%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#9DEA29\]\/20 { --tw-gradient-to: color-mix(in oklab, #9DEA29 20%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#004530\] { --tw-gradient-to: #004530; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#d9f99d\] { --tw-gradient-to: #d9f99d; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#dc2626\] { --tw-gradient-to: #dc2626; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-background { --tw-gradient-to: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-cyan-500 { --tw-gradient-to: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-emerald-500\/5 { --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-emerald-500\/20 { --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-foreground { --tw-gradient-to: var(--foreground); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-gray-200 { --tw-gradient-to: var(--color-gray-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-gray-300 { --tw-gradient-to: var(--color-gray-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-green-500 { --tw-gradient-to: var(--color-green-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-green-950 { --tw-gradient-to: var(--color-green-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-green-950\/60 { --tw-gradient-to: color-mix(in srgb, oklch(26.6% 0.065 152.934) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-green-950) 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-lime-800\/90 { --tw-gradient-to: color-mix(in srgb, oklch(45.3% 0.124 130.933) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-lime-800) 90%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-muted\/30 { --tw-gradient-to: var(--muted); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--muted) 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-pink-500 { --tw-gradient-to: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/5 { --tw-gradient-to: var(--primary); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--primary) 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/10 { --tw-gradient-to: var(--primary); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--primary) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/20 { --tw-gradient-to: var(--primary); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--primary) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/60 { --tw-gradient-to: var(--primary); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--primary) 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-500 { --tw-gradient-to: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-600\/10 { --tw-gradient-to: color-mix(in srgb, oklch(57.7% 0.245 27.325) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-red-600) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-900 { --tw-gradient-to: var(--color-red-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-yellow-500 { --tw-gradient-to: var(--color-yellow-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .bg-clip-text { background-clip: text; } .bg-repeat { background-repeat: repeat; } .mask-no-clip { mask-clip: no-clip; } .mask-repeat { mask-repeat: repeat; } .fill-current { fill: currentcolor; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-center { object-position: center; } .p-0 { padding: calc(var(--spacing) * 0); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-12 { padding: calc(var(--spacing) * 12); } .px-0\.5 { padding-inline: calc(var(--spacing) * 0.5); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-20 { padding-block: calc(var(--spacing) * 20); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-24 { padding-top: calc(var(--spacing) * 24); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-16 { padding-right: calc(var(--spacing) * 16); } .pr-30 { padding-right: calc(var(--spacing) * 30); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pl-0 { padding-left: calc(var(--spacing) * 0); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-12 { padding-left: calc(var(--spacing) * 12); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .font-mono { font-family: var(--font-roboto-mono); } .font-sans { font-family: var(--font-raleway); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[8px\] { font-size: 8px; } .text-\[10px\] { font-size: 10px; } .text-\[15px\] { font-size: 15px; } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } .leading-\[19px\] { --tw-leading: 19px; line-height: 19px; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-wrap { text-wrap: wrap; } .text-clip { text-overflow: clip; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-nowrap { white-space: nowrap; } .text-\(--trading-text-primary\) { color: var(--trading-text-primary); } .text-\[\#4DAD31\] { color: #4DAD31; } .text-\[\#4dad31\] { color: #4dad31; } .text-\[\#9AA0A0\] { color: #9AA0A0; } .text-\[\#9DEA29\] { color: #9DEA29; } .text-\[\#9DEA29\]\/60 { color: color-mix(in oklab, #9DEA29 60%, transparent); } .text-\[\#9DEA29\]\/70 { color: color-mix(in oklab, #9DEA29 70%, transparent); } .text-\[\#94a3b8\] { color: #94a3b8; } .text-\[\#818181\] { color: #818181; } .text-\[\#A6A6A6\] { color: #A6A6A6; } .text-\[\#BFC7C7\] { color: #BFC7C7; } .text-\[\#DEDEDE\] { color: #DEDEDE; } .text-\[\#E8F0EF\] { color: #E8F0EF; } .text-\[\#E9F0EF\] { color: #E9F0EF; } .text-\[\#FF4C4C\] { color: #FF4C4C; } .text-\[\#FF6B6B\] { color: #FF6B6B; } .text-\[\#a3e635\] { color: #a3e635; } .text-\[\#bfc7c7\] { color: #bfc7c7; } .text-\[\#dedede\] { color: #dedede; } .text-\[\#e8eaed\] { color: #e8eaed; } .text-\[\#ff4c4c\] { color: #ff4c4c; } .text-\[var\(--trade-long\)\] { color: var(--trade-long); } .text-\[var\(--trade-short\)\] { color: var(--trade-short); } .text-\[var\(--trading-text-primary\)\] { color: var(--trading-text-primary); } .text-black { color: var(--color-black); } .text-blue-400 { color: var(--color-blue-400); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-800 { color: var(--color-blue-800); } .text-blue-900 { color: var(--color-blue-900); } .text-card-foreground { color: var(--card-foreground); } .text-destructive { color: var(--destructive); } .text-foreground { color: var(--foreground); } .text-gray-100 { color: var(--color-gray-100); } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-green-300 { color: var(--color-green-300); } .text-green-400 { color: var(--color-green-400); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-lime-400 { color: var(--color-lime-400); } .text-muted-foreground { color: var(--muted-foreground); } .text-muted-foreground\/70 { color: var(--muted-foreground); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--muted-foreground) 70%, transparent); } } .text-neutral-400 { color: var(--color-neutral-400); } .text-orange-300 { color: var(--color-orange-300); } .text-orange-400 { color: var(--color-orange-400); } .text-orange-500 { color: var(--color-orange-500); } .text-orange-600 { color: var(--color-orange-600); } .text-popover-foreground { color: var(--popover-foreground); } .text-primary { color: var(--primary); } .text-primary-foreground { color: var(--primary-foreground); } .text-purple-400 { color: var(--color-purple-400); } .text-red-300 { color: var(--color-red-300); } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-secondary-foreground { color: var(--secondary-foreground); } .text-transparent { color: transparent; } .text-white { color: var(--color-white); } .text-white\/40 { color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .text-white\/50 { color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/70 { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/80 { color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .text-white\/90 { color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .text-white\/95 { color: color-mix(in srgb, #fff 95%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 95%, transparent); } } .text-yellow-400 { color: var(--color-yellow-400); } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-600 { color: var(--color-yellow-600); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .not-italic { font-style: normal; } .diagonal-fractions { --tw-numeric-fraction: diagonal-fractions; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .lining-nums { --tw-numeric-figure: lining-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .oldstyle-nums { --tw-numeric-figure: oldstyle-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .proportional-nums { --tw-numeric-spacing: proportional-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .slashed-zero { --tw-slashed-zero: slashed-zero; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .stacked-fractions { --tw-numeric-fraction: stacked-fractions; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .normal-nums { font-variant-numeric: normal; } .line-through { text-decoration-line: line-through; } .no-underline { text-decoration-line: none; } .overline { text-decoration-line: overline; } .underline { text-decoration-line: underline; } .underline-offset-4 { text-underline-offset: 4px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .subpixel-antialiased { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .accent-primary { accent-color: var(--primary); } .accent-secondary { accent-color: var(--secondary); } .opacity-10 { opacity: 10%; } .opacity-25 { opacity: 25%; } .opacity-30 { opacity: 30%; } .opacity-50 { opacity: 50%; } .opacity-60 { opacity: 60%; } .opacity-70 { opacity: 70%; } .opacity-75 { opacity: 75%; } .opacity-80 { opacity: 80%; } .opacity-85 { opacity: 85%; } .opacity-90 { opacity: 90%; } .mix-blend-multiply { mix-blend-mode: multiply; } .mix-blend-overlay { mix-blend-mode: overlay; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_8px_rgba\(77\,173\,49\,0\.24\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(77,173,49,0.24)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_10px_rgba\(163\,230\,53\,0\.3\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(163,230,53,0.3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_20px_rgba\(157\,234\,41\,0\.3\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(157,234,41,0.3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_20px_rgba\(163\,230\,53\,0\.2\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(163,230,53,0.2)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_12px_rgba\(163\,230\,53\,0\.35\)\] { --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(163,230,53,0.35)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_20px_rgba\(163\,230\,53\,0\.15\)\] { --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(163,230,53,0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_6px_24px_rgba\(0\,0\,0\,0\.6\)\] { --tw-shadow: 0 6px 24px var(--tw-shadow-color, rgba(0,0,0,0.6)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .inset-ring { --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[\#9DEA29\]\/50 { --tw-shadow-color: color-mix(in srgb, #9DEA29 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #9DEA29 50%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#a3e635\]\/20 { --tw-shadow-color: color-mix(in srgb, #a3e635 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #a3e635 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/50 { --tw-shadow-color: color-mix(in srgb, #000 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-lime-500\/10 { --tw-shadow-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-lime-500) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-lime-500\/50 { --tw-shadow-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-lime-500) 50%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-\[\#a3e635\]\/50 { --tw-ring-color: color-mix(in oklab, #a3e635 50%, transparent); } .ring-ring\/50 { --tw-ring-color: var(--ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .ring-offset-background { --tw-ring-offset-color: var(--background); } .outline-hidden { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-2xl { --tw-blur: blur(var(--blur-2xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-3xl { --tw-blur: blur(var(--blur-3xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-\[80px\] { --tw-blur: blur(80px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-\[100px\] { --tw-blur: blur(100px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06))); --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .filter\! { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important; } .backdrop-blur { --tw-backdrop-blur: blur(8px); -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,); } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -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,); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -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,); } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); -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,); } .backdrop-grayscale { --tw-backdrop-grayscale: grayscale(100%); -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,); } .backdrop-invert { --tw-backdrop-invert: invert(100%); -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,); } .backdrop-sepia { --tw-backdrop-sepia: sepia(100%); -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,); } .backdrop-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,box-shadow\] { transition-property: color,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-100 { --tw-duration: 100ms; transition-duration: 100ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .fade-in-50 { --tw-enter-opacity: calc(50/100); --tw-enter-opacity: .5; } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .\[-ms-overflow-style\:none\] { -ms-overflow-style: none; } .\[background\:linear-gradient\(to_bottom\,\#000_0\%\,rgba\(0\,0\,0\,0\.7\)_60\%\,rgba\(0\,0\,0\,0\)_100\%\)\] { background: linear-gradient(to bottom,#000 0%,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0) 100%); } .\[background\:linear-gradient\(to_bottom\,\#000_0\%\,rgba\(0\,0\,0\,0\.7\)_80\%\,rgba\(0\,0\,0\,0\)_100\%\)\] { background: linear-gradient(to bottom,#000 0%,rgba(0,0,0,0.7) 80%,rgba(0,0,0,0) 100%); } .\[background\:linear-gradient\(to_bottom\,\#00453000_0\%\,\#012E01_50\%\,\#000_100\%\)\] { background: linear-gradient(to bottom,#00453000 0%,#012E01 50%,#000 100%); } .\[background\:linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\)_0\%\,rgba\(0\,0\,0\,0\.7\)_40\%\,\#000_100\%\)\] { background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 40%,#000 100%); } .\[background\:linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\)_0\%\,rgba\(0\,0\,0\,0\.7\)_60\%\,\#000_100\%\)\] { background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 60%,#000 100%); } .\[background\:linear-gradient\(to_left\,\#000_0\%\,rgba\(0\,0\,0\,0\.7\)_60\%\,rgba\(0\,0\,0\,0\)_100\%\)\] { background: linear-gradient(to left,#000 0%,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0) 100%); } .\[background\:linear-gradient\(to_right\,\#000_0\%\,rgba\(0\,0\,0\,0\.7\)_60\%\,rgba\(0\,0\,0\,0\)_100\%\)\] { background: linear-gradient(to right,#000 0%,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0) 100%); } .\[scrollbar-width\:none\] { scrollbar-width: none; } .divide-x-reverse { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 1; } } .fade-in { --tw-enter-opacity: 0; } .fade-out { --tw-exit-opacity: 0; } .paused { animation-play-state: paused; } .ring-inset { --tw-ring-inset: inset; } .running { animation-play-state: running; } .zoom-in { --tw-enter-scale: 0; } .zoom-out { --tw-exit-scale: 0; } .group-hover\:text-lime-400 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-lime-400); } } } .group-hover\:text-white { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-white); } } } .group-hover\/link\:translate-x-0\.5 { &:is(:where(.group\/link):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\/link\:-translate-y-0\.5 { &:is(:where(.group\/link):hover *) { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .peer-disabled\:cursor-not-allowed { &:is(:where(.peer):disabled ~ *) { cursor: not-allowed; } } .peer-disabled\:opacity-70 { &:is(:where(.peer):disabled ~ *) { opacity: 70%; } } .selection\:bg-\[\#a3e635\] { & *::selection { background-color: #a3e635; } &::selection { background-color: #a3e635; } } .selection\:bg-primary { & *::selection { background-color: var(--primary); } &::selection { background-color: var(--primary); } } .selection\:text-black { & *::selection { color: var(--color-black); } &::selection { color: var(--color-black); } } .selection\:text-primary-foreground { & *::selection { color: var(--primary-foreground); } &::selection { color: var(--primary-foreground); } } .file\:inline-flex { &::file-selector-button { display: inline-flex; } } .file\:h-7 { &::file-selector-button { height: calc(var(--spacing) * 7); } } .file\:border-0 { &::file-selector-button { border-style: var(--tw-border-style); border-width: 0px; } } .file\:bg-transparent { &::file-selector-button { background-color: transparent; } } .file\:text-sm { &::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .file\:font-medium { &::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .file\:text-foreground { &::file-selector-button { color: var(--foreground); } } .placeholder\:text-\[\#888\] { &::placeholder { color: #888; } } .placeholder\:text-muted-foreground { &::placeholder { color: var(--muted-foreground); } } .hover\:scale-\[1\.02\] { &:hover { @media (hover: hover) { scale: 1.02; } } } .hover\:border { &:hover { @media (hover: hover) { border-style: var(--tw-border-style); border-width: 1px; } } } .hover\:border-\[\#9DEA29\]\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in oklab, #9DEA29 40%, transparent); } } } .hover\:border-\[\#686868\] { &:hover { @media (hover: hover) { border-color: #686868; } } } .hover\:border-\[\#a3e635\]\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in oklab, #a3e635 40%, transparent); } } } .hover\:border-gray-700 { &:hover { @media (hover: hover) { border-color: var(--color-gray-700); } } } .hover\:border-green-500\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-green-500) 40%, transparent); } } } } .hover\:border-primary\/30 { &:hover { @media (hover: hover) { border-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--primary) 30%, transparent); } } } } .hover\:border-red-500\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 40%, transparent); } } } } .hover\:border-white\/20 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } } .hover\:bg-\(--trading-border\) { &:hover { @media (hover: hover) { background-color: var(--trading-border); } } } .hover\:bg-\[\#0a0a0a\] { &:hover { @media (hover: hover) { background-color: #0a0a0a; } } } .hover\:bg-\[\#0b0b0b\] { &:hover { @media (hover: hover) { background-color: #0b0b0b; } } } .hover\:bg-\[\#0b210b\] { &:hover { @media (hover: hover) { background-color: #0b210b; } } } .hover\:bg-\[\#84cc16\] { &:hover { @media (hover: hover) { background-color: #84cc16; } } } .hover\:bg-\[\#151515\] { &:hover { @media (hover: hover) { background-color: #151515; } } } .hover\:bg-\[var\(--trade-long\)\]\/90 { &:hover { @media (hover: hover) { background-color: var(--trade-long); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--trade-long) 90%, transparent); } } } } .hover\:bg-\[var\(--trade-short\)\]\/90 { &:hover { @media (hover: hover) { background-color: var(--trade-short); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--trade-short) 90%, transparent); } } } } .hover\:bg-\[var\(--trading-border\)\] { &:hover { @media (hover: hover) { background-color: var(--trading-border); } } } .hover\:bg-accent { &:hover { @media (hover: hover) { background-color: var(--accent); } } } .hover\:bg-blue-600 { &:hover { @media (hover: hover) { background-color: var(--color-blue-600); } } } .hover\:bg-blue-700 { &:hover { @media (hover: hover) { background-color: var(--color-blue-700); } } } .hover\:bg-gray-50 { &:hover { @media (hover: hover) { background-color: var(--color-gray-50); } } } .hover\:bg-gray-600 { &:hover { @media (hover: hover) { background-color: var(--color-gray-600); } } } .hover\:bg-gray-700\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent); } } } } .hover\:bg-gray-800 { &:hover { @media (hover: hover) { background-color: var(--color-gray-800); } } } .hover\:bg-gray-800\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 30%, transparent); } } } } .hover\:bg-green-600 { &:hover { @media (hover: hover) { background-color: var(--color-green-600); } } } .hover\:bg-lime-300 { &:hover { @media (hover: hover) { background-color: var(--color-lime-300); } } } .hover\:bg-muted\/20 { &:hover { @media (hover: hover) { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 20%, transparent); } } } } .hover\:bg-muted\/50 { &:hover { @media (hover: hover) { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 50%, transparent); } } } } .hover\:bg-neutral-900\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(20.5% 0 0) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-900) 60%, transparent); } } } } .hover\:bg-primary\/20 { &:hover { @media (hover: hover) { background-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--primary) 20%, transparent); } } } } .hover\:bg-primary\/90 { &:hover { @media (hover: hover) { background-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--primary) 90%, transparent); } } } } .hover\:bg-red-600 { &:hover { @media (hover: hover) { background-color: var(--color-red-600); } } } .hover\:bg-red-700 { &:hover { @media (hover: hover) { background-color: var(--color-red-700); } } } .hover\:bg-secondary\/80 { &:hover { @media (hover: hover) { background-color: var(--secondary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--secondary) 80%, transparent); } } } } .hover\:bg-slate-800\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-800) 20%, transparent); } } } } .hover\:bg-transparent { &:hover { @media (hover: hover) { background-color: transparent; } } } .hover\:bg-white\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } .hover\:from-\[\#0d9488\] { &:hover { @media (hover: hover) { --tw-gradient-from: #0d9488; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:from-\[\#dc2626\] { &:hover { @media (hover: hover) { --tw-gradient-from: #dc2626; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:from-lime-400 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-lime-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:from-red-500\/20 { &:hover { @media (hover: hover) { --tw-gradient-from: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-red-500) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-\[\#0e7490\] { &:hover { @media (hover: hover) { --tw-gradient-to: #0e7490; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-\[\#b91c1c\] { &:hover { @media (hover: hover) { --tw-gradient-to: #b91c1c; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-green-500 { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-green-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-red-600\/20 { &:hover { @media (hover: hover) { --tw-gradient-to: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-red-600) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:text-\[\#a3e635\] { &:hover { @media (hover: hover) { color: #a3e635; } } } .hover\:text-\[\#bdbdbd\] { &:hover { @media (hover: hover) { color: #bdbdbd; } } } .hover\:text-accent-foreground { &:hover { @media (hover: hover) { color: var(--accent-foreground); } } } .hover\:text-cyan-300 { &:hover { @media (hover: hover) { color: var(--color-cyan-300); } } } .hover\:text-foreground { &:hover { @media (hover: hover) { color: var(--foreground); } } } .hover\:text-gray-300 { &:hover { @media (hover: hover) { color: var(--color-gray-300); } } } .hover\:text-primary { &:hover { @media (hover: hover) { color: var(--primary); } } } .hover\:text-red-300 { &:hover { @media (hover: hover) { color: var(--color-red-300); } } } .hover\:text-white { &:hover { @media (hover: hover) { color: var(--color-white); } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:opacity-90 { &:hover { @media (hover: hover) { opacity: 90%; } } } .hover\:opacity-100 { &:hover { @media (hover: hover) { opacity: 100%; } } } .hover\:shadow-\[0_4px_16px_rgba\(163\,230\,53\,0\.5\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(163,230,53,0.5)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-xl { &:hover { @media (hover: hover) { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:ring-4 { &:hover { @media (hover: hover) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:brightness-110 { &:hover { @media (hover: hover) { --tw-brightness: brightness(110%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } } } .focus\:border-cyan-500 { &:focus { border-color: var(--color-cyan-500); } } .focus\:border-red-500 { &:focus { border-color: var(--color-red-500); } } .focus\:bg-\(--trading-border\) { &:focus { background-color: var(--trading-border); } } .focus\:bg-\[\#1a1a1a\] { &:focus { background-color: #1a1a1a; } } .focus\:bg-\[var\(--trading-border\)\] { &:focus { background-color: var(--trading-border); } } .focus\:bg-accent { &:focus { background-color: var(--accent); } } .focus\:text-\[\#E9F0EF\] { &:focus { color: #E9F0EF; } } .focus\:text-accent-foreground { &:focus { color: var(--accent-foreground); } } .focus\:ring-0 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-2 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-blue-500 { &:focus { --tw-ring-color: var(--color-blue-500); } } .focus\:ring-ring { &:focus { --tw-ring-color: var(--ring); } } .focus\:ring-offset-0 { &:focus { --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus\:ring-offset-2 { &:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus\:outline-hidden { &:focus { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .focus-visible\:border-0 { &:focus-visible { border-style: var(--tw-border-style); border-width: 0px; } } .focus-visible\:border-\[\#333\] { &:focus-visible { border-color: #333; } } .focus-visible\:border-ring { &:focus-visible { border-color: var(--ring); } } .focus-visible\:ring-0 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-2 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-4 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-\[3px\] { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-destructive\/20 { &:focus-visible { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } } .focus-visible\:ring-lime-400 { &:focus-visible { --tw-ring-color: var(--color-lime-400); } } .focus-visible\:ring-ring { &:focus-visible { --tw-ring-color: var(--ring); } } .focus-visible\:ring-ring\/50 { &:focus-visible { --tw-ring-color: var(--ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } } .focus-visible\:ring-offset-2 { &:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus-visible\:outline-hidden { &:focus-visible { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } } .focus-visible\:outline-none { &:focus-visible { --tw-outline-style: none; outline-style: none; } } .active\:scale-\[0\.98\] { &:active { scale: 0.98; } } .disabled\:pointer-events-none { &:disabled { pointer-events: none; } } .disabled\:cursor-not-allowed { &:disabled { cursor: not-allowed; } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] { &:has(*[data-slot="card-action"]) { grid-template-columns: 1fr auto; } } .has-\[\>svg\]\:px-2\.5 { &:has(>svg) { padding-inline: calc(var(--spacing) * 2.5); } } .has-\[\>svg\]\:px-3 { &:has(>svg) { padding-inline: calc(var(--spacing) * 3); } } .has-\[\>svg\]\:px-4 { &:has(>svg) { padding-inline: calc(var(--spacing) * 4); } } .aria-invalid\:border-destructive { &[aria-invalid="true"] { border-color: var(--destructive); } } .aria-invalid\:ring-destructive\/20 { &[aria-invalid="true"] { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } } .data-disabled\:pointer-events-none { &[data-disabled] { pointer-events: none; } } .data-disabled\:opacity-50 { &[data-disabled] { opacity: 50%; } } .data-placeholder\:text-muted-foreground { &[data-placeholder] { color: var(--muted-foreground); } } .data-\[disabled\]\:pointer-events-none { &[data-disabled] { pointer-events: none; } } .data-\[disabled\]\:opacity-50 { &[data-disabled] { opacity: 50%; } } .data-\[inset\]\:pl-8 { &[data-inset] { padding-left: calc(var(--spacing) * 8); } } .data-\[orientation\=horizontal\]\:h-1\.5 { &[data-orientation="horizontal"] { height: calc(var(--spacing) * 1.5); } } .data-\[orientation\=horizontal\]\:h-full { &[data-orientation="horizontal"] { height: 100%; } } .data-\[orientation\=horizontal\]\:w-full { &[data-orientation="horizontal"] { width: 100%; } } .data-\[orientation\=vertical\]\:h-full { &[data-orientation="vertical"] { height: 100%; } } .data-\[orientation\=vertical\]\:min-h-44 { &[data-orientation="vertical"] { min-height: calc(var(--spacing) * 44); } } .data-\[orientation\=vertical\]\:w-1\.5 { &[data-orientation="vertical"] { width: calc(var(--spacing) * 1.5); } } .data-\[orientation\=vertical\]\:w-auto { &[data-orientation="vertical"] { width: auto; } } .data-\[orientation\=vertical\]\:w-full { &[data-orientation="vertical"] { width: 100%; } } .data-\[orientation\=vertical\]\:flex-col { &[data-orientation="vertical"] { flex-direction: column; } } .data-\[side\=bottom\]\:translate-y-1 { &[data-side="bottom"] { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[side\=bottom\]\:slide-in-from-top-2 { &[data-side="bottom"] { --tw-enter-translate-y: calc(2*var(--spacing)*-1); } } .data-\[side\=left\]\:-translate-x-1 { &[data-side="left"] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[side\=left\]\:slide-in-from-right-2 { &[data-side="left"] { --tw-enter-translate-x: calc(2*var(--spacing)); } } .data-\[side\=right\]\:translate-x-1 { &[data-side="right"] { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[side\=right\]\:slide-in-from-left-2 { &[data-side="right"] { --tw-enter-translate-x: calc(2*var(--spacing)*-1); } } .data-\[side\=top\]\:-translate-y-1 { &[data-side="top"] { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[side\=top\]\:slide-in-from-bottom-2 { &[data-side="top"] { --tw-enter-translate-y: calc(2*var(--spacing)); } } .data-\[size\=default\]\:h-9 { &[data-size="default"] { height: calc(var(--spacing) * 9); } } .data-\[size\=sm\]\:h-8 { &[data-size="sm"] { height: calc(var(--spacing) * 8); } } .\*\:data-\[slot\=select-value\]\:line-clamp-1 { :is(& > *) { &[data-slot="select-value"] { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } } } .\*\:data-\[slot\=select-value\]\:flex { :is(& > *) { &[data-slot="select-value"] { display: flex; } } } .\*\:data-\[slot\=select-value\]\:items-center { :is(& > *) { &[data-slot="select-value"] { align-items: center; } } } .\*\:data-\[slot\=select-value\]\:gap-2 { :is(& > *) { &[data-slot="select-value"] { gap: calc(var(--spacing) * 2); } } } .data-\[state\=active\]\:border { &[data-state="active"] { border-style: var(--tw-border-style); border-width: 1px; } } .data-\[state\=active\]\:border-b-2 { &[data-state="active"] { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } } .data-\[state\=active\]\:border-\[\#4DAD31\] { &[data-state="active"] { border-color: #4DAD31; } } .data-\[state\=active\]\:border-\[\#FF4C4C\] { &[data-state="active"] { border-color: #FF4C4C; } } .data-\[state\=active\]\:border-\[\#a3e635\] { &[data-state="active"] { border-color: #a3e635; } } .data-\[state\=active\]\:border-\[var\(--lime-600\)\] { &[data-state="active"] { border-color: var(--lime-600); } } .data-\[state\=active\]\:border-primary { &[data-state="active"] { border-color: var(--primary); } } .data-\[state\=active\]\:bg-\[\#4DAD31\] { &[data-state="active"] { background-color: #4DAD31; } } .data-\[state\=active\]\:bg-transparent { &[data-state="active"] { background-color: transparent; } } .data-\[state\=active\]\:text-\[\#4DAD31\] { &[data-state="active"] { color: #4DAD31; } } .data-\[state\=active\]\:text-\[\#FF4C4C\] { &[data-state="active"] { color: #FF4C4C; } } .data-\[state\=active\]\:text-\[\#a3e635\] { &[data-state="active"] { color: #a3e635; } } .data-\[state\=active\]\:text-\[var\(--lime-600\)\] { &[data-state="active"] { color: var(--lime-600); } } .data-\[state\=active\]\:text-foreground { &[data-state="active"] { color: var(--foreground); } } .data-\[state\=active\]\:text-white { &[data-state="active"] { color: var(--color-white); } } .data-\[state\=active\]\:shadow-none { &[data-state="active"] { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .data-\[state\=closed\]\:animate-out { &[data-state="closed"] { animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } } .data-\[state\=closed\]\:fade-out-0 { &[data-state="closed"] { --tw-exit-opacity: calc(0/100); --tw-exit-opacity: 0; } } .data-\[state\=closed\]\:zoom-out-95 { &[data-state="closed"] { --tw-exit-scale: calc(95*1%); --tw-exit-scale: .95; } } .data-\[state\=open\]\:animate-in { &[data-state="open"] { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } } .data-\[state\=open\]\:bg-accent { &[data-state="open"] { background-color: var(--accent); } } .data-\[state\=open\]\:text-accent-foreground { &[data-state="open"] { color: var(--accent-foreground); } } .data-\[state\=open\]\:text-muted-foreground { &[data-state="open"] { color: var(--muted-foreground); } } .data-\[state\=open\]\:fade-in-0 { &[data-state="open"] { --tw-enter-opacity: calc(0/100); --tw-enter-opacity: 0; } } .data-\[state\=open\]\:zoom-in-95 { &[data-state="open"] { --tw-enter-scale: calc(95*1%); --tw-enter-scale: .95; } } .data-\[state\=selected\]\:bg-muted { &[data-state="selected"] { background-color: var(--muted); } } .data-\[variant\=destructive\]\:text-destructive { &[data-variant="destructive"] { color: var(--destructive); } } .data-\[variant\=destructive\]\:focus\:bg-destructive\/10 { &[data-variant="destructive"] { &:focus { background-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--destructive) 10%, transparent); } } } } .data-\[variant\=destructive\]\:focus\:text-destructive { &[data-variant="destructive"] { &:focus { color: var(--destructive); } } } .sm\:container { @media (width >= 40rem) { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } } .sm\:mx-auto { @media (width >= 40rem) { margin-inline: auto; } } .sm\:mt-10 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 10); } } .sm\:mt-\[30vh\] { @media (width >= 40rem) { margin-top: 30vh; } } .sm\:mb-8 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 8); } } .sm\:block { @media (width >= 40rem) { display: block; } } .sm\:flex { @media (width >= 40rem) { display: flex; } } .sm\:hidden { @media (width >= 40rem) { display: none; } } .sm\:max-h-150 { @media (width >= 40rem) { max-height: calc(var(--spacing) * 150); } } .sm\:w-auto { @media (width >= 40rem) { width: auto; } } .sm\:max-w-\[600px\] { @media (width >= 40rem) { max-width: 600px; } } .sm\:max-w-lg { @media (width >= 40rem) { max-width: var(--container-lg); } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:items-center { @media (width >= 40rem) { align-items: center; } } .sm\:justify-between { @media (width >= 40rem) { justify-content: space-between; } } .sm\:justify-end { @media (width >= 40rem) { justify-content: flex-end; } } .sm\:rounded-xl { @media (width >= 40rem) { border-radius: calc(var(--radius) + 4px); } } .sm\:p-4 { @media (width >= 40rem) { padding: calc(var(--spacing) * 4); } } .sm\:px-4 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 4); } } .sm\:text-left { @media (width >= 40rem) { text-align: left; } } .sm\:text-base { @media (width >= 40rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .md\:left-1\/2 { @media (width >= 48rem) { left: calc(1/2 * 100%); } } .md\:my-28 { @media (width >= 48rem) { margin-block: calc(var(--spacing) * 28); } } .md\:mt-40 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 40); } } .md\:mr-2 { @media (width >= 48rem) { margin-right: calc(var(--spacing) * 2); } } .md\:mr-\[34px\] { @media (width >= 48rem) { margin-right: 34px; } } .md\:mb-6 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 6); } } .md\:ml-4 { @media (width >= 48rem) { margin-left: calc(var(--spacing) * 4); } } .md\:ml-\[152px\] { @media (width >= 48rem) { margin-left: 152px; } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:flex { @media (width >= 48rem) { display: flex; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:inline { @media (width >= 48rem) { display: inline; } } .md\:inline-flex { @media (width >= 48rem) { display: inline-flex; } } .md\:h-56 { @media (width >= 48rem) { height: calc(var(--spacing) * 56); } } .md\:max-h-screen { @media (width >= 48rem) { max-height: 100vh; } } .md\:w-56 { @media (width >= 48rem) { width: calc(var(--spacing) * 56); } } .md\:w-80 { @media (width >= 48rem) { width: calc(var(--spacing) * 80); } } .md\:w-\[calc\(50\%-3rem\)\] { @media (width >= 48rem) { width: calc(50% - 3rem); } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:grid-cols-4 { @media (width >= 48rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .md\:grid-cols-6 { @media (width >= 48rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .md\:flex-col { @media (width >= 48rem) { flex-direction: column; } } .md\:flex-row { @media (width >= 48rem) { flex-direction: row; } } .md\:flex-row-reverse { @media (width >= 48rem) { flex-direction: row-reverse; } } .md\:items-end { @media (width >= 48rem) { align-items: flex-end; } } .md\:items-start { @media (width >= 48rem) { align-items: flex-start; } } .md\:justify-end { @media (width >= 48rem) { justify-content: flex-end; } } .md\:justify-start { @media (width >= 48rem) { justify-content: flex-start; } } .md\:gap-3\.5 { @media (width >= 48rem) { gap: calc(var(--spacing) * 3.5); } } .md\:gap-6 { @media (width >= 48rem) { gap: calc(var(--spacing) * 6); } } .md\:p-4 { @media (width >= 48rem) { padding: calc(var(--spacing) * 4); } } .md\:p-14 { @media (width >= 48rem) { padding: calc(var(--spacing) * 14); } } .md\:px-0 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 0); } } .md\:px-4 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 4); } } .md\:px-6 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 6); } } .md\:px-10 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 10); } } .md\:px-12 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 12); } } .md\:py-3 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 3); } } .md\:py-20 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 20); } } .md\:py-24 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 24); } } .md\:pt-32 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 32); } } .md\:pr-16 { @media (width >= 48rem) { padding-right: calc(var(--spacing) * 16); } } .md\:pb-24 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 24); } } .md\:pl-0 { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 0); } } .md\:pl-16 { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 16); } } .md\:text-right { @media (width >= 48rem) { text-align: right; } } .md\:text-2xl { @media (width >= 48rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .md\:text-4xl { @media (width >= 48rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .md\:text-5xl { @media (width >= 48rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .md\:text-6xl { @media (width >= 48rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .md\:text-lg { @media (width >= 48rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .md\:text-sm { @media (width >= 48rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .md\:text-xl { @media (width >= 48rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .md\:text-\[10px\] { @media (width >= 48rem) { font-size: 10px; } } .lg\:col-span-2 { @media (width >= 64rem) { grid-column: span 2 / span 2; } } .lg\:mb-0 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 0); } } .lg\:mb-10 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 10); } } .lg\:h-60 { @media (width >= 64rem) { height: calc(var(--spacing) * 60); } } .lg\:w-2\/3 { @media (width >= 64rem) { width: calc(2/3 * 100%); } } .lg\:w-60 { @media (width >= 64rem) { width: calc(var(--spacing) * 60); } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-4 { @media (width >= 64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:flex-row { @media (width >= 64rem) { flex-direction: row; } } .lg\:p-8 { @media (width >= 64rem) { padding: calc(var(--spacing) * 8); } } .lg\:px-6 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 6); } } .lg\:py-3 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 3); } } .lg\:py-20 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 20); } } .lg\:text-left { @media (width >= 64rem) { text-align: left; } } .lg\:text-6xl { @media (width >= 64rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .lg\:text-xl { @media (width >= 64rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .xl\:items-center { @media (width >= 80rem) { align-items: center; } } .xl\:gap-9 { @media (width >= 80rem) { gap: calc(var(--spacing) * 9); } } .xl\:px-0 { @media (width >= 80rem) { padding-inline: calc(var(--spacing) * 0); } } .dark\:border-input { @media (prefers-color-scheme: dark) { border-color: var(--input); } } .dark\:border-red-800 { @media (prefers-color-scheme: dark) { border-color: var(--color-red-800); } } .dark\:bg-destructive\/60 { @media (prefers-color-scheme: dark) { background-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--destructive) 60%, transparent); } } } .dark\:bg-input\/30 { @media (prefers-color-scheme: dark) { background-color: var(--input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--input) 30%, transparent); } } } .dark\:bg-red-900\/20 { @media (prefers-color-scheme: dark) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent); } } } .dark\:bg-slate-800 { @media (prefers-color-scheme: dark) { background-color: var(--color-slate-800); } } .dark\:text-red-400 { @media (prefers-color-scheme: dark) { color: var(--color-red-400); } } .dark\:hover\:bg-accent\/50 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--accent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } } } } .dark\:hover\:bg-input\/50 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: var(--input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--input) 50%, transparent); } } } } } .dark\:focus-visible\:ring-destructive\/40 { @media (prefers-color-scheme: dark) { &:focus-visible { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } } } .dark\:aria-invalid\:ring-destructive\/40 { @media (prefers-color-scheme: dark) { &[aria-invalid="true"] { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } } } .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 { @media (prefers-color-scheme: dark) { &[data-variant="destructive"] { &:focus { background-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } } } } .\[\&_svg\]\:pointer-events-none { & svg { pointer-events: none; } } .\[\&_svg\]\:shrink-0 { & svg { flex-shrink: 0; } } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 { & svg:not([class*='size-']) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground { & svg:not([class*='text-']) { color: var(--muted-foreground); } } .\[\&_tr\]\:border-b { & tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .\[\&_tr\:last-child\]\:border-0 { & tr:last-child { border-style: var(--tw-border-style); border-width: 0px; } } .\[\&\:\:-webkit-scrollbar\]\:hidden { &::-webkit-scrollbar { display: none; } } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 { &:has([role=checkbox]) { padding-right: calc(var(--spacing) * 0); } } .\[\.border-b\]\:pb-6 { &:is(.border-b) { padding-bottom: calc(var(--spacing) * 6); } } .\[\.border-t\]\:pt-6 { &:is(.border-t) { padding-top: calc(var(--spacing) * 6); } } .\*\:\[span\]\:last\:flex { :is(& > *) { &:is(span) { &:last-child { display: flex; } } } } .\*\:\[span\]\:last\:items-center { :is(& > *) { &:is(span) { &:last-child { align-items: center; } } } } .\*\:\[span\]\:last\:gap-2 { :is(& > *) { &:is(span) { &:last-child { gap: calc(var(--spacing) * 2); } } } } .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive { &[data-variant="destructive"] { :is(& > *) { &:is(svg) { color: var(--destructive) !important; } } } } .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] { &>[role=checkbox] { --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); } } .\[\&\>svg\]\:pointer-events-none { &>svg { pointer-events: none; } } .\[\&\>svg\]\:size-3 { &>svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } } .\[\&\>tr\]\:last\:border-b-0 { &>tr { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } } .\[a\&\]\:hover\:bg-accent { a& { &:hover { @media (hover: hover) { background-color: var(--accent); } } } } .\[a\&\]\:hover\:bg-destructive\/90 { a& { &:hover { @media (hover: hover) { background-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--destructive) 90%, transparent); } } } } } .\[a\&\]\:hover\:bg-primary\/90 { a& { &:hover { @media (hover: hover) { background-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--primary) 90%, transparent); } } } } } .\[a\&\]\:hover\:bg-secondary\/90 { a& { &:hover { @media (hover: hover) { background-color: var(--secondary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--secondary) 90%, transparent); } } } } } .\[a\&\]\:hover\:text-accent-foreground { a& { &:hover { @media (hover: hover) { color: var(--accent-foreground); } } } } } @property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; } @property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; } @property --tw-animation-duration { syntax: "*"; inherits: false; } @property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; } @property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; } #dexscreener-embed { position: relative; width: 100%; padding-bottom: 125%; background: #0a0a0a; } @media (min-width: 1400px) { #dexscreener-embed { padding-bottom: 65%; } } #dexscreener-embed iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 0; background-color: #0a0a0a; filter: brightness(0.8) contrast(1.15); } :root { --radius: 0.5rem; --font-inter: 'Inter', sans-serif; --font-raleway: 'Raleway', sans-serif; --font-roboto-mono: 'Roboto Mono', monospace; --background: #0f1419; --foreground: #e8eaed; --card: #0a0a0a; --card-foreground: #e8eaed; --card-hover: #1a1a1a; --popover: #1a1f26; --popover-foreground: #e8eaed; --primary: #a3e635; --primary-foreground: #000000; --primary-hover: #84cc16; --secondary: #2d3748; --secondary-foreground: #e8eaed; --secondary-hover: #374151; --muted: #1a1a1a; --muted-foreground: #94a3b8; --accent: #2d3748; --accent-foreground: #e8eaed; --destructive: #ef4444; --destructive-foreground: #ffffff; --success: #10b981; --success-foreground: #ffffff; --warning: #f59e0b; --warning-foreground: #ffffff; --border: #333333; --border-subtle: #222222; --input: #1a1a1a; --input-focus: #2a2a2a; --ring: #a3e635; --chart-1: #3b82f6; --chart-2: #10b981; --chart-3: #f59e0b; --chart-4: #8b5cf6; --chart-5: #ef4444; --sidebar: #1a1f26; --sidebar-foreground: #e8eaed; --sidebar-primary: #14b8a6; --sidebar-primary-foreground: #ffffff; --sidebar-accent: #2d374899; --sidebar-accent-foreground: #e8eaed; --sidebar-border: #2d374899; --sidebar-ring: #14b8a6; --trade-long: #10b981; --trade-short: #ef4444; --trade-surface: #1a1f26; } * { scrollbar-width: thin; scrollbar-color: rgba(155, 155, 155, 0.5) transparent; } *::-webkit-scrollbar { width: 6px; height: 6px; } *::-webkit-scrollbar-track { background: transparent; border-radius: 10px; } *::-webkit-scrollbar-thumb { background: rgba(155, 155, 155, 0.4); border-radius: 10px; border: 2px solid transparent; background-clip: content-box; min-height: 40px; max-height: 100px; } *::-webkit-scrollbar-thumb:hover { background: rgba(155, 155, 155, 0.7); background-clip: content-box; } *::-webkit-scrollbar-corner { background: transparent; } .slider { -webkit-appearance: none; appearance: none; background: #2a2d3a; outline: none; border-radius: 8px; } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; border-radius: 50%; background: #4c82f7; cursor: pointer; border: 2px solid #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .slider::-moz-range-thumb { width: 16px; height: 16px; border-radius: 50%; background: #4c82f7; cursor: pointer; border: 2px solid #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } button { transition: background-color 0.3s, color 0.3s, border-color 0.3s; cursor: pointer; } @keyframes scroll-ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @keyframes scroll-ticker-reverse { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } } .animate-scroll-ticker { animation: scroll-ticker var(--scroll-ticker-duration, 90s) linear infinite; } .animate-scroll-ticker:hover { animation-play-state: paused; } .animate-scroll-ticker-reverse { animation: scroll-ticker-reverse var(--scroll-ticker-duration, 90s) linear infinite; } .animate-scroll-ticker-reverse:hover { animation-play-state: paused; } @keyframes gradient-shift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes gradient-shift-reverse { 0% { background-position: 100% 50%; } 50% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } .animate-gradient-shift { background-size: 200% 200%; animation: gradient-shift 4s ease infinite; } .animate-gradient-shift-reverse { background-size: 200% 200%; animation: gradient-shift-reverse 3s ease infinite; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-pan-x { syntax: "*"; inherits: false; } @property --tw-pan-y { syntax: "*"; inherits: false; } @property --tw-pinch-zoom { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-ordinal { syntax: "*"; inherits: false; } @property --tw-slashed-zero { syntax: "*"; inherits: false; } @property --tw-numeric-figure { syntax: "*"; inherits: false; } @property --tw-numeric-spacing { syntax: "*"; inherits: false; } @property --tw-numeric-fraction { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: 0.5; } } @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); } } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-pan-x: initial; --tw-pan-y: initial; --tw-pinch-zoom: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; } } } /* /node_modules/@rainbow-me/rainbowkit/dist/index.css */ /* vanilla-extract-css-ns:src/css/reset.css.ts.vanilla.css?source=Lmlla2JjYzAgewogIGJvcmRlcjogMDsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGZvbnQtc2l6ZTogMTAwJTsKICBsaW5lLWhlaWdodDogbm9ybWFsOwogIG1hcmdpbjogMDsKICBwYWRkaW5nOiAwOwogIHRleHQtYWxpZ246IGxlZnQ7CiAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmlla2JjYzEgewogIGxpc3Qtc3R5bGU6IG5vbmU7Cn0KLmlla2JjYzIgewogIHF1b3Rlczogbm9uZTsKfQouaWVrYmNjMjpiZWZvcmUsIC5pZWtiY2MyOmFmdGVyIHsKICBjb250ZW50OiAnJzsKfQouaWVrYmNjMyB7CiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTsKICBib3JkZXItc3BhY2luZzogMDsKfQouaWVrYmNjNCB7CiAgYXBwZWFyYW5jZTogbm9uZTsKfQouaWVrYmNjNSB7CiAgb3V0bGluZTogbm9uZTsKfQouaWVrYmNjNTo6cGxhY2Vob2xkZXIgewogIG9wYWNpdHk6IDE7Cn0KLmlla2JjYzYgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGNvbG9yOiBpbmhlcml0Owp9Ci5pZWtiY2M3OmRpc2FibGVkIHsKICBvcGFjaXR5OiAxOwp9Ci5pZWtiY2M3OjotbXMtZXhwYW5kIHsKICBkaXNwbGF5OiBub25lOwp9Ci5pZWtiY2M4OjotbXMtY2xlYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0KLmlla2JjYzg6Oi13ZWJraXQtc2VhcmNoLWNhbmNlbC1idXR0b24gewogIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTsKfQouaWVrYmNjOSB7CiAgYmFja2dyb3VuZDogbm9uZTsKICBjdXJzb3I6IHBvaW50ZXI7CiAgdGV4dC1hbGlnbjogbGVmdDsKfQouaWVrYmNjYSB7CiAgY29sb3I6IGluaGVyaXQ7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwp9 */ [data-rk] .iekbcc0 { border: 0; box-sizing: border-box; font-size: 100%; line-height: normal; margin: 0; padding: 0; text-align: left; vertical-align: baseline; -webkit-tap-highlight-color: transparent; } [data-rk] .iekbcc1 { list-style: none; } [data-rk] .iekbcc2 { quotes: none; } [data-rk] .iekbcc2:before, [data-rk] .iekbcc2:after { content: ""; } [data-rk] .iekbcc3 { border-collapse: collapse; border-spacing: 0; } [data-rk] .iekbcc4 { -webkit-appearance: none; -moz-appearance: none; appearance: none; } [data-rk] .iekbcc5 { outline: none; } [data-rk] .iekbcc5::-moz-placeholder { opacity: 1; } [data-rk] .iekbcc5::placeholder { opacity: 1; } [data-rk] .iekbcc6 { background-color: transparent; color: inherit; } [data-rk] .iekbcc7:disabled { opacity: 1; } [data-rk] .iekbcc7::-ms-expand { display: none; } [data-rk] .iekbcc8::-ms-clear { display: none; } [data-rk] .iekbcc8::-webkit-search-cancel-button { -webkit-appearance: none; } [data-rk] .iekbcc9 { background: none; cursor: pointer; text-align: left; } [data-rk] .iekbcca { color: inherit; text-decoration: none; } /* vanilla-extract-css-ns:src/css/sprinkles.css.ts.vanilla.css?source=#H4sIAAAAAAAAE6Vdy67rxhHc+yu0CWAvZOhJPbJJrp0gBhJkEQNZU+SQ4hFF6pDU6wT+90DiebCre2aavDtbXV3TNdMcFTm8Rz+/nOfB6jIZ/e+H0SjMs7QYZ4051ttRkpvbuG7CqvnzD3/88HOLm1lwpog7qAVHRaZoTNXBBE9MnNWnPLxvR0VZmE50TaO7vIwOnXBIw48SOtGIRrMizwi56ZRXmzyxaE1kGJWaMhBTun9CdmF0SKvyXMTjOnsz21FUXggsa2FlFZtqXIVxdq63o+mpK+xFggQEchBZJgSTi5g5wRwlzCWsfhyPq8Pzg2wcRk1WFt/OTVMWP3VyC0VuVBaFiRqeXCqSj6Y488yTJrOMw7yb9KpN+le5y3LTTa2k1NnyTx1ILUE2m82GzHXTRdXNPTfbUV3mWbfPzl3MNYub/XZEV/UiIGj7XAXEjCBuAmJBEPcnIjpXdVltR6cyg2Z/I3G4qqftNvOeNTYXUzQ1R01FVJjnXVC7Ex2zYrw3WbpvtqM1KXQ6Z4AFlTJtt6nnRR1nlXl283ZUldcuaCmCojI/H4surt3PkrJoxkl4zPJ7p40en9bjXRnfu/0zXX2ltFvC9Lkao9Fjv/qsegq61ixrrsjasKyFIitkWYGQNaONON2xrLWUBasRYVZL68mKWZY0GzN6wU3NV9b1ozkmky4i4YglRaQcEVDEniNWFJFxxJoi2i0/DU/bEfn88PU5vcin+VeEXtzT41eEbvbT4isC81t+RZY0cvqK0K+g6etXBPqp6lQNTVN3QlB30wlBeedOCKq4dEJQxrUzRVDGrROCse6dEBC+dWaWFj+bdEK0wtm0M+t0rNmsM7kQmn+FxnTpZ+2G9nkx0+CSBKHKgARhxBUJUumzNR0TeDd0UDrZs5BGYdgdjcK4EYnOgTmmUajK0CiMm9AoLFpKZwrG3dMoMGc0CopeSHQJuQcSDWDcHOYZwke6SJNJ16TMChI9hreHO2tMQYx/uxG8nOsmS+4fANtdwskBpv559ipDmYueVTKwPoWRGe9MczWm+4U8q1348OnEu/B2k2nMrRk/3fx2lJuEiDozBC/ywjBZsTdVRoja7ecYVmlWjHdl05RHurvPbhICrue7hIFGf5MwdO+fTyQMbb75VMLQ74P5TMLQi2c+lzD0MpgvRO20oedLEUTVzwMRBNJWIgjqXosgKHwjLggUHoogqGkngmC4SFxbmIJYBIE6I3YA1JSIywugVALBt9R83wU9LjLa/POMx4HhhSNA94EjoO1zjgAxR46Ali84Aqa25AhYxpOgFnrmVYCA3kqAgJxagEC1jQCBcs/C1EO5FwECtVwFCAx0E1YQRN8FCCh6E1aZ1rKYCIsIkCmHQFMvyO5Xtd+k3a5ezAUAcCwECJW8WAoQ2tiLQICAnpUAoa29WAsQOreLjQChi7gIJdG0XRY7CQOyIwkDomIJAyUbCQM1J9IqQM2phIF69hIGxsqk5QTtLxIGdB2kNYd6cmlFAXMUMNjpZNNrSrgxXZQsDPknBgDBrwwAHV4xAMioGQC6u2EAmNAzA8DKXbhM6JErR4DQG0eAkDtHQKFvHEErXU74fNNKl1OOoHUsZxwBo8z5olG1ywVHUC3LJV9XqCPg6waIFUNA/y4/drab/JB0ucE46AgxDhXsMA4zFbHxYYCYFQDrZRgASkgYAGpIEQD3z8s9A0CRGQNADS8MAKt9YPMINeQMAEMcGQBkFgiAm+pliQC4r16e+FoA4pUtJ727XlYIkG+wl++bVlZY+rLBOKzIGeOg9YJxmKwrGx8GuLECYCruDAAlvDEArSGYIAD6MpgyAC0ymDEArSGYMwDty2DB5hFqWDIADBEwAMhcIQD6MlgjAPoy2PC1AETIlpP2ZbBDgNyXQbtfPQ4rk7y8bkf7LI7Jk5ag3bBOYRxnRSo+0AiMCKEdHiQiCBY4FUHUIQR7EQSTnIkg6hSCFxEELXMQQbDouTwFsGxHGQWTUMgoEFjKKCj+JKOg+ld5baD6SkZBXbWMghEbeaFhJs4yCjRe5H6Auq7yWgPqJqLAZQR3guJPOYI3AUA5VhMBQuWvpgKEXgurmQChklZzAUKvg9VCgNBJXi0FCF3TVSCJpj20WkkYkL2WMCBqI2Gg5FDCQM07aRWg5kjCQD2xhIGxjLScoD2RMKArldYc6tlLKwqYTMBAp6/oDik8+lgdJASw5BIGlB8lDHR7IWFAVSlhoN9PEgZm+VXCwIpWonZon1oEgfpGBIG0swiCui8iCAq/igsChd9EENR0F0Ew3Ju4tnQK1hMRRNWtp2IH0JrWM3F5ATSXQND+a7oxsuch6yWPA0PAEaB7xRG07ddrjgAxG46gLb8OOQKmdscRdBnXkaCW9sw6FiCg1wgQkJMIEKg2FSBQ7l6Yeig3EyBQy4sAgYEOwgqC6FyAgKKjsMpQSyEsIkBKDsGmft/9yjprX3cKd3WZnxvyhuYrYJLsZronqusKAJXJwya7EJJ25xtfze6QNeNz/XgBzuQmavgboe3+J3y/rN8PZquw+Bhq8vN0tqxHJqwJxYUBn/+dlNXRltJug87C2k1QvGlf37sxWPC3boyu0WbSjdFe2kzJeJR0MyMD0l7ezEkQhlyQIIy57AbhpnwTkCAUtCJBGHNNgrTbNxsyPzBmSIJAuyNBkBJ1g3DjvYm7Qbjp3hg6txBNyLLQm+1N2g3KN9qbr/eE46o8jZMsb0zVeYtwl5+run0Z9d8XU+UheZtwk32mt68ZdzKjMi+rehxGjxcWfnn8D8l82e4ft/eD8w/bx5vA769VDyHI+2T+vaxMCyMcx/4iLEzFADkWqlLB8fUO9bfne7eE4KRW5aR51Uty8gwphL84vakHqxLImuHaBLZzL5r/mKgs4rC6f/tMIGyXAUJ9nNchen2kNy9blJe14S/db+5Kibb8N60cC0E46ZMpyw+n/UVYmGYD5Fio5n6O7j+isLAstNIUXEu1OAVZMJTlb1VFvz/C1fdp5ITr7xTKGTf9qH4rClNZJi4cotZFuBuk1sUY9aP63dwakh8PkchYzCBdjCbpn8/XPx2qiFPtB8viXH7T+E6SPRY8zqKwAQatefTxqE2kj8hvJuPyWuRlGH97Prv/JaxiSxtrPaWaUG0t1Yx+h/lB9Xt5cvBojaaOTe03dXT+sgzrbK3H5JlqQ8lT/e4xNYWpwpx761DrFe0Mamdop/D7QJL7a3Yk6Voz6CRRO0IXy85vCx//ivS3xhzlpttpPaGHRm0IPTx+N/h8MvDt/fEBydV6QDuD2vnZKfx+7zNXkK+1eC4OtatzkfiNXJvNrq2d1rfZ8tU2zUbgd2XPTDRAO60bk7PVLkxO97uvzzzcArSey0qgdlpWBr+/+kz9vEUnBFp75aFRuysPj99cnaoyyXLz16dDI7laN2VnUNsnO4XfL5HcfzwqJgRao+ShUTskD4+6EPkJ5U5rk9wsasvkpvHbp/YMxsT/Pj2fbfE9TuuivERqM+Vl8nuqugmLeEevNK2VknLVDkpIjt6NU/s3IJ449YP8iHimQQzULg2imPfLlXsxWgyRYuFaDhJlIQtULK7H+NGqhzYn0bqPMCfTZhAFf4Afhd+hTaDbfY9CgS/qSeR5cB/Fg+T6WM0w1T7aRMFnecwfpWqhNoa9XpSNIuuXa5mGlyFSLFyHQaIsZLmGxf9oPzrqBSrYih4SFXTlcB72/DQ6fa9STvn63XI5Z+8CHQ/3o3qYZhdlM1Czi/PclwxvPaPLMKGM5zpQHSO6DWHg3XAfrouTvX2HOMYWa8yn5wAg1ptQH1MPM+qj0phS7UP/WO9N1ZQ9LKqaU+NUVQcAsd6w6vh6+FYdoca+suOCWO9VeW4PY8qTNS7UekgQ6z2nnaOHw7STaPyk65Ag1ptKJ00PZ+nk0dhL9zFBrPeWHqIextLDpHGV1mODWO8l7Rw9HKSdROMbHQcHsd4qulh6uEMXjb4MftXp/Z+NoYfds1Fo3J14oBDrXZ2c38PNyQQaF2c7UIj13s1K0cOx2TiMxqe5jxKM3qZ5iHq4NA+TxqRZjxaM3pXZOXrYMDuJxne5jxWM3nB5iHo4LQ+TxmI5jxeM3m65eXpYLzeRxob5jheM3o15qXqYMi+XxpsJxw9Gb8mk7B5OTEr/MGC3cb0P48dfO/jMaj+Am1iSTK3XIAowXYM4cn9ynIV5mZKso7Z4IbdQVy0kl/6s94voV9OEWV4LG95JW7yX6VUtxUulKIdeRCS71kpycDRqMQ6Ssz77v2GeG+J1zKWvDIHj2luGQHLzZ1+fWf8s05Jk3rUSLPlv6vJlgqT1WpZdzHIImnTdVc9U4qd65s6VSfIXYrLoVbWFZNmvfgtL4E53HWYmK40MJ8NapcFJsemXy88qk3CIDIFnN0iMQBRpGTwHkUncT5mPzvQU6ONLXESWs8kk9Wuype4V9dtyM2WSRepLr6otJId+9VtYcme6/2QxOSq0KGgKjRoFTzmAgJ3IJKfBojjX63BlnExfkuOUMKl7ynNxNX3lucjOahZ8wJRcempiBNe+QhjDrVcqX9z7AAmc5W2IDkaTOg2Y5+AvVRgxH4XGkPk4nMZMe6KXKvyZmktj09RkTremOsJLFaZNR6Txbjomp4Vjp3qpwq/xJI0541lOJ2Y9sEsVvsuerHFZ9mynp3KdyqUKY+XM17grJ4HTYrkP31KFv/IwaMyVh8LprKwnbqnCT9mTNS7Knu30To6DtVRhl1zpGofkylcMzC8NhQeypWosjy3X6XDEo7NU4WzkRI2jkTOdTsZ2PpYq/Is1V+NabMl7p1dxH3/tFVbFw6BxKh4Kp1GxnnntFc7EnqyxIvZsp/dwH2rtFabDw6BxGx4Kp81wnmDtFZbDTaCxH24GpxXxHVPtFY7Ey6ExJl4Spz8Rzqr2ClsipWncSDfvL0cTZ+GojipjilFYxKMfO38zfBWsT7efnlzvA7R/nc7xW9Kj0R9f6LkV/fyZOIJdStiPn2AjyNU7En5dmmA2iHn/jWkC2iGo/aVpgokR8/F70w/UH/8HNiLX2mB7AAA= */ [data-rk] .ju367v0 { align-items: flex-start; } [data-rk] .ju367v2 { align-items: flex-end; } [data-rk] .ju367v4 { align-items: center; } [data-rk] .ju367v6 { display: none; } [data-rk] .ju367v8 { display: block; } [data-rk] .ju367va { display: flex; } [data-rk] .ju367vc { display: inline; } [data-rk] .ju367ve { align-self: flex-start; } [data-rk] .ju367vf { align-self: flex-end; } [data-rk] .ju367vg { align-self: center; } [data-rk] .ju367vh { background-size: cover; } [data-rk] .ju367vi { border-radius: 1px; } [data-rk] .ju367vj { border-radius: 6px; } [data-rk] .ju367vk { border-radius: 10px; } [data-rk] .ju367vl { border-radius: 13px; } [data-rk] .ju367vm { border-radius: var(--rk-radii-actionButton); } [data-rk] .ju367vn { border-radius: var(--rk-radii-connectButton); } [data-rk] .ju367vo { border-radius: var(--rk-radii-menuButton); } [data-rk] .ju367vp { border-radius: var(--rk-radii-modal); } [data-rk] .ju367vq { border-radius: var(--rk-radii-modalMobile); } [data-rk] .ju367vr { border-radius: 25%; } [data-rk] .ju367vs { border-radius: 9999px; } [data-rk] .ju367vt { border-style: solid; } [data-rk] .ju367vu { border-width: 0px; } [data-rk] .ju367vv { border-width: 1px; } [data-rk] .ju367vw { border-width: 2px; } [data-rk] .ju367vx { border-width: 4px; } [data-rk] .ju367vy { cursor: pointer; } [data-rk] .ju367vz { cursor: none; } [data-rk] .ju367v10 { pointer-events: none; } [data-rk] .ju367v11 { pointer-events: all; } [data-rk] .ju367v12 { min-height: 8px; } [data-rk] .ju367v13 { min-height: 44px; } [data-rk] .ju367v14 { flex-direction: row; } [data-rk] .ju367v15 { flex-direction: column; } [data-rk] .ju367v16 { font-family: var(--rk-fonts-body); } [data-rk] .ju367v17 { font-size: 12px; line-height: 18px; } [data-rk] .ju367v18 { font-size: 13px; line-height: 18px; } [data-rk] .ju367v19 { font-size: 14px; line-height: 18px; } [data-rk] .ju367v1a { font-size: 16px; line-height: 20px; } [data-rk] .ju367v1b { font-size: 18px; line-height: 24px; } [data-rk] .ju367v1c { font-size: 20px; line-height: 24px; } [data-rk] .ju367v1d { font-size: 23px; line-height: 29px; } [data-rk] .ju367v1e { font-weight: 400; } [data-rk] .ju367v1f { font-weight: 500; } [data-rk] .ju367v1g { font-weight: 600; } [data-rk] .ju367v1h { font-weight: 700; } [data-rk] .ju367v1i { font-weight: 800; } [data-rk] .ju367v1j { gap: 0; } [data-rk] .ju367v1k { gap: 1px; } [data-rk] .ju367v1l { gap: 2px; } [data-rk] .ju367v1m { gap: 3px; } [data-rk] .ju367v1n { gap: 4px; } [data-rk] .ju367v1o { gap: 5px; } [data-rk] .ju367v1p { gap: 6px; } [data-rk] .ju367v1q { gap: 8px; } [data-rk] .ju367v1r { gap: 10px; } [data-rk] .ju367v1s { gap: 12px; } [data-rk] .ju367v1t { gap: 14px; } [data-rk] .ju367v1u { gap: 16px; } [data-rk] .ju367v1v { gap: 18px; } [data-rk] .ju367v1w { gap: 20px; } [data-rk] .ju367v1x { gap: 24px; } [data-rk] .ju367v1y { gap: 28px; } [data-rk] .ju367v1z { gap: 32px; } [data-rk] .ju367v20 { gap: 36px; } [data-rk] .ju367v21 { gap: 44px; } [data-rk] .ju367v22 { gap: 64px; } [data-rk] .ju367v23 { gap: -1px; } [data-rk] .ju367v24 { height: 1px; } [data-rk] .ju367v25 { height: 2px; } [data-rk] .ju367v26 { height: 4px; } [data-rk] .ju367v27 { height: 8px; } [data-rk] .ju367v28 { height: 12px; } [data-rk] .ju367v29 { height: 20px; } [data-rk] .ju367v2a { height: 24px; } [data-rk] .ju367v2b { height: 28px; } [data-rk] .ju367v2c { height: 30px; } [data-rk] .ju367v2d { height: 32px; } [data-rk] .ju367v2e { height: 34px; } [data-rk] .ju367v2f { height: 36px; } [data-rk] .ju367v2g { height: 40px; } [data-rk] .ju367v2h { height: 44px; } [data-rk] .ju367v2i { height: 48px; } [data-rk] .ju367v2j { height: 54px; } [data-rk] .ju367v2k { height: 60px; } [data-rk] .ju367v2l { height: 200px; } [data-rk] .ju367v2m { height: 100%; } [data-rk] .ju367v2n { height: -moz-max-content; height: max-content; } [data-rk] .ju367v2o { justify-content: flex-start; } [data-rk] .ju367v2p { justify-content: flex-end; } [data-rk] .ju367v2q { justify-content: center; } [data-rk] .ju367v2r { justify-content: space-between; } [data-rk] .ju367v2s { justify-content: space-around; } [data-rk] .ju367v2t { text-align: left; } [data-rk] .ju367v2u { text-align: center; } [data-rk] .ju367v2v { text-align: inherit; } [data-rk] .ju367v2w { margin-bottom: 0; } [data-rk] .ju367v2x { margin-bottom: 1px; } [data-rk] .ju367v2y { margin-bottom: 2px; } [data-rk] .ju367v2z { margin-bottom: 3px; } [data-rk] .ju367v30 { margin-bottom: 4px; } [data-rk] .ju367v31 { margin-bottom: 5px; } [data-rk] .ju367v32 { margin-bottom: 6px; } [data-rk] .ju367v33 { margin-bottom: 8px; } [data-rk] .ju367v34 { margin-bottom: 10px; } [data-rk] .ju367v35 { margin-bottom: 12px; } [data-rk] .ju367v36 { margin-bottom: 14px; } [data-rk] .ju367v37 { margin-bottom: 16px; } [data-rk] .ju367v38 { margin-bottom: 18px; } [data-rk] .ju367v39 { margin-bottom: 20px; } [data-rk] .ju367v3a { margin-bottom: 24px; } [data-rk] .ju367v3b { margin-bottom: 28px; } [data-rk] .ju367v3c { margin-bottom: 32px; } [data-rk] .ju367v3d { margin-bottom: 36px; } [data-rk] .ju367v3e { margin-bottom: 44px; } [data-rk] .ju367v3f { margin-bottom: 64px; } [data-rk] .ju367v3g { margin-bottom: -1px; } [data-rk] .ju367v3h { margin-left: 0; } [data-rk] .ju367v3i { margin-left: 1px; } [data-rk] .ju367v3j { margin-left: 2px; } [data-rk] .ju367v3k { margin-left: 3px; } [data-rk] .ju367v3l { margin-left: 4px; } [data-rk] .ju367v3m { margin-left: 5px; } [data-rk] .ju367v3n { margin-left: 6px; } [data-rk] .ju367v3o { margin-left: 8px; } [data-rk] .ju367v3p { margin-left: 10px; } [data-rk] .ju367v3q { margin-left: 12px; } [data-rk] .ju367v3r { margin-left: 14px; } [data-rk] .ju367v3s { margin-left: 16px; } [data-rk] .ju367v3t { margin-left: 18px; } [data-rk] .ju367v3u { margin-left: 20px; } [data-rk] .ju367v3v { margin-left: 24px; } [data-rk] .ju367v3w { margin-left: 28px; } [data-rk] .ju367v3x { margin-left: 32px; } [data-rk] .ju367v3y { margin-left: 36px; } [data-rk] .ju367v3z { margin-left: 44px; } [data-rk] .ju367v40 { margin-left: 64px; } [data-rk] .ju367v41 { margin-left: -1px; } [data-rk] .ju367v42 { margin-right: 0; } [data-rk] .ju367v43 { margin-right: 1px; } [data-rk] .ju367v44 { margin-right: 2px; } [data-rk] .ju367v45 { margin-right: 3px; } [data-rk] .ju367v46 { margin-right: 4px; } [data-rk] .ju367v47 { margin-right: 5px; } [data-rk] .ju367v48 { margin-right: 6px; } [data-rk] .ju367v49 { margin-right: 8px; } [data-rk] .ju367v4a { margin-right: 10px; } [data-rk] .ju367v4b { margin-right: 12px; } [data-rk] .ju367v4c { margin-right: 14px; } [data-rk] .ju367v4d { margin-right: 16px; } [data-rk] .ju367v4e { margin-right: 18px; } [data-rk] .ju367v4f { margin-right: 20px; } [data-rk] .ju367v4g { margin-right: 24px; } [data-rk] .ju367v4h { margin-right: 28px; } [data-rk] .ju367v4i { margin-right: 32px; } [data-rk] .ju367v4j { margin-right: 36px; } [data-rk] .ju367v4k { margin-right: 44px; } [data-rk] .ju367v4l { margin-right: 64px; } [data-rk] .ju367v4m { margin-right: -1px; } [data-rk] .ju367v4n { margin-top: 0; } [data-rk] .ju367v4o { margin-top: 1px; } [data-rk] .ju367v4p { margin-top: 2px; } [data-rk] .ju367v4q { margin-top: 3px; } [data-rk] .ju367v4r { margin-top: 4px; } [data-rk] .ju367v4s { margin-top: 5px; } [data-rk] .ju367v4t { margin-top: 6px; } [data-rk] .ju367v4u { margin-top: 8px; } [data-rk] .ju367v4v { margin-top: 10px; } [data-rk] .ju367v4w { margin-top: 12px; } [data-rk] .ju367v4x { margin-top: 14px; } [data-rk] .ju367v4y { margin-top: 16px; } [data-rk] .ju367v4z { margin-top: 18px; } [data-rk] .ju367v50 { margin-top: 20px; } [data-rk] .ju367v51 { margin-top: 24px; } [data-rk] .ju367v52 { margin-top: 28px; } [data-rk] .ju367v53 { margin-top: 32px; } [data-rk] .ju367v54 { margin-top: 36px; } [data-rk] .ju367v55 { margin-top: 44px; } [data-rk] .ju367v56 { margin-top: 64px; } [data-rk] .ju367v57 { margin-top: -1px; } [data-rk] .ju367v58 { max-width: 1px; } [data-rk] .ju367v59 { max-width: 2px; } [data-rk] .ju367v5a { max-width: 4px; } [data-rk] .ju367v5b { max-width: 8px; } [data-rk] .ju367v5c { max-width: 12px; } [data-rk] .ju367v5d { max-width: 20px; } [data-rk] .ju367v5e { max-width: 24px; } [data-rk] .ju367v5f { max-width: 28px; } [data-rk] .ju367v5g { max-width: 30px; } [data-rk] .ju367v5h { max-width: 32px; } [data-rk] .ju367v5i { max-width: 34px; } [data-rk] .ju367v5j { max-width: 36px; } [data-rk] .ju367v5k { max-width: 40px; } [data-rk] .ju367v5l { max-width: 44px; } [data-rk] .ju367v5m { max-width: 48px; } [data-rk] .ju367v5n { max-width: 54px; } [data-rk] .ju367v5o { max-width: 60px; } [data-rk] .ju367v5p { max-width: 200px; } [data-rk] .ju367v5q { max-width: 100%; } [data-rk] .ju367v5r { max-width: -moz-max-content; max-width: max-content; } [data-rk] .ju367v5s { min-width: 1px; } [data-rk] .ju367v5t { min-width: 2px; } [data-rk] .ju367v5u { min-width: 4px; } [data-rk] .ju367v5v { min-width: 8px; } [data-rk] .ju367v5w { min-width: 12px; } [data-rk] .ju367v5x { min-width: 20px; } [data-rk] .ju367v5y { min-width: 24px; } [data-rk] .ju367v5z { min-width: 28px; } [data-rk] .ju367v60 { min-width: 30px; } [data-rk] .ju367v61 { min-width: 32px; } [data-rk] .ju367v62 { min-width: 34px; } [data-rk] .ju367v63 { min-width: 36px; } [data-rk] .ju367v64 { min-width: 40px; } [data-rk] .ju367v65 { min-width: 44px; } [data-rk] .ju367v66 { min-width: 48px; } [data-rk] .ju367v67 { min-width: 54px; } [data-rk] .ju367v68 { min-width: 60px; } [data-rk] .ju367v69 { min-width: 200px; } [data-rk] .ju367v6a { min-width: 100%; } [data-rk] .ju367v6b { min-width: -moz-max-content; min-width: max-content; } [data-rk] .ju367v6c { overflow: hidden; } [data-rk] .ju367v6d { padding-bottom: 0; } [data-rk] .ju367v6e { padding-bottom: 1px; } [data-rk] .ju367v6f { padding-bottom: 2px; } [data-rk] .ju367v6g { padding-bottom: 3px; } [data-rk] .ju367v6h { padding-bottom: 4px; } [data-rk] .ju367v6i { padding-bottom: 5px; } [data-rk] .ju367v6j { padding-bottom: 6px; } [data-rk] .ju367v6k { padding-bottom: 8px; } [data-rk] .ju367v6l { padding-bottom: 10px; } [data-rk] .ju367v6m { padding-bottom: 12px; } [data-rk] .ju367v6n { padding-bottom: 14px; } [data-rk] .ju367v6o { padding-bottom: 16px; } [data-rk] .ju367v6p { padding-bottom: 18px; } [data-rk] .ju367v6q { padding-bottom: 20px; } [data-rk] .ju367v6r { padding-bottom: 24px; } [data-rk] .ju367v6s { padding-bottom: 28px; } [data-rk] .ju367v6t { padding-bottom: 32px; } [data-rk] .ju367v6u { padding-bottom: 36px; } [data-rk] .ju367v6v { padding-bottom: 44px; } [data-rk] .ju367v6w { padding-bottom: 64px; } [data-rk] .ju367v6x { padding-bottom: -1px; } [data-rk] .ju367v6y { padding-left: 0; } [data-rk] .ju367v6z { padding-left: 1px; } [data-rk] .ju367v70 { padding-left: 2px; } [data-rk] .ju367v71 { padding-left: 3px; } [data-rk] .ju367v72 { padding-left: 4px; } [data-rk] .ju367v73 { padding-left: 5px; } [data-rk] .ju367v74 { padding-left: 6px; } [data-rk] .ju367v75 { padding-left: 8px; } [data-rk] .ju367v76 { padding-left: 10px; } [data-rk] .ju367v77 { padding-left: 12px; } [data-rk] .ju367v78 { padding-left: 14px; } [data-rk] .ju367v79 { padding-left: 16px; } [data-rk] .ju367v7a { padding-left: 18px; } [data-rk] .ju367v7b { padding-left: 20px; } [data-rk] .ju367v7c { padding-left: 24px; } [data-rk] .ju367v7d { padding-left: 28px; } [data-rk] .ju367v7e { padding-left: 32px; } [data-rk] .ju367v7f { padding-left: 36px; } [data-rk] .ju367v7g { padding-left: 44px; } [data-rk] .ju367v7h { padding-left: 64px; } [data-rk] .ju367v7i { padding-left: -1px; } [data-rk] .ju367v7j { padding-right: 0; } [data-rk] .ju367v7k { padding-right: 1px; } [data-rk] .ju367v7l { padding-right: 2px; } [data-rk] .ju367v7m { padding-right: 3px; } [data-rk] .ju367v7n { padding-right: 4px; } [data-rk] .ju367v7o { padding-right: 5px; } [data-rk] .ju367v7p { padding-right: 6px; } [data-rk] .ju367v7q { padding-right: 8px; } [data-rk] .ju367v7r { padding-right: 10px; } [data-rk] .ju367v7s { padding-right: 12px; } [data-rk] .ju367v7t { padding-right: 14px; } [data-rk] .ju367v7u { padding-right: 16px; } [data-rk] .ju367v7v { padding-right: 18px; } [data-rk] .ju367v7w { padding-right: 20px; } [data-rk] .ju367v7x { padding-right: 24px; } [data-rk] .ju367v7y { padding-right: 28px; } [data-rk] .ju367v7z { padding-right: 32px; } [data-rk] .ju367v80 { padding-right: 36px; } [data-rk] .ju367v81 { padding-right: 44px; } [data-rk] .ju367v82 { padding-right: 64px; } [data-rk] .ju367v83 { padding-right: -1px; } [data-rk] .ju367v84 { padding-top: 0; } [data-rk] .ju367v85 { padding-top: 1px; } [data-rk] .ju367v86 { padding-top: 2px; } [data-rk] .ju367v87 { padding-top: 3px; } [data-rk] .ju367v88 { padding-top: 4px; } [data-rk] .ju367v89 { padding-top: 5px; } [data-rk] .ju367v8a { padding-top: 6px; } [data-rk] .ju367v8b { padding-top: 8px; } [data-rk] .ju367v8c { padding-top: 10px; } [data-rk] .ju367v8d { padding-top: 12px; } [data-rk] .ju367v8e { padding-top: 14px; } [data-rk] .ju367v8f { padding-top: 16px; } [data-rk] .ju367v8g { padding-top: 18px; } [data-rk] .ju367v8h { padding-top: 20px; } [data-rk] .ju367v8i { padding-top: 24px; } [data-rk] .ju367v8j { padding-top: 28px; } [data-rk] .ju367v8k { padding-top: 32px; } [data-rk] .ju367v8l { padding-top: 36px; } [data-rk] .ju367v8m { padding-top: 44px; } [data-rk] .ju367v8n { padding-top: 64px; } [data-rk] .ju367v8o { padding-top: -1px; } [data-rk] .ju367v8p { position: absolute; } [data-rk] .ju367v8q { position: fixed; } [data-rk] .ju367v8r { position: relative; } [data-rk] .ju367v8s { -webkit-user-select: none; } [data-rk] .ju367v8t { right: 0; } [data-rk] .ju367v8u { transition: 0.125s ease; } [data-rk] .ju367v8v { transition: transform 0.125s ease; } [data-rk] .ju367v8w { -webkit-user-select: none; -moz-user-select: none; user-select: none; } [data-rk] .ju367v8x { width: 1px; } [data-rk] .ju367v8y { width: 2px; } [data-rk] .ju367v8z { width: 4px; } [data-rk] .ju367v90 { width: 8px; } [data-rk] .ju367v91 { width: 12px; } [data-rk] .ju367v92 { width: 20px; } [data-rk] .ju367v93 { width: 24px; } [data-rk] .ju367v94 { width: 28px; } [data-rk] .ju367v95 { width: 30px; } [data-rk] .ju367v96 { width: 32px; } [data-rk] .ju367v97 { width: 34px; } [data-rk] .ju367v98 { width: 36px; } [data-rk] .ju367v99 { width: 40px; } [data-rk] .ju367v9a { width: 44px; } [data-rk] .ju367v9b { width: 48px; } [data-rk] .ju367v9c { width: 54px; } [data-rk] .ju367v9d { width: 60px; } [data-rk] .ju367v9e { width: 200px; } [data-rk] .ju367v9f { width: 100%; } [data-rk] .ju367v9g { width: -moz-max-content; width: max-content; } [data-rk] .ju367v9h { -webkit-backdrop-filter: var(--rk-blurs-modalOverlay); backdrop-filter: var(--rk-blurs-modalOverlay); } [data-rk] .ju367v9i { background: var(--rk-colors-accentColor); } [data-rk] .ju367v9j:hover { background: var(--rk-colors-accentColor); } [data-rk] .ju367v9k:active { background: var(--rk-colors-accentColor); } [data-rk] .ju367v9l { background: var(--rk-colors-accentColorForeground); } [data-rk] .ju367v9m:hover { background: var(--rk-colors-accentColorForeground); } [data-rk] .ju367v9n:active { background: var(--rk-colors-accentColorForeground); } [data-rk] .ju367v9o { background: var(--rk-colors-actionButtonBorder); } [data-rk] .ju367v9p:hover { background: var(--rk-colors-actionButtonBorder); } [data-rk] .ju367v9q:active { background: var(--rk-colors-actionButtonBorder); } [data-rk] .ju367v9r { background: var(--rk-colors-actionButtonBorderMobile); } [data-rk] .ju367v9s:hover { background: var(--rk-colors-actionButtonBorderMobile); } [data-rk] .ju367v9t:active { background: var(--rk-colors-actionButtonBorderMobile); } [data-rk] .ju367v9u { background: var(--rk-colors-actionButtonSecondaryBackground); } [data-rk] .ju367v9v:hover { background: var(--rk-colors-actionButtonSecondaryBackground); } [data-rk] .ju367v9w:active { background: var(--rk-colors-actionButtonSecondaryBackground); } [data-rk] .ju367v9x { background: var(--rk-colors-closeButton); } [data-rk] .ju367v9y:hover { background: var(--rk-colors-closeButton); } [data-rk] .ju367v9z:active { background: var(--rk-colors-closeButton); } [data-rk] .ju367va0 { background: var(--rk-colors-closeButtonBackground); } [data-rk] .ju367va1:hover { background: var(--rk-colors-closeButtonBackground); } [data-rk] .ju367va2:active { background: var(--rk-colors-closeButtonBackground); } [data-rk] .ju367va3 { background: var(--rk-colors-connectButtonBackground); } [data-rk] .ju367va4:hover { background: var(--rk-colors-connectButtonBackground); } [data-rk] .ju367va5:active { background: var(--rk-colors-connectButtonBackground); } [data-rk] .ju367va6 { background: var(--rk-colors-connectButtonBackgroundError); } [data-rk] .ju367va7:hover { background: var(--rk-colors-connectButtonBackgroundError); } [data-rk] .ju367va8:active { background: var(--rk-colors-connectButtonBackgroundError); } [data-rk] .ju367va9 { background: var(--rk-colors-connectButtonInnerBackground); } [data-rk] .ju367vaa:hover { background: var(--rk-colors-connectButtonInnerBackground); } [data-rk] .ju367vab:active { background: var(--rk-colors-connectButtonInnerBackground); } [data-rk] .ju367vac { background: var(--rk-colors-connectButtonText); } [data-rk] .ju367vad:hover { background: var(--rk-colors-connectButtonText); } [data-rk] .ju367vae:active { background: var(--rk-colors-connectButtonText); } [data-rk] .ju367vaf { background: var(--rk-colors-connectButtonTextError); } [data-rk] .ju367vag:hover { background: var(--rk-colors-connectButtonTextError); } [data-rk] .ju367vah:active { background: var(--rk-colors-connectButtonTextError); } [data-rk] .ju367vai { background: var(--rk-colors-connectionIndicator); } [data-rk] .ju367vaj:hover { background: var(--rk-colors-connectionIndicator); } [data-rk] .ju367vak:active { background: var(--rk-colors-connectionIndicator); } [data-rk] .ju367val { background: var(--rk-colors-downloadBottomCardBackground); } [data-rk] .ju367vam:hover { background: var(--rk-colors-downloadBottomCardBackground); } [data-rk] .ju367van:active { background: var(--rk-colors-downloadBottomCardBackground); } [data-rk] .ju367vao { background: var(--rk-colors-downloadTopCardBackground); } [data-rk] .ju367vap:hover { background: var(--rk-colors-downloadTopCardBackground); } [data-rk] .ju367vaq:active { background: var(--rk-colors-downloadTopCardBackground); } [data-rk] .ju367var { background: var(--rk-colors-error); } [data-rk] .ju367vas:hover { background: var(--rk-colors-error); } [data-rk] .ju367vat:active { background: var(--rk-colors-error); } [data-rk] .ju367vau { background: var(--rk-colors-generalBorder); } [data-rk] .ju367vav:hover { background: var(--rk-colors-generalBorder); } [data-rk] .ju367vaw:active { background: var(--rk-colors-generalBorder); } [data-rk] .ju367vax { background: var(--rk-colors-generalBorderDim); } [data-rk] .ju367vay:hover { background: var(--rk-colors-generalBorderDim); } [data-rk] .ju367vaz:active { background: var(--rk-colors-generalBorderDim); } [data-rk] .ju367vb0 { background: var(--rk-colors-menuItemBackground); } [data-rk] .ju367vb1:hover { background: var(--rk-colors-menuItemBackground); } [data-rk] .ju367vb2:active { background: var(--rk-colors-menuItemBackground); } [data-rk] .ju367vb3 { background: var(--rk-colors-modalBackdrop); } [data-rk] .ju367vb4:hover { background: var(--rk-colors-modalBackdrop); } [data-rk] .ju367vb5:active { background: var(--rk-colors-modalBackdrop); } [data-rk] .ju367vb6 { background: var(--rk-colors-modalBackground); } [data-rk] .ju367vb7:hover { background: var(--rk-colors-modalBackground); } [data-rk] .ju367vb8:active { background: var(--rk-colors-modalBackground); } [data-rk] .ju367vb9 { background: var(--rk-colors-modalBorder); } [data-rk] .ju367vba:hover { background: var(--rk-colors-modalBorder); } [data-rk] .ju367vbb:active { background: var(--rk-colors-modalBorder); } [data-rk] .ju367vbc { background: var(--rk-colors-modalText); } [data-rk] .ju367vbd:hover { background: var(--rk-colors-modalText); } [data-rk] .ju367vbe:active { background: var(--rk-colors-modalText); } [data-rk] .ju367vbf { background: var(--rk-colors-modalTextDim); } [data-rk] .ju367vbg:hover { background: var(--rk-colors-modalTextDim); } [data-rk] .ju367vbh:active { background: var(--rk-colors-modalTextDim); } [data-rk] .ju367vbi { background: var(--rk-colors-modalTextSecondary); } [data-rk] .ju367vbj:hover { background: var(--rk-colors-modalTextSecondary); } [data-rk] .ju367vbk:active { background: var(--rk-colors-modalTextSecondary); } [data-rk] .ju367vbl { background: var(--rk-colors-profileAction); } [data-rk] .ju367vbm:hover { background: var(--rk-colors-profileAction); } [data-rk] .ju367vbn:active { background: var(--rk-colors-profileAction); } [data-rk] .ju367vbo { background: var(--rk-colors-profileActionHover); } [data-rk] .ju367vbp:hover { background: var(--rk-colors-profileActionHover); } [data-rk] .ju367vbq:active { background: var(--rk-colors-profileActionHover); } [data-rk] .ju367vbr { background: var(--rk-colors-profileForeground); } [data-rk] .ju367vbs:hover { background: var(--rk-colors-profileForeground); } [data-rk] .ju367vbt:active { background: var(--rk-colors-profileForeground); } [data-rk] .ju367vbu { background: var(--rk-colors-selectedOptionBorder); } [data-rk] .ju367vbv:hover { background: var(--rk-colors-selectedOptionBorder); } [data-rk] .ju367vbw:active { background: var(--rk-colors-selectedOptionBorder); } [data-rk] .ju367vbx { background: var(--rk-colors-standby); } [data-rk] .ju367vby:hover { background: var(--rk-colors-standby); } [data-rk] .ju367vbz:active { background: var(--rk-colors-standby); } [data-rk] .ju367vc0 { border-color: var(--rk-colors-accentColor); } [data-rk] .ju367vc1:hover { border-color: var(--rk-colors-accentColor); } [data-rk] .ju367vc2:active { border-color: var(--rk-colors-accentColor); } [data-rk] .ju367vc3 { border-color: var(--rk-colors-accentColorForeground); } [data-rk] .ju367vc4:hover { border-color: var(--rk-colors-accentColorForeground); } [data-rk] .ju367vc5:active { border-color: var(--rk-colors-accentColorForeground); } [data-rk] .ju367vc6 { border-color: var(--rk-colors-actionButtonBorder); } [data-rk] .ju367vc7:hover { border-color: var(--rk-colors-actionButtonBorder); } [data-rk] .ju367vc8:active { border-color: var(--rk-colors-actionButtonBorder); } [data-rk] .ju367vc9 { border-color: var(--rk-colors-actionButtonBorderMobile); } [data-rk] .ju367vca:hover { border-color: var(--rk-colors-actionButtonBorderMobile); } [data-rk] .ju367vcb:active { border-color: var(--rk-colors-actionButtonBorderMobile); } [data-rk] .ju367vcc { border-color: var(--rk-colors-actionButtonSecondaryBackground); } [data-rk] .ju367vcd:hover { border-color: var(--rk-colors-actionButtonSecondaryBackground); } [data-rk] .ju367vce:active { border-color: var(--rk-colors-actionButtonSecondaryBackground); } [data-rk] .ju367vcf { border-color: var(--rk-colors-closeButton); } [data-rk] .ju367vcg:hover { border-color: var(--rk-colors-closeButton); } [data-rk] .ju367vch:active { border-color: var(--rk-colors-closeButton); } [data-rk] .ju367vci { border-color: var(--rk-colors-closeButtonBackground); } [data-rk] .ju367vcj:hover { border-color: var(--rk-colors-closeButtonBackground); } [data-rk] .ju367vck:active { border-color: var(--rk-colors-closeButtonBackground); } [data-rk] .ju367vcl { border-color: var(--rk-colors-connectButtonBackground); } [data-rk] .ju367vcm:hover { border-color: var(--rk-colors-connectButtonBackground); } [data-rk] .ju367vcn:active { border-color: var(--rk-colors-connectButtonBackground); } [data-rk] .ju367vco { border-color: var(--rk-colors-connectButtonBackgroundError); } [data-rk] .ju367vcp:hover { border-color: var(--rk-colors-connectButtonBackgroundError); } [data-rk] .ju367vcq:active { border-color: var(--rk-colors-connectButtonBackgroundError); } [data-rk] .ju367vcr { border-color: var(--rk-colors-connectButtonInnerBackground); } [data-rk] .ju367vcs:hover { border-color: var(--rk-colors-connectButtonInnerBackground); } [data-rk] .ju367vct:active { border-color: var(--rk-colors-connectButtonInnerBackground); } [data-rk] .ju367vcu { border-color: var(--rk-colors-connectButtonText); } [data-rk] .ju367vcv:hover { border-color: var(--rk-colors-connectButtonText); } [data-rk] .ju367vcw:active { border-color: var(--rk-colors-connectButtonText); } [data-rk] .ju367vcx { border-color: var(--rk-colors-connectButtonTextError); } [data-rk] .ju367vcy:hover { border-color: var(--rk-colors-connectButtonTextError); } [data-rk] .ju367vcz:active { border-color: var(--rk-colors-connectButtonTextError); } [data-rk] .ju367vd0 { border-color: var(--rk-colors-connectionIndicator); } [data-rk] .ju367vd1:hover { border-color: var(--rk-colors-connectionIndicator); } [data-rk] .ju367vd2:active { border-color: var(--rk-colors-connectionIndicator); } [data-rk] .ju367vd3 { border-color: var(--rk-colors-downloadBottomCardBackground); } [data-rk] .ju367vd4:hover { border-color: var(--rk-colors-downloadBottomCardBackground); } [data-rk] .ju367vd5:active { border-color: var(--rk-colors-downloadBottomCardBackground); } [data-rk] .ju367vd6 { border-color: var(--rk-colors-downloadTopCardBackground); } [data-rk] .ju367vd7:hover { border-color: var(--rk-colors-downloadTopCardBackground); } [data-rk] .ju367vd8:active { border-color: var(--rk-colors-downloadTopCardBackground); } [data-rk] .ju367vd9 { border-color: var(--rk-colors-error); } [data-rk] .ju367vda:hover { border-color: var(--rk-colors-error); } [data-rk] .ju367vdb:active { border-color: var(--rk-colors-error); } [data-rk] .ju367vdc { border-color: var(--rk-colors-generalBorder); } [data-rk] .ju367vdd:hover { border-color: var(--rk-colors-generalBorder); } [data-rk] .ju367vde:active { border-color: var(--rk-colors-generalBorder); } [data-rk] .ju367vdf { border-color: var(--rk-colors-generalBorderDim); } [data-rk] .ju367vdg:hover { border-color: var(--rk-colors-generalBorderDim); } [data-rk] .ju367vdh:active { border-color: var(--rk-colors-generalBorderDim); } [data-rk] .ju367vdi { border-color: var(--rk-colors-menuItemBackground); } [data-rk] .ju367vdj:hover { border-color: var(--rk-colors-menuItemBackground); } [data-rk] .ju367vdk:active { border-color: var(--rk-colors-menuItemBackground); } [data-rk] .ju367vdl { border-color: var(--rk-colors-modalBackdrop); } [data-rk] .ju367vdm:hover { border-color: var(--rk-colors-modalBackdrop); } [data-rk] .ju367vdn:active { border-color: var(--rk-colors-modalBackdrop); } [data-rk] .ju367vdo { border-color: var(--rk-colors-modalBackground); } [data-rk] .ju367vdp:hover { border-color: var(--rk-colors-modalBackground); } [data-rk] .ju367vdq:active { border-color: var(--rk-colors-modalBackground); } [data-rk] .ju367vdr { border-color: var(--rk-colors-modalBorder); } [data-rk] .ju367vds:hover { border-color: var(--rk-colors-modalBorder); } [data-rk] .ju367vdt:active { border-color: var(--rk-colors-modalBorder); } [data-rk] .ju367vdu { border-color: var(--rk-colors-modalText); } [data-rk] .ju367vdv:hover { border-color: var(--rk-colors-modalText); } [data-rk] .ju367vdw:active { border-color: var(--rk-colors-modalText); } [data-rk] .ju367vdx { border-color: var(--rk-colors-modalTextDim); } [data-rk] .ju367vdy:hover { border-color: var(--rk-colors-modalTextDim); } [data-rk] .ju367vdz:active { border-color: var(--rk-colors-modalTextDim); } [data-rk] .ju367ve0 { border-color: var(--rk-colors-modalTextSecondary); } [data-rk] .ju367ve1:hover { border-color: var(--rk-colors-modalTextSecondary); } [data-rk] .ju367ve2:active { border-color: var(--rk-colors-modalTextSecondary); } [data-rk] .ju367ve3 { border-color: var(--rk-colors-profileAction); } [data-rk] .ju367ve4:hover { border-color: var(--rk-colors-profileAction); } [data-rk] .ju367ve5:active { border-color: var(--rk-colors-profileAction); } [data-rk] .ju367ve6 { border-color: var(--rk-colors-profileActionHover); } [data-rk] .ju367ve7:hover { border-color: var(--rk-colors-profileActionHover); } [data-rk] .ju367ve8:active { border-color: var(--rk-colors-profileActionHover); } [data-rk] .ju367ve9 { border-color: var(--rk-colors-profileForeground); } [data-rk] .ju367vea:hover { border-color: var(--rk-colors-profileForeground); } [data-rk] .ju367veb:active { border-color: var(--rk-colors-profileForeground); } [data-rk] .ju367vec { border-color: var(--rk-colors-selectedOptionBorder); } [data-rk] .ju367ved:hover { border-color: var(--rk-colors-selectedOptionBorder); } [data-rk] .ju367vee:active { border-color: var(--rk-colors-selectedOptionBorder); } [data-rk] .ju367vef { border-color: var(--rk-colors-standby); } [data-rk] .ju367veg:hover { border-color: var(--rk-colors-standby); } [data-rk] .ju367veh:active { border-color: var(--rk-colors-standby); } [data-rk] .ju367vei { box-shadow: var(--rk-shadows-connectButton); } [data-rk] .ju367vej:hover { box-shadow: var(--rk-shadows-connectButton); } [data-rk] .ju367vek:active { box-shadow: var(--rk-shadows-connectButton); } [data-rk] .ju367vel { box-shadow: var(--rk-shadows-dialog); } [data-rk] .ju367vem:hover { box-shadow: var(--rk-shadows-dialog); } [data-rk] .ju367ven:active { box-shadow: var(--rk-shadows-dialog); } [data-rk] .ju367veo { box-shadow: var(--rk-shadows-profileDetailsAction); } [data-rk] .ju367vep:hover { box-shadow: var(--rk-shadows-profileDetailsAction); } [data-rk] .ju367veq:active { box-shadow: var(--rk-shadows-profileDetailsAction); } [data-rk] .ju367ver { box-shadow: var(--rk-shadows-selectedOption); } [data-rk] .ju367ves:hover { box-shadow: var(--rk-shadows-selectedOption); } [data-rk] .ju367vet:active { box-shadow: var(--rk-shadows-selectedOption); } [data-rk] .ju367veu { box-shadow: var(--rk-shadows-selectedWallet); } [data-rk] .ju367vev:hover { box-shadow: var(--rk-shadows-selectedWallet); } [data-rk] .ju367vew:active { box-shadow: var(--rk-shadows-selectedWallet); } [data-rk] .ju367vex { box-shadow: var(--rk-shadows-walletLogo); } [data-rk] .ju367vey:hover { box-shadow: var(--rk-shadows-walletLogo); } [data-rk] .ju367vez:active { box-shadow: var(--rk-shadows-walletLogo); } [data-rk] .ju367vf0 { color: var(--rk-colors-accentColor); } [data-rk] .ju367vf1:hover { color: var(--rk-colors-accentColor); } [data-rk] .ju367vf2:active { color: var(--rk-colors-accentColor); } [data-rk] .ju367vf3 { color: var(--rk-colors-accentColorForeground); } [data-rk] .ju367vf4:hover { color: var(--rk-colors-accentColorForeground); } [data-rk] .ju367vf5:active { color: var(--rk-colors-accentColorForeground); } [data-rk] .ju367vf6 { color: var(--rk-colors-actionButtonBorder); } [data-rk] .ju367vf7:hover { color: var(--rk-colors-actionButtonBorder); } [data-rk] .ju367vf8:active { color: var(--rk-colors-actionButtonBorder); } [data-rk] .ju367vf9 { color: var(--rk-colors-actionButtonBorderMobile); } [data-rk] .ju367vfa:hover { color: var(--rk-colors-actionButtonBorderMobile); } [data-rk] .ju367vfb:active { color: var(--rk-colors-actionButtonBorderMobile); } [data-rk] .ju367vfc { color: var(--rk-colors-actionButtonSecondaryBackground); } [data-rk] .ju367vfd:hover { color: var(--rk-colors-actionButtonSecondaryBackground); } [data-rk] .ju367vfe:active { color: var(--rk-colors-actionButtonSecondaryBackground); } [data-rk] .ju367vff { color: var(--rk-colors-closeButton); } [data-rk] .ju367vfg:hover { color: var(--rk-colors-closeButton); } [data-rk] .ju367vfh:active { color: var(--rk-colors-closeButton); } [data-rk] .ju367vfi { color: var(--rk-colors-closeButtonBackground); } [data-rk] .ju367vfj:hover { color: var(--rk-colors-closeButtonBackground); } [data-rk] .ju367vfk:active { color: var(--rk-colors-closeButtonBackground); } [data-rk] .ju367vfl { color: var(--rk-colors-connectButtonBackground); } [data-rk] .ju367vfm:hover { color: var(--rk-colors-connectButtonBackground); } [data-rk] .ju367vfn:active { color: var(--rk-colors-connectButtonBackground); } [data-rk] .ju367vfo { color: var(--rk-colors-connectButtonBackgroundError); } [data-rk] .ju367vfp:hover { color: var(--rk-colors-connectButtonBackgroundError); } [data-rk] .ju367vfq:active { color: var(--rk-colors-connectButtonBackgroundError); } [data-rk] .ju367vfr { color: var(--rk-colors-connectButtonInnerBackground); } [data-rk] .ju367vfs:hover { color: var(--rk-colors-connectButtonInnerBackground); } [data-rk] .ju367vft:active { color: var(--rk-colors-connectButtonInnerBackground); } [data-rk] .ju367vfu { color: var(--rk-colors-connectButtonText); } [data-rk] .ju367vfv:hover { color: var(--rk-colors-connectButtonText); } [data-rk] .ju367vfw:active { color: var(--rk-colors-connectButtonText); } [data-rk] .ju367vfx { color: var(--rk-colors-connectButtonTextError); } [data-rk] .ju367vfy:hover { color: var(--rk-colors-connectButtonTextError); } [data-rk] .ju367vfz:active { color: var(--rk-colors-connectButtonTextError); } [data-rk] .ju367vg0 { color: var(--rk-colors-connectionIndicator); } [data-rk] .ju367vg1:hover { color: var(--rk-colors-connectionIndicator); } [data-rk] .ju367vg2:active { color: var(--rk-colors-connectionIndicator); } [data-rk] .ju367vg3 { color: var(--rk-colors-downloadBottomCardBackground); } [data-rk] .ju367vg4:hover { color: var(--rk-colors-downloadBottomCardBackground); } [data-rk] .ju367vg5:active { color: var(--rk-colors-downloadBottomCardBackground); } [data-rk] .ju367vg6 { color: var(--rk-colors-downloadTopCardBackground); } [data-rk] .ju367vg7:hover { color: var(--rk-colors-downloadTopCardBackground); } [data-rk] .ju367vg8:active { color: var(--rk-colors-downloadTopCardBackground); } [data-rk] .ju367vg9 { color: var(--rk-colors-error); } [data-rk] .ju367vga:hover { color: var(--rk-colors-error); } [data-rk] .ju367vgb:active { color: var(--rk-colors-error); } [data-rk] .ju367vgc { color: var(--rk-colors-generalBorder); } [data-rk] .ju367vgd:hover { color: var(--rk-colors-generalBorder); } [data-rk] .ju367vge:active { color: var(--rk-colors-generalBorder); } [data-rk] .ju367vgf { color: var(--rk-colors-generalBorderDim); } [data-rk] .ju367vgg:hover { color: var(--rk-colors-generalBorderDim); } [data-rk] .ju367vgh:active { color: var(--rk-colors-generalBorderDim); } [data-rk] .ju367vgi { color: var(--rk-colors-menuItemBackground); } [data-rk] .ju367vgj:hover { color: var(--rk-colors-menuItemBackground); } [data-rk] .ju367vgk:active { color: var(--rk-colors-menuItemBackground); } [data-rk] .ju367vgl { color: var(--rk-colors-modalBackdrop); } [data-rk] .ju367vgm:hover { color: var(--rk-colors-modalBackdrop); } [data-rk] .ju367vgn:active { color: var(--rk-colors-modalBackdrop); } [data-rk] .ju367vgo { color: var(--rk-colors-modalBackground); } [data-rk] .ju367vgp:hover { color: var(--rk-colors-modalBackground); } [data-rk] .ju367vgq:active { color: var(--rk-colors-modalBackground); } [data-rk] .ju367vgr { color: var(--rk-colors-modalBorder); } [data-rk] .ju367vgs:hover { color: var(--rk-colors-modalBorder); } [data-rk] .ju367vgt:active { color: var(--rk-colors-modalBorder); } [data-rk] .ju367vgu { color: var(--rk-colors-modalText); } [data-rk] .ju367vgv:hover { color: var(--rk-colors-modalText); } [data-rk] .ju367vgw:active { color: var(--rk-colors-modalText); } [data-rk] .ju367vgx { color: var(--rk-colors-modalTextDim); } [data-rk] .ju367vgy:hover { color: var(--rk-colors-modalTextDim); } [data-rk] .ju367vgz:active { color: var(--rk-colors-modalTextDim); } [data-rk] .ju367vh0 { color: var(--rk-colors-modalTextSecondary); } [data-rk] .ju367vh1:hover { color: var(--rk-colors-modalTextSecondary); } [data-rk] .ju367vh2:active { color: var(--rk-colors-modalTextSecondary); } [data-rk] .ju367vh3 { color: var(--rk-colors-profileAction); } [data-rk] .ju367vh4:hover { color: var(--rk-colors-profileAction); } [data-rk] .ju367vh5:active { color: var(--rk-colors-profileAction); } [data-rk] .ju367vh6 { color: var(--rk-colors-profileActionHover); } [data-rk] .ju367vh7:hover { color: var(--rk-colors-profileActionHover); } [data-rk] .ju367vh8:active { color: var(--rk-colors-profileActionHover); } [data-rk] .ju367vh9 { color: var(--rk-colors-profileForeground); } [data-rk] .ju367vha:hover { color: var(--rk-colors-profileForeground); } [data-rk] .ju367vhb:active { color: var(--rk-colors-profileForeground); } [data-rk] .ju367vhc { color: var(--rk-colors-selectedOptionBorder); } [data-rk] .ju367vhd:hover { color: var(--rk-colors-selectedOptionBorder); } [data-rk] .ju367vhe:active { color: var(--rk-colors-selectedOptionBorder); } [data-rk] .ju367vhf { color: var(--rk-colors-standby); } [data-rk] .ju367vhg:hover { color: var(--rk-colors-standby); } [data-rk] .ju367vhh:active { color: var(--rk-colors-standby); } @media screen and (min-width: 768px) { [data-rk] .ju367v1 { align-items: flex-start; } [data-rk] .ju367v3 { align-items: flex-end; } [data-rk] .ju367v5 { align-items: center; } [data-rk] .ju367v7 { display: none; } [data-rk] .ju367v9 { display: block; } [data-rk] .ju367vb { display: flex; } [data-rk] .ju367vd { display: inline; } } /* vanilla-extract-css-ns:src/css/touchableStyles.css.ts.vanilla.css?source=Ll8xMmNibzhpMywuXzEyY2JvOGkzOjphZnRlciB7CiAgLS1fMTJjYm84aTA6IDE7CiAgLS1fMTJjYm84aTE6IDE7Cn0KLl8xMmNibzhpMzpob3ZlciB7CiAgdHJhbnNmb3JtOiBzY2FsZSh2YXIoLS1fMTJjYm84aTApKTsKfQouXzEyY2JvOGkzOmFjdGl2ZSB7CiAgdHJhbnNmb3JtOiBzY2FsZSh2YXIoLS1fMTJjYm84aTEpKTsKfQouXzEyY2JvOGkzOmFjdGl2ZTo6YWZ0ZXIgewogIGNvbnRlbnQ6ICIiOwogIGJvdHRvbTogLTFweDsKICBkaXNwbGF5OiBibG9jazsKICBsZWZ0OiAtMXB4OwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICByaWdodDogLTFweDsKICB0b3A6IC0xcHg7CiAgdHJhbnNmb3JtOiBzY2FsZShjYWxjKCgxIC8gdmFyKC0tXzEyY2JvOGkxKSkgKiB2YXIoLS1fMTJjYm84aTApKSk7Cn0KLl8xMmNibzhpNCwuXzEyY2JvOGk0OjphZnRlciB7CiAgLS1fMTJjYm84aTA6IDEuMDI1Owp9Ci5fMTJjYm84aTUsLl8xMmNibzhpNTo6YWZ0ZXIgewogIC0tXzEyY2JvOGkwOiAxLjE7Cn0KLl8xMmNibzhpNiwuXzEyY2JvOGk2OjphZnRlciB7CiAgLS1fMTJjYm84aTE6IDAuOTU7Cn0KLl8xMmNibzhpNywuXzEyY2JvOGk3OjphZnRlciB7CiAgLS1fMTJjYm84aTE6IDAuOTsKfQ== */ [data-rk] ._12cbo8i3, [data-rk] ._12cbo8i3::after { --_12cbo8i0: 1; --_12cbo8i1: 1; } [data-rk] ._12cbo8i3:hover { transform: scale(var(--_12cbo8i0)); } [data-rk] ._12cbo8i3:active { transform: scale(var(--_12cbo8i1)); } [data-rk] ._12cbo8i3:active::after { content: ""; bottom: -1px; display: block; left: -1px; position: absolute; right: -1px; top: -1px; transform: scale(calc((1 / var(--_12cbo8i1)) * var(--_12cbo8i0))); } [data-rk] ._12cbo8i4, [data-rk] ._12cbo8i4::after { --_12cbo8i0: 1.025; } [data-rk] ._12cbo8i5, [data-rk] ._12cbo8i5::after { --_12cbo8i0: 1.1; } [data-rk] ._12cbo8i6, [data-rk] ._12cbo8i6::after { --_12cbo8i1: 0.95; } [data-rk] ._12cbo8i7, [data-rk] ._12cbo8i7::after { --_12cbo8i1: 0.9; } /* vanilla-extract-css-ns:src/components/Icons/Icons.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMWx1dWxlNDEgewogIDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9Ci5fMWx1dWxlNDIgewogIGFuaW1hdGlvbjogXzFsdXVsZTQxIDNzIGluZmluaXRlIGxpbmVhcjsKfQouXzFsdXVsZTQzIHsKICBiYWNrZ3JvdW5kOiBjb25pYy1ncmFkaWVudChmcm9tIDE4MGRlZyBhdCA1MCUgNTAlLCByZ2JhKDcyLCAxNDYsIDI1NCwgMCkgMGRlZywgY3VycmVudENvbG9yIDI4Mi4wNGRlZywgcmdiYSg3MiwgMTQ2LCAyNTQsIDApIDMxOS44NmRlZywgcmdiYSg3MiwgMTQ2LCAyNTQsIDApIDM2MGRlZyk7CiAgaGVpZ2h0OiAyMXB4OwogIHdpZHRoOiAyMXB4Owp9 */ @keyframes _1luule41 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } [data-rk] ._1luule42 { animation: _1luule41 3s infinite linear; } [data-rk] ._1luule43 { background: conic-gradient( from 180deg at 50% 50%, rgba(72, 146, 254, 0) 0deg, currentColor 282.04deg, rgba(72, 146, 254, 0) 319.86deg, rgba(72, 146, 254, 0) 360deg); height: 21px; width: 21px; } /* vanilla-extract-css-ns:src/components/Dialog/Dialog.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfOXBtNGtpMCB7CiAgMCUgewogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMCUpOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsKICB9Cn0KQGtleWZyYW1lcyBfOXBtNGtpMSB7CiAgMCUgewogICAgb3BhY2l0eTogMDsKICB9CiAgMTAwJSB7CiAgICBvcGFjaXR5OiAxOwogIH0KfQouXzlwbTRraTMgewogIGFuaW1hdGlvbjogXzlwbTRraTEgMTUwbXMgZWFzZTsKICBib3R0b206IC0yMDBweDsKICBsZWZ0OiAtMjAwcHg7CiAgcGFkZGluZzogMjAwcHg7CiAgcmlnaHQ6IC0yMDBweDsKICB0b3A6IC0yMDBweDsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7CiAgei1pbmRleDogMjE0NzQ4MzY0NjsKfQouXzlwbTRraTUgewogIGFuaW1hdGlvbjogXzlwbTRraTAgMzUwbXMgY3ViaWMtYmV6aWVyKC4xNSwxLjE1LDAuNiwxLjAwKSwgXzlwbTRraTEgMTUwbXMgZWFzZTsKICBtYXgtd2lkdGg6IDEwMHZ3Owp9 */ @keyframes _9pm4ki0 { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @keyframes _9pm4ki1 { 0% { opacity: 0; } 100% { opacity: 1; } } [data-rk] ._9pm4ki3 { animation: _9pm4ki1 150ms ease; bottom: -200px; left: -200px; padding: 200px; right: -200px; top: -200px; transform: translateZ(0); z-index: 2147483646; } [data-rk] ._9pm4ki5 { animation: _9pm4ki0 350ms cubic-bezier(.15, 1.15, 0.6, 1.00), _9pm4ki1 150ms ease; max-width: 100vw; } /* vanilla-extract-css-ns:src/components/Dialog/DialogContent.css.ts.vanilla.css?source=Ll8xY2tqcG9rMSB7CiAgYm94LXNpemluZzogY29udGVudC1ib3g7CiAgbWF4LXdpZHRoOiAxMDB2dzsKICB3aWR0aDogMzYwcHg7Cn0KLl8xY2tqcG9rMiB7CiAgd2lkdGg6IDEwMHZ3Owp9Ci5fMWNranBvazMgewogIG1pbi13aWR0aDogNzIwcHg7CiAgd2lkdGg6IDcyMHB4Owp9Ci5fMWNranBvazQgewogIG1pbi13aWR0aDogMzY4cHg7CiAgd2lkdGg6IDM2OHB4Owp9Ci5fMWNranBvazYgewogIGJvcmRlci13aWR0aDogMHB4OwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgd2lkdGg6IDEwMHZ3Owp9CkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OHB4KSB7CiAgLl8xY2tqcG9rMSB7CiAgICB3aWR0aDogMzYwcHg7CiAgfQogIC5fMWNranBvazIgewogICAgd2lkdGg6IDQ4MHB4OwogIH0KICAuXzFja2pwb2s0IHsKICAgIG1pbi13aWR0aDogMzY4cHg7CiAgICB3aWR0aDogMzY4cHg7CiAgfQp9CkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7CiAgLl8xY2tqcG9rNyB7CiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwOwogICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7CiAgICBtYXJnaW4tdG9wOiAtMjAwcHg7CiAgICBwYWRkaW5nLWJvdHRvbTogMjAwcHg7CiAgICB0b3A6IDIwMHB4OwogIH0KfQ== */ [data-rk] ._1ckjpok1 { box-sizing: content-box; max-width: 100vw; width: 360px; } [data-rk] ._1ckjpok2 { width: 100vw; } [data-rk] ._1ckjpok3 { min-width: 720px; width: 720px; } [data-rk] ._1ckjpok4 { min-width: 368px; width: 368px; } [data-rk] ._1ckjpok6 { border-width: 0px; box-sizing: border-box; width: 100vw; } @media screen and (min-width: 768px) { [data-rk] ._1ckjpok1 { width: 360px; } [data-rk] ._1ckjpok2 { width: 480px; } [data-rk] ._1ckjpok4 { min-width: 368px; width: 368px; } } @media screen and (max-width: 767px) { [data-rk] ._1ckjpok7 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-top: -200px; padding-bottom: 200px; top: 200px; } } /* vanilla-extract-css-ns:src/components/MenuButton/MenuButton.css.ts.vanilla.css?source=LnY5aG9yYjA6aG92ZXIgewogIGJhY2tncm91bmQ6IHVuc2V0Owp9 */ [data-rk] .v9horb0:hover { background: unset; } /* vanilla-extract-css-ns:src/components/ChainModal/ChainModal.css.ts.vanilla.css?source=Ll8xOGRxdzl4MCB7CiAgbWF4LWhlaWdodDogNDU2cHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47Cn0KLl8xOGRxdzl4MSB7CiAgbWF4LWhlaWdodDogNDU2cHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47CiAgc2Nyb2xsYmFyLXdpZHRoOiBub25lOwp9Ci5fMThkcXc5eDE6Oi13ZWJraXQtc2Nyb2xsYmFyIHsKICBkaXNwbGF5OiBub25lOwp9 */ [data-rk] ._18dqw9x0 { max-height: 456px; overflow-y: auto; overflow-x: hidden; } [data-rk] ._18dqw9x1 { max-height: 456px; overflow-y: auto; overflow-x: hidden; scrollbar-width: none; } [data-rk] ._18dqw9x1::-webkit-scrollbar { display: none; } /* vanilla-extract-css-ns:src/components/ModalSelection/ModalSelection.css.ts.vanilla.css?source=Lmc1a2wwbDAgewogIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0= */ [data-rk] .g5kl0l0 { border-color: transparent; } /* vanilla-extract-css-ns:src/components/ConnectOptions/DesktopOptions.css.ts.vanilla.css?source=Ll8xdnd0MGNnMCB7CiAgYmFja2dyb3VuZDogd2hpdGU7CiAgY29sb3I6IGJsYWNrOwp9Ci5fMXZ3dDBjZzIgewogIG1heC1oZWlnaHQ6IDQ1NHB4OwogIG92ZXJmbG93LXk6IGF1dG87Cn0KLl8xdnd0MGNnMyB7CiAgbWluLXdpZHRoOiAyODdweDsKfQouXzF2d3QwY2c0IHsKICBtaW4td2lkdGg6IDEwMCU7Cn0= */ [data-rk] ._1vwt0cg0 { background: white; color: black; } [data-rk] ._1vwt0cg2 { max-height: 454px; overflow-y: auto; } [data-rk] ._1vwt0cg3 { min-width: 287px; } [data-rk] ._1vwt0cg4 { min-width: 100%; } /* vanilla-extract-css-ns:src/components/ConnectOptions/MobileOptions.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMWFtMTQ0MTEgewogIDAlIHsKICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogIH0KICAxMDAlIHsKICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAtMjgzOwogIH0KfQouXzFhbTE0NDEwIHsKICBvdmVyZmxvdzogYXV0bzsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApOwp9Ci5fMWFtMTQ0MTA6Oi13ZWJraXQtc2Nyb2xsYmFyIHsKICBkaXNwbGF5OiBub25lOwp9Ci5fMWFtMTQ0MTIgewogIGFuaW1hdGlvbjogXzFhbTE0NDExIDFzIGxpbmVhciBpbmZpbml0ZTsKICBzdHJva2UtZGFzaGFycmF5OiA5OCAxOTY7CiAgZmlsbDogbm9uZTsKICBzdHJva2UtbGluZWNhcDogcm91bmQ7CiAgc3Ryb2tlLXdpZHRoOiA0Owp9Ci5fMWFtMTQ0MTMgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKfQ== */ @keyframes _1am14411 { 0% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -283; } } [data-rk] ._1am14410 { overflow: auto; scrollbar-width: none; transform: translateZ(0); } [data-rk] ._1am14410::-webkit-scrollbar { display: none; } [data-rk] ._1am14412 { animation: _1am14411 1s linear infinite; stroke-dasharray: 98 196; fill: none; stroke-linecap: round; stroke-width: 4; } [data-rk] ._1am14413 { position: absolute; } /* vanilla-extract-css-ns:src/components/WalletButton/WalletButton.css.ts.vanilla.css?source=Ll8xeTJsbmZpMCB7CiAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgxNiwgMjEsIDMxLCAwLjA2KTsKfQouXzF5MmxuZmkxIHsKICBtYXgtd2lkdGg6IGZpdC1jb250ZW50Owp9 */ [data-rk] ._1y2lnfi0 { border: 1px solid rgba(16, 21, 31, 0.06); } [data-rk] ._1y2lnfi1 { max-width: -moz-fit-content; max-width: fit-content; }

Connect Wallet to View Points