@layer properties {
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
*,
:before,
:after,
::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-scroll-snap-strictness: proximity;
--tw-space-y-reverse: 0;
--tw-space-x-reverse: 0;
--tw-divide-y-reverse: 0;
--tw-border-style: solid;
--tw-gradient-position: initial;
--tw-gradient-from: #0000;
--tw-gradient-via: #0000;
--tw-gradient-to: #0000;
--tw-gradient-stops: initial;
--tw-gradient-via-stops: initial;
--tw-gradient-from-position: 0%;
--tw-gradient-via-position: 50%;
--tw-gradient-to-position: 100%;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-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-content: "";
--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;
}
}
}
@layer theme {
:root,
:host {
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace;
--color-red-200: #ffcaca;
--color-red-300: #ffa3a3;
--color-red-400: #ff6568;
--color-red-500: #fb2c36;
--color-red-600: #e40014;
--color-orange-100: #ffedd5;
--color-orange-300: #ffb96d;
--color-orange-400: #ff8b1a;
--color-orange-500: #fe6e00;
--color-amber-100: #fef3c6;
--color-amber-200: #fee685;
--color-amber-300: #ffd236;
--color-amber-400: #fcbb00;
--color-amber-500: #f99c00;
--color-amber-600: #dd7400;
--color-yellow-300: #ffe02a;
--color-yellow-400: #fac800;
--color-yellow-500: #edb200;
--color-lime-400: #9de500;
--color-lime-500: #80cd00;
--color-green-400: #05df72;
--color-green-500: #00c758;
--color-emerald-100: #d0fae5;
--color-emerald-200: #a4f4cf;
--color-emerald-300: #5ee9b5;
--color-emerald-400: #00d294;
--color-emerald-500: #00bb7f;
--color-emerald-600: #009767;
--color-teal-400: #00d3bd;
--color-teal-500: #00baa7;
--color-teal-600: #009588;
--color-cyan-100: #cefafe;
--color-cyan-200: #a2f4fd;
--color-cyan-300: #53eafd;
--color-cyan-400: #00d2ef;
--color-cyan-500: #00b7d7;
--color-sky-200: #b8e6fe;
--color-sky-300: #77d4ff;
--color-sky-400: #00bcfe;
--color-sky-500: #00a5ef;
--color-sky-600: #0084cc;
--color-blue-400: #54a2ff;
--color-blue-500: #3080ff;
--color-blue-600: #155dfc;
--color-blue-800: #193cb8;
--color-indigo-400: #7d87ff;
--color-violet-200: #ddd6ff;
--color-violet-400: #a685ff;
--color-violet-500: #8d54ff;
--color-fuchsia-100: #fae8ff;
--color-fuchsia-200: #f6cfff;
--color-fuchsia-300: #f2a9ff;
--color-fuchsia-400: #ec6cff;
--color-fuchsia-500: #e12afb;
--color-pink-300: #fda5d5;
--color-pink-400: #fb64b6;
--color-pink-600: #e30076;
--color-rose-200: #ffccd3;
--color-rose-300: #ffa2ae;
--color-rose-400: #ff667f;
--color-rose-500: #ff2357;
--color-rose-600: #e70044;
--color-slate-300: #cad5e2;
--color-slate-400: #90a1b9;
--color-zinc-300: #d4d4d8;
--color-zinc-400: #9f9fa9;
--color-zinc-500: #71717b;
--color-neutral-500: #737373;
--color-stone-400: #a6a09b;
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-4xl: 56rem;
--container-5xl: 64rem;
--container-6xl: 72rem;
--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: 1.5;
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: 1.2;
--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;
--text-7xl: 4.5rem;
--text-7xl--line-height: 1;
--text-8xl: 6rem;
--text-8xl--line-height: 1;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--font-weight-black: 900;
--tracking-tight: -0.025em;
--tracking-normal: 0em;
--tracking-wide: 0.025em;
--tracking-wider: 0.05em;
--tracking-widest: 0.1em;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-relaxed: 1.625;
--shadow-xs: 0 2px 6px -2px #00000059;
--shadow-md: 0 8px 20px -8px #00000080;
--shadow-lg: 0 16px 40px -12px #0000008c, 0 0 0 1px #ccff0014;
--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-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) 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;
--aspect-video: 16 / 9;
--default-transition-duration: 0.15s;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
--default-mono-font-family: var(--font-mono);
--radius: 12px;
--color-border: var(--border);
--color-iris: #cf0;
--font-display: "Archivo", "Space Grotesk", ui-sans-serif, system-ui,
sans-serif;
--font-tech: "Chakra Petch", "Saira", "Orbitron", "Space Grotesk",
sans-serif;
}
@supports (color: lab(0% 0 0)) {
:root,
:host {
--color-red-200: lab(86.017% 19.8815 7.75869);
--color-red-300: lab(76.5514% 36.422 15.5335);
--color-red-400: lab(63.7053% 60.745 31.3109);
--color-red-500: lab(55.4814% 75.0732 48.8528);
--color-red-600: lab(48.4493% 77.4328 61.5452);
--color-orange-100: lab(94.7127% 3.58394 14.3151);
--color-orange-300: lab(80.8059% 21.7313 50.4455);
--color-orange-400: lab(70.0429% 42.5156 75.8207);
--color-orange-500: lab(64.272% 57.1788 90.3583);
--color-amber-100: lab(95.916% -1.21653 23.111);
--color-amber-200: lab(91.7203% -0.505269 49.9084);
--color-amber-300: lab(86.4156% 6.13147 78.3961);
--color-amber-400: lab(80.1641% 16.6016 99.2089);
--color-amber-500: lab(72.7183% 31.8672 97.9407);
--color-amber-600: lab(60.3514% 40.5624 87.1228);
--color-yellow-300: lab(89.7033% -0.480294 84.4917);
--color-yellow-400: lab(83.2664% 8.65132 106.895);
--color-yellow-500: lab(76.3898% 14.5258 98.4589);
--color-lime-400: lab(83.7876% -45.0447 88.4738);
--color-lime-500: lab(75.3197% -46.6547 86.1778);
--color-green-400: lab(78.503% -64.9265 39.7492);
--color-green-500: lab(70.5521% -66.5147 45.8073);
--color-emerald-100: lab(94.9004% -17.0769 5.63836);
--color-emerald-200: lab(90.2247% -31.039 9.47084);
--color-emerald-300: lab(83.9203% -48.7124 13.8849);
--color-emerald-400: lab(75.0771% -60.7313 19.4147);
--color-emerald-500: lab(66.9756% -58.27 19.5419);
--color-emerald-600: lab(55.0481% -49.9246 15.93);
--color-teal-400: lab(76.0109% -53.3483 -2.27906);
--color-teal-500: lab(67.3859% -49.0983 -2.63511);
--color-teal-600: lab(55.0223% -41.0774 -3.90277);
--color-cyan-100: lab(95.3146% -13.8285 -6.84732);
--color-cyan-200: lab(91.0821% -24.0435 -12.8306);
--color-cyan-300: lab(85.3886% -36.7636 -21.5716);
--color-cyan-400: lab(76.6045% -40.9406 -29.6231);
--color-cyan-500: lab(67.805% -35.3952 -30.2018);
--color-sky-200: lab(88.6983% -11.3978 -16.8488);
--color-sky-300: lab(80.3307% -20.2945 -31.385);
--color-sky-400: lab(70.687% -23.6078 -45.9483);
--color-sky-500: lab(63.3038% -18.433 -51.0407);
--color-sky-600: lab(51.7754% -11.4712 -49.8349);
--color-blue-400: lab(65.0361% -1.42065 -56.9802);
--color-blue-500: lab(54.1736% 13.3369 -74.6839);
--color-blue-600: lab(44.0605% 29.0279 -86.0352);
--color-blue-800: lab(30.2514% 27.7853 -70.2699);
--color-indigo-400: lab(59.866% 22.4834 -64.4485);
--color-violet-200: lab(87.0888% 8.53688 -19.4189);
--color-violet-400: lab(62.8239% 34.9159 -60.0512);
--color-violet-500: lab(49.9355% 55.1776 -81.8963);
--color-fuchsia-100: lab(93.9419% 9.57647 -9.08735);
--color-fuchsia-200: lab(87.7108% 19.9958 -18.2054);
--color-fuchsia-300: lab(78.5378% 39.3533 -32.9615);
--color-fuchsia-400: lab(66.1178% 66.0652 -52.4733);
--color-fuchsia-500: lab(56.4256% 83.132 -64.639);
--color-pink-300: lab(77.8308% 38.525 -10.5394);
--color-pink-400: lab(64.5597% 64.3615 -12.7988);
--color-pink-600: lab(49.5493% 79.8381 2.31768);
--color-rose-200: lab(86.806% 19.1909 4.07754);
--color-rose-300: lab(76.6339% 38.3549 9.68835);
--color-rose-400: lab(64.4125% 63.0291 19.2068);
--color-rose-500: lab(56.101% 79.4328 31.4532);
--color-rose-600: lab(49.1882% 81.577 36.0311);
--color-slate-300: lab(84.7652% -1.94535 -7.93337);
--color-slate-400: lab(65.5349% -2.25151 -14.5072);
--color-zinc-300: lab(84.9837% 0.601262 -2.17986);
--color-zinc-400: lab(65.6464% 1.53497 -5.42429);
--color-zinc-500: lab(47.8878% 1.65477 -5.77283);
--color-neutral-500: lab(48.496% 0 0);
--color-stone-400: lab(66.2166% 1.88044 3.20326);
}
}
}
@layer base {
*,
:after,
:before,
::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
::file-selector-button {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
html,
:host {
-webkit-text-size-adjust: 100%;
tab-size: 4;
line-height: 1.5;
font-family: var(
--default-font-family,
ui-sans-serif,
system-ui,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji"
);
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp,
pre {
font-family: var(
--default-mono-font-family,
ui-monospace,
SFMono-Regular,
Menlo,
Monaco,
Consolas,
"Liberation Mono",
"Courier New",
monospace
);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(
--default-mono-font-variation-settings,
normal
);
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -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 {
vertical-align: middle;
display: block;
}
img,
video {
max-width: 100%;
height: auto;
}
button,
input,
select,
optgroup,
textarea {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not ((-webkit-appearance: -apple-pay-button))) or
(contain-intrinsic-size: 1px) {
::placeholder {
color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit {
padding-block: 0;
}
::-webkit-datetime-edit-year-field {
padding-block: 0;
}
::-webkit-datetime-edit-month-field {
padding-block: 0;
}
::-webkit-datetime-edit-day-field {
padding-block: 0;
}
::-webkit-datetime-edit-hour-field {
padding-block: 0;
}
::-webkit-datetime-edit-minute-field {
padding-block: 0;
}
::-webkit-datetime-edit-second-field {
padding-block: 0;
}
::-webkit-datetime-edit-millisecond-field {
padding-block: 0;
}
::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button,
input:where([type="button"], [type="reset"], [type="submit"]) {
appearance: button;
}
::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button {
height: auto;
}
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
* {
border-color: var(--color-border);
}
html,
body {
color: #fff;
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: auto;
touch-action: pan-y;
background: #000;
width: 100%;
overflow-x: clip;
}
body {
font-family: var(--font-sans);
-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility;
overflow-x: clip;
}
.font-display {
font-family: var(--font-display);
letter-spacing: -0.02em;
}
.font-tech {
font-family: var(--font-tech);
letter-spacing: 0.02em;
}
.webapp-airy :where(.font-tech.uppercase) {
letter-spacing: 0.16em;
color: #e2e5ff8c;
font-weight: 600;
}
.webapp-airy :where(.font-display) {
letter-spacing: -0.005em;
color: #fff;
font-weight: 600;
}
.webapp-airy
:where(h1.font-display, h2.font-display, .font-display.text-xl, .font-display.text-2xl, .font-display.text-3xl, .font-display.text-4xl, .font-display.text-5xl) {
letter-spacing: -0.015em;
font-weight: 700;
}
.webapp-airy :where(.tabular-nums) {
color: #fff;
}
}
@layer components;
@layer utilities {
.\@container {
container-type: inline-size;
}
.pointer-events-auto {
pointer-events: auto;
}
.pointer-events-none {
pointer-events: none;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
.sr-only {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.-inset-0\.5 {
inset: calc(var(--spacing) * -0.5);
}
.-inset-3 {
inset: calc(var(--spacing) * -3);
}
.-inset-6 {
inset: calc(var(--spacing) * -6);
}
.-inset-10 {
inset: calc(var(--spacing) * -10);
}
.-inset-16 {
inset: calc(var(--spacing) * -16);
}
.-inset-\[6px\] {
inset: -6px;
}
.-inset-\[22\%\] {
inset: -22%;
}
.-inset-px {
inset: -1px;
}
.inset-0 {
inset: calc(var(--spacing) * 0);
}
.inset-x-0 {
inset-inline: calc(var(--spacing) * 0);
}
.inset-x-2 {
inset-inline: calc(var(--spacing) * 2);
}
.inset-x-12 {
inset-inline: calc(var(--spacing) * 12);
}
.inset-y-0 {
inset-block: calc(var(--spacing) * 0);
}
.start {
inset-inline-start: var(--spacing);
}
.end {
inset-inline-end: var(--spacing);
}
.-top-0\.5 {
top: calc(var(--spacing) * -0.5);
}
.-top-1 {
top: calc(var(--spacing) * -1);
}
.-top-1\.5 {
top: calc(var(--spacing) * -1.5);
}
.-top-4 {
top: calc(var(--spacing) * -4);
}
.-top-6 {
top: calc(var(--spacing) * -6);
}
.-top-8 {
top: calc(var(--spacing) * -8);
}
.-top-10 {
top: calc(var(--spacing) * -10);
}
.-top-12 {
top: calc(var(--spacing) * -12);
}
.-top-16 {
top: calc(var(--spacing) * -16);
}
.-top-20 {
top: calc(var(--spacing) * -20);
}
.-top-24 {
top: calc(var(--spacing) * -24);
}
.-top-40 {
top: calc(var(--spacing) * -40);
}
.-top-\[7px\] {
top: -7px;
}
.top-0 {
top: calc(var(--spacing) * 0);
}
.top-0\.5 {
top: calc(var(--spacing) * 0.5);
}
.top-1 {
top: calc(var(--spacing) * 1);
}
.top-1\.5 {
top: calc(var(--spacing) * 1.5);
}
.top-1\/2 {
top: 50%;
}
.top-1\/3 {
top: 33.3333%;
}
.top-2 {
top: calc(var(--spacing) * 2);
}
.top-2\.5 {
top: calc(var(--spacing) * 2.5);
}
.top-3 {
top: calc(var(--spacing) * 3);
}
.top-3\.5 {
top: calc(var(--spacing) * 3.5);
}
.top-4 {
top: calc(var(--spacing) * 4);
}
.top-6 {
top: calc(var(--spacing) * 6);
}
.top-10 {
top: calc(var(--spacing) * 10);
}
.top-11 {
top: calc(var(--spacing) * 11);
}
.top-12 {
top: calc(var(--spacing) * 12);
}
.top-14 {
top: calc(var(--spacing) * 14);
}
.top-20 {
top: calc(var(--spacing) * 20);
}
.top-28 {
top: calc(var(--spacing) * 28);
}
.top-\[1px\] {
top: 1px;
}
.top-\[9\%\] {
top: 9%;
}
.top-\[14\%\] {
top: 14%;
}
.top-\[46\%\] {
top: 46%;
}
.top-\[50\%\] {
top: 50%;
}
.top-\[58\%\] {
top: 58%;
}
.top-\[60\%\] {
top: 60%;
}
.top-\[62px\] {
top: 62px;
}
.top-\[64px\] {
top: 64px;
}
.top-\[118px\] {
top: 118px;
}
.top-\[calc\(env\(safe-area-inset-top\)\+22px\)\] {
top: calc(env(safe-area-inset-top) + 22px);
}
.top-full {
top: 100%;
}
.-right-0\.5 {
right: calc(var(--spacing) * -0.5);
}
.-right-1 {
right: calc(var(--spacing) * -1);
}
.-right-1\.5 {
right: calc(var(--spacing) * -1.5);
}
.-right-2 {
right: calc(var(--spacing) * -2);
}
.-right-8 {
right: calc(var(--spacing) * -8);
}
.-right-10 {
right: calc(var(--spacing) * -10);
}
.-right-12 {
right: calc(var(--spacing) * -12);
}
.-right-14 {
right: calc(var(--spacing) * -14);
}
.-right-16 {
right: calc(var(--spacing) * -16);
}
.-right-20 {
right: calc(var(--spacing) * -20);
}
.right-0 {
right: calc(var(--spacing) * 0);
}
.right-1 {
right: calc(var(--spacing) * 1);
}
.right-1\.5 {
right: calc(var(--spacing) * 1.5);
}
.right-2 {
right: calc(var(--spacing) * 2);
}
.right-3 {
right: calc(var(--spacing) * 3);
}
.right-4 {
right: calc(var(--spacing) * 4);
}
.right-5 {
right: calc(var(--spacing) * 5);
}
.right-6 {
right: calc(var(--spacing) * 6);
}
.right-7 {
right: calc(var(--spacing) * 7);
}
.right-16 {
right: calc(var(--spacing) * 16);
}
.right-full {
right: 100%;
}
.-bottom-0\.5 {
bottom: calc(var(--spacing) * -0.5);
}
.-bottom-1 {
bottom: calc(var(--spacing) * -1);
}
.-bottom-2 {
bottom: calc(var(--spacing) * -2);
}
.-bottom-4 {
bottom: calc(var(--spacing) * -4);
}
.-bottom-7 {
bottom: calc(var(--spacing) * -7);
}
.-bottom-8 {
bottom: calc(var(--spacing) * -8);
}
.-bottom-10 {
bottom: calc(var(--spacing) * -10);
}
.-bottom-12 {
bottom: calc(var(--spacing) * -12);
}
.-bottom-16 {
bottom: calc(var(--spacing) * -16);
}
.-bottom-20 {
bottom: calc(var(--spacing) * -20);
}
.-bottom-24 {
bottom: calc(var(--spacing) * -24);
}
.-bottom-40 {
bottom: calc(var(--spacing) * -40);
}
.-bottom-\[7px\] {
bottom: -7px;
}
.-bottom-px {
bottom: -1px;
}
.bottom-0 {
bottom: calc(var(--spacing) * 0);
}
.bottom-0\.5 {
bottom: calc(var(--spacing) * 0.5);
}
.bottom-1 {
bottom: calc(var(--spacing) * 1);
}
.bottom-1\.5 {
bottom: calc(var(--spacing) * 1.5);
}
.bottom-2 {
bottom: calc(var(--spacing) * 2);
}
.bottom-3 {
bottom: calc(var(--spacing) * 3);
}
.bottom-4 {
bottom: calc(var(--spacing) * 4);
}
.bottom-6 {
bottom: calc(var(--spacing) * 6);
}
.bottom-\[118px\] {
bottom: 118px;
}
.bottom-\[128px\] {
bottom: 128px;
}
.bottom-\[150px\] {
bottom: 150px;
}
.bottom-\[calc\(100\%\+6px\)\] {
bottom: calc(100% + 6px);
}
.bottom-\[calc\(env\(safe-area-inset-bottom\)\+28px\)\] {
bottom: calc(env(safe-area-inset-bottom) + 28px);
}
.bottom-\[calc\(env\(safe-area-inset-bottom\)\+108px\)\] {
bottom: calc(env(safe-area-inset-bottom) + 108px);
}
.-left-10 {
left: calc(var(--spacing) * -10);
}
.-left-12 {
left: calc(var(--spacing) * -12);
}
.-left-16 {
left: calc(var(--spacing) * -16);
}
.left-0 {
left: calc(var(--spacing) * 0);
}
.left-0\.5 {
left: calc(var(--spacing) * 0.5);
}
.left-1 {
left: calc(var(--spacing) * 1);
}
.left-1\.5 {
left: calc(var(--spacing) * 1.5);
}
.left-1\/2 {
left: 50%;
}
.left-2 {
left: calc(var(--spacing) * 2);
}
.left-3 {
left: calc(var(--spacing) * 3);
}
.left-4 {
left: calc(var(--spacing) * 4);
}
.left-5 {
left: calc(var(--spacing) * 5);
}
.left-6 {
left: calc(var(--spacing) * 6);
}
.left-7 {
left: calc(var(--spacing) * 7);
}
.left-\[18px\] {
left: 18px;
}
.left-\[22px\] {
left: 22px;
}
.left-\[50\%\] {
left: 50%;
}
.left-full {
left: 100%;
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.z-\[1\] {
z-index: 1;
}
.z-\[5\] {
z-index: 5;
}
.z-\[6\] {
z-index: 6;
}
.z-\[55\] {
z-index: 55;
}
.z-\[56\] {
z-index: 56;
}
.z-\[60\] {
z-index: 60;
}
.z-\[65\] {
z-index: 65;
}
.z-\[70\] {
z-index: 70;
}
.z-\[80\] {
z-index: 80;
}
.z-\[90\] {
z-index: 90;
}
.z-\[100\] {
z-index: 100;
}
.z-\[120\] {
z-index: 120;
}
.z-\[9999\] {
z-index: 9999;
}
.col-span-12 {
grid-column: span 12 / span 12;
}
.container {
width: 100%;
}
@media (min-width: 40rem) {
.container {
max-width: 40rem;
}
}
@media (min-width: 48rem) {
.container {
max-width: 48rem;
}
}
@media (min-width: 64rem) {
.container {
max-width: 64rem;
}
}
@media (min-width: 80rem) {
.container {
max-width: 80rem;
}
}
@media (min-width: 96rem) {
.container {
max-width: 96rem;
}
}
.-m-1\.5 {
margin: calc(var(--spacing) * -1.5);
}
.-mx-1 {
margin-inline: calc(var(--spacing) * -1);
}
.-mx-1\.5 {
margin-inline: calc(var(--spacing) * -1.5);
}
.-mx-4 {
margin-inline: calc(var(--spacing) * -4);
}
.mx-1 {
margin-inline: calc(var(--spacing) * 1);
}
.mx-2 {
margin-inline: calc(var(--spacing) * 2);
}
.mx-3 {
margin-inline: calc(var(--spacing) * 3);
}
.mx-3\.5 {
margin-inline: calc(var(--spacing) * 3.5);
}
.mx-4 {
margin-inline: calc(var(--spacing) * 4);
}
.mx-auto {
margin-inline: auto;
}
.-my-1\.5 {
margin-block: calc(var(--spacing) * -1.5);
}
.-my-2 {
margin-block: calc(var(--spacing) * -2);
}
.my-0\.5 {
margin-block: calc(var(--spacing) * 0.5);
}
.my-1 {
margin-block: calc(var(--spacing) * 1);
}
.-mt-0\.5 {
margin-top: calc(var(--spacing) * -0.5);
}
.-mt-4 {
margin-top: calc(var(--spacing) * -4);
}
.-mt-6 {
margin-top: calc(var(--spacing) * -6);
}
.-mt-px {
margin-top: -1px;
}
.mt-0\.5 {
margin-top: calc(var(--spacing) * 0.5);
}
.mt-1 {
margin-top: calc(var(--spacing) * 1);
}
.mt-1\.5 {
margin-top: calc(var(--spacing) * 1.5);
}
.mt-2 {
margin-top: calc(var(--spacing) * 2);
}
.mt-2\.5 {
margin-top: calc(var(--spacing) * 2.5);
}
.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-7 {
margin-top: calc(var(--spacing) * 7);
}
.mt-8 {
margin-top: calc(var(--spacing) * 8);
}
.mt-9 {
margin-top: calc(var(--spacing) * 9);
}
.mt-10 {
margin-top: calc(var(--spacing) * 10);
}
.mt-12 {
margin-top: calc(var(--spacing) * 12);
}
.mt-16 {
margin-top: calc(var(--spacing) * 16);
}
.mt-24 {
margin-top: calc(var(--spacing) * 24);
}
.mt-\[3px\] {
margin-top: 3px;
}
.mt-\[9px\] {
margin-top: 9px;
}
.mt-auto {
margin-top: auto;
}
.-mr-1 {
margin-right: calc(var(--spacing) * -1);
}
.mr-0\.5 {
margin-right: calc(var(--spacing) * 0.5);
}
.mr-1 {
margin-right: calc(var(--spacing) * 1);
}
.mr-2 {
margin-right: calc(var(--spacing) * 2);
}
.mr-8 {
margin-right: calc(var(--spacing) * 8);
}
.-mb-px {
margin-bottom: -1px;
}
.mb-0\.5 {
margin-bottom: calc(var(--spacing) * 0.5);
}
.mb-1 {
margin-bottom: calc(var(--spacing) * 1);
}
.mb-1\.5 {
margin-bottom: calc(var(--spacing) * 1.5);
}
.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-5 {
margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
.mb-\[calc\(env\(safe-area-inset-bottom\)\+94px\)\] {
margin-bottom: calc(env(safe-area-inset-bottom) + 94px);
}
.-ml-1\.5 {
margin-left: calc(var(--spacing) * -1.5);
}
.-ml-2 {
margin-left: calc(var(--spacing) * -2);
}
.-ml-4 {
margin-left: calc(var(--spacing) * -4);
}
.ml-0\.5 {
margin-left: calc(var(--spacing) * 0.5);
}
.ml-1 {
margin-left: calc(var(--spacing) * 1);
}
.ml-1\.5 {
margin-left: calc(var(--spacing) * 1.5);
}
.ml-2 {
margin-left: calc(var(--spacing) * 2);
}
.ml-8 {
margin-left: calc(var(--spacing) * 8);
}
.ml-auto {
margin-left: auto;
}
.line-clamp-1 {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-2 {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-3 {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-4 {
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.block {
display: block;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.inline-grid {
display: inline-grid;
}
.table {
display: table;
}
.aspect-\[3\/5\] {
aspect-ratio: 3/5;
}
.aspect-\[390\/844\] {
aspect-ratio: 390/844;
}
.aspect-square {
aspect-ratio: 1;
}
.aspect-video {
aspect-ratio: var(--aspect-video);
}
.size-\(--cell-size\) {
width: var(--cell-size);
height: var(--cell-size);
}
.size-4 {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.h-\(--cell-size\) {
height: var(--cell-size);
}
.h-1 {
height: calc(var(--spacing) * 1);
}
.h-1\.5 {
height: calc(var(--spacing) * 1.5);
}
.h-1\/2 {
height: 50%;
}
.h-2 {
height: calc(var(--spacing) * 2);
}
.h-2\.5 {
height: calc(var(--spacing) * 2.5);
}
.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-24 {
height: calc(var(--spacing) * 24);
}
.h-28 {
height: calc(var(--spacing) * 28);
}
.h-32 {
height: calc(var(--spacing) * 32);
}
.h-40 {
height: calc(var(--spacing) * 40);
}
.h-44 {
height: calc(var(--spacing) * 44);
}
.h-48 {
height: calc(var(--spacing) * 48);
}
.h-52 {
height: calc(var(--spacing) * 52);
}
.h-56 {
height: calc(var(--spacing) * 56);
}
.h-72 {
height: calc(var(--spacing) * 72);
}
.h-\[1px\] {
height: 1px;
}
.h-\[2px\] {
height: 2px;
}
.h-\[3px\] {
height: 3px;
}
.h-\[5px\] {
height: 5px;
}
.h-\[10px\] {
height: 10px;
}
.h-\[14px\] {
height: 14px;
}
.h-\[16px\] {
height: 16px;
}
.h-\[18px\] {
height: 18px;
}
.h-\[20px\] {
height: 20px;
}
.h-\[24px\] {
height: 24px;
}
.h-\[30px\] {
height: 30px;
}
.h-\[34\%\] {
height: 34%;
}
.h-\[46\%\] {
height: 46%;
}
.h-\[50px\] {
height: 50px;
}
.h-\[54px\] {
height: 54px;
}
.h-\[56\%\] {
height: 56%;
}
.h-\[56px\] {
height: 56px;
}
.h-\[60\%\] {
height: 60%;
}
.h-\[60px\] {
height: 60px;
}
.h-\[62px\] {
height: 62px;
}
.h-\[68px\] {
height: 68px;
}
.h-\[74px\] {
height: 74px;
}
.h-\[88\%\] {
height: 88%;
}
.h-\[96px\] {
height: 96px;
}
.h-\[100svh\] {
height: 100svh;
}
.h-\[120px\] {
height: 120px;
}
.h-\[124px\] {
height: 124px;
}
.h-\[130px\] {
height: 130px;
}
.h-\[140px\] {
height: 140px;
}
.h-\[144\%\] {
height: 144%;
}
.h-\[150px\] {
height: 150px;
}
.h-\[180px\] {
height: 180px;
}
.h-\[200px\] {
height: 200px;
}
.h-\[220px\] {
height: 220px;
}
.h-\[260px\] {
height: 260px;
}
.h-\[900px\] {
height: 900px;
}
.h-\[min\(760px\,calc\(100vh-3rem\)\)\] {
height: min(760px, 100vh - 3rem);
}
.h-\[min\(860px\,calc\(100vh-4rem\)\)\] {
height: min(860px, 100vh - 4rem);
}
.h-\[var\(--radix-navigation-menu-viewport-height\)\] {
height: var(--radix-navigation-menu-viewport-height);
}
.h-\[var\(--radix-select-trigger-height\)\] {
height: var(--radix-select-trigger-height);
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.h-px {
height: 1px;
}
.h-svh {
height: 100svh;
}
.max-h-\(--radix-context-menu-content-available-height\) {
max-height: var(--radix-context-menu-content-available-height);
}
.max-h-\(--radix-select-content-available-height\) {
max-height: var(--radix-select-content-available-height);
}
.max-h-56 {
max-height: calc(var(--spacing) * 56);
}
.max-h-80 {
max-height: calc(var(--spacing) * 80);
}
.max-h-\[60vh\] {
max-height: 60vh;
}
.max-h-\[80\%\] {
max-height: 80%;
}
.max-h-\[86\%\] {
max-height: 86%;
}
.max-h-\[88\%\] {
max-height: 88%;
}
.max-h-\[88vh\] {
max-height: 88vh;
}
.max-h-\[90\%\] {
max-height: 90%;
}
.max-h-\[90vh\] {
max-height: 90vh;
}
.max-h-\[92\%\] {
max-height: 92%;
}
.max-h-\[94\%\] {
max-height: 94%;
}
.max-h-\[160px\] {
max-height: 160px;
}
.max-h-\[260px\] {
max-height: 260px;
}
.max-h-\[280px\] {
max-height: 280px;
}
.max-h-\[300px\] {
max-height: 300px;
}
.max-h-\[320px\] {
max-height: 320px;
}
.max-h-\[360px\] {
max-height: 360px;
}
.max-h-\[420px\] {
max-height: 420px;
}
.max-h-\[440px\] {
max-height: 440px;
}
.max-h-\[calc\(100vh-9rem\)\] {
max-height: calc(100vh - 9rem);
}
.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
max-height: var(--radix-dropdown-menu-content-available-height);
}
.min-h-0 {
min-height: calc(var(--spacing) * 0);
}
.min-h-11 {
min-height: calc(var(--spacing) * 11);
}
.min-h-16 {
min-height: calc(var(--spacing) * 16);
}
.min-h-\[36px\] {
min-height: 36px;
}
.min-h-\[44px\] {
min-height: 44px;
}
.min-h-\[60px\] {
min-height: 60px;
}
.min-h-\[92vh\] {
min-height: 92vh;
}
.min-h-\[100svh\] {
min-height: 100svh;
}
.min-h-\[220px\] {
min-height: 220px;
}
.min-h-screen {
min-height: 100vh;
}
.min-h-svh {
min-height: 100svh;
}
.w-\(--cell-size\) {
width: var(--cell-size);
}
.w-\(--sidebar-width\) {
width: var(--sidebar-width);
}
.w-0 {
width: calc(var(--spacing) * 0);
}
.w-1 {
width: calc(var(--spacing) * 1);
}
.w-1\.5 {
width: calc(var(--spacing) * 1.5);
}
.w-1\/2 {
width: 50%;
}
.w-1\/3 {
width: 33.3333%;
}
.w-2 {
width: calc(var(--spacing) * 2);
}
.w-2\.5 {
width: calc(var(--spacing) * 2.5);
}
.w-2\/3 {
width: 66.6667%;
}
.w-3 {
width: calc(var(--spacing) * 3);
}
.w-3\.5 {
width: calc(var(--spacing) * 3.5);
}
.w-3\/4 {
width: 75%;
}
.w-4 {
width: calc(var(--spacing) * 4);
}
.w-4\/6 {
width: 66.6667%;
}
.w-5 {
width: calc(var(--spacing) * 5);
}
.w-5\/6 {
width: 83.3333%;
}
.w-6 {
width: calc(var(--spacing) * 6);
}
.w-7 {
width: calc(var(--spacing) * 7);
}
.w-8 {
width: calc(var(--spacing) * 8);
}
.w-9 {
width: calc(var(--spacing) * 9);
}
.w-10 {
width: calc(var(--spacing) * 10);
}
.w-11 {
width: calc(var(--spacing) * 11);
}
.w-11\/12 {
width: 91.6667%;
}
.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-36 {
width: calc(var(--spacing) * 36);
}
.w-40 {
width: calc(var(--spacing) * 40);
}
.w-44 {
width: calc(var(--spacing) * 44);
}
.w-48 {
width: calc(var(--spacing) * 48);
}
.w-52 {
width: calc(var(--spacing) * 52);
}
.w-56 {
width: calc(var(--spacing) * 56);
}
.w-64 {
width: calc(var(--spacing) * 64);
}
.w-72 {
width: calc(var(--spacing) * 72);
}
.w-\[1px\] {
width: 1px;
}
.w-\[2px\] {
width: 2px;
}
.w-\[3px\] {
width: 3px;
}
.w-\[5px\] {
width: 5px;
}
.w-\[10px\] {
width: 10px;
}
.w-\[14px\] {
width: 14px;
}
.w-\[16px\] {
width: 16px;
}
.w-\[18px\] {
width: 18px;
}
.w-\[20px\] {
width: 20px;
}
.w-\[30\%\] {
width: 30%;
}
.w-\[50px\] {
width: 50px;
}
.w-\[54px\] {
width: 54px;
}
.w-\[58\%\] {
width: 58%;
}
.w-\[60px\] {
width: 60px;
}
.w-\[64px\] {
width: 64px;
}
.w-\[68\%\] {
width: 68%;
}
.w-\[68px\] {
width: 68px;
}
.w-\[72px\] {
width: 72px;
}
.w-\[80\%\] {
width: 80%;
}
.w-\[90px\] {
width: 90px;
}
.w-\[92\%\] {
width: 92%;
}
.w-\[92px\] {
width: 92px;
}
.w-\[100px\] {
width: 100px;
}
.w-\[120\%\] {
width: 120%;
}
.w-\[140px\] {
width: 140px;
}
.w-\[144\%\] {
width: 144%;
}
.w-\[150px\] {
width: 150px;
}
.w-\[168px\] {
width: 168px;
}
.w-\[176px\] {
width: 176px;
}
.w-\[200px\] {
width: 200px;
}
.w-\[220px\] {
width: 220px;
}
.w-\[230px\] {
width: 230px;
}
.w-\[248px\] {
width: 248px;
}
.w-\[264px\] {
width: 264px;
}
.w-\[280px\] {
width: 280px;
}
.w-\[288px\] {
width: 288px;
}
.w-\[308px\] {
width: 308px;
}
.w-\[calc\(50\%-2px\)\] {
width: calc(50% - 2px);
}
.w-\[calc\(100\%-2rem\)\] {
width: calc(100% - 2rem);
}
.w-\[min\(330px\,72vw\)\] {
width: min(330px, 72vw);
}
.w-auto {
width: auto;
}
.w-fit {
width: fit-content;
}
.w-full {
width: 100%;
}
.w-max {
width: max-content;
}
.w-px {
width: 1px;
}
.w-screen {
width: 100vw;
}
.max-w-\(--skeleton-width\) {
max-width: var(--skeleton-width);
}
.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-6xl {
max-width: var(--container-6xl);
}
.max-w-\[46ch\] {
max-width: 46ch;
}
.max-w-\[58px\] {
max-width: 58px;
}
.max-w-\[70ch\] {
max-width: 70ch;
}
.max-w-\[75\%\] {
max-width: 75%;
}
.max-w-\[78\%\] {
max-width: 78%;
}
.max-w-\[110px\] {
max-width: 110px;
}
.max-w-\[160px\] {
max-width: 160px;
}
.max-w-\[200px\] {
max-width: 200px;
}
.max-w-\[220px\] {
max-width: 220px;
}
.max-w-\[240px\] {
max-width: 240px;
}
.max-w-\[300px\] {
max-width: 300px;
}
.max-w-\[320px\] {
max-width: 320px;
}
.max-w-\[360px\] {
max-width: 360px;
}
.max-w-\[380px\] {
max-width: 380px;
}
.max-w-\[420px\] {
max-width: 420px;
}
.max-w-\[430px\] {
max-width: 430px;
}
.max-w-\[440px\] {
max-width: 440px;
}
.max-w-\[560px\] {
max-width: 560px;
}
.max-w-\[640px\] {
max-width: 640px;
}
.max-w-\[720px\] {
max-width: 720px;
}
.max-w-\[820px\] {
max-width: 820px;
}
.max-w-\[1040px\] {
max-width: 1040px;
}
.max-w-\[1180px\] {
max-width: 1180px;
}
.max-w-\[1200px\] {
max-width: 1200px;
}
.max-w-\[1400px\] {
max-width: 1400px;
}
.max-w-\[1500px\] {
max-width: 1500px;
}
.max-w-full {
max-width: 100%;
}
.max-w-lg {
max-width: var(--container-lg);
}
.max-w-max {
max-width: max-content;
}
.max-w-md {
max-width: var(--container-md);
}
.max-w-none {
max-width: none;
}
.max-w-sm {
max-width: var(--container-sm);
}
.max-w-xl {
max-width: var(--container-xl);
}
.min-w-\(--cell-size\) {
min-width: var(--cell-size);
}
.min-w-0 {
min-width: calc(var(--spacing) * 0);
}
.min-w-3\.5 {
min-width: calc(var(--spacing) * 3.5);
}
.min-w-4 {
min-width: calc(var(--spacing) * 4);
}
.min-w-5 {
min-width: calc(var(--spacing) * 5);
}
.min-w-6 {
min-width: calc(var(--spacing) * 6);
}
.min-w-7 {
min-width: calc(var(--spacing) * 7);
}
.min-w-8 {
min-width: calc(var(--spacing) * 8);
}
.min-w-9 {
min-width: calc(var(--spacing) * 9);
}
.min-w-10 {
min-width: calc(var(--spacing) * 10);
}
.min-w-\[8rem\] {
min-width: 8rem;
}
.min-w-\[12rem\] {
min-width: 12rem;
}
.min-w-\[14px\] {
min-width: 14px;
}
.min-w-\[16px\] {
min-width: 16px;
}
.min-w-\[20px\] {
min-width: 20px;
}
.min-w-\[88px\] {
min-width: 88px;
}
.min-w-\[200px\] {
min-width: 200px;
}
.min-w-\[220px\] {
min-width: 220px;
}
.min-w-\[240px\] {
min-width: 240px;
}
.min-w-\[var\(--radix-select-trigger-width\)\] {
min-width: var(--radix-select-trigger-width);
}
.flex-1 {
flex: 1;
}
.flex-\[1\.4\] {
flex: 1.4;
}
.shrink-0 {
flex-shrink: 0;
}
.grow {
flex-grow: 1;
}
.grow-0 {
flex-grow: 0;
}
.basis-full {
flex-basis: 100%;
}
.caption-bottom {
caption-side: bottom;
}
.border-collapse {
border-collapse: collapse;
}
.origin-\(--radix-context-menu-content-transform-origin\) {
transform-origin: var(--radix-context-menu-content-transform-origin);
}
.origin-\(--radix-dropdown-menu-content-transform-origin\) {
transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.origin-\(--radix-hover-card-content-transform-origin\) {
transform-origin: var(--radix-hover-card-content-transform-origin);
}
.origin-\(--radix-menubar-content-transform-origin\) {
transform-origin: var(--radix-menubar-content-transform-origin);
}
.origin-\(--radix-popover-content-transform-origin\) {
transform-origin: var(--radix-popover-content-transform-origin);
}
.origin-\(--radix-select-content-transform-origin\) {
transform-origin: var(--radix-select-content-transform-origin);
}
.origin-\(--radix-tooltip-content-transform-origin\) {
transform-origin: var(--radix-tooltip-content-transform-origin);
}
.-translate-x-1 {
--tw-translate-x: calc(var(--spacing) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-3 {
--tw-translate-x: calc(var(--spacing) * -3);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-px {
--tw-translate-x: -1px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-0 {
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-0\.5 {
--tw-translate-x: calc(var(--spacing) * 0.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-3 {
--tw-translate-x: calc(var(--spacing) * 3);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-4 {
--tw-translate-x: calc(var(--spacing) * 4);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-5 {
--tw-translate-x: calc(var(--spacing) * 5);
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-x-\[18px\] {
--tw-translate-x: 18px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-px {
--tw-translate-x: 1px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
--tw-translate-y: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-4 {
--tw-translate-y: calc(var(--spacing) * -4);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-\[22px\] {
--tw-translate-y: -22px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-px {
--tw-translate-y: -1px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-0 {
--tw-translate-y: calc(var(--spacing) * 0);
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-y-\[120\%\] {
--tw-translate-y: 120%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-full {
--tw-translate-y: 100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-100 {
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-110 {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-\[1\.01\] {
scale: 1.01;
}
.scale-\[1\.04\] {
scale: 1.04;
}
.scale-\[1\.12\] {
scale: 1.12;
}
.-rotate-12 {
rotate: -12deg;
}
.-rotate-90 {
rotate: -90deg;
}
.rotate-12 {
rotate: 12deg;
}
.rotate-45 {
rotate: 45deg;
}
.rotate-90 {
rotate: 90deg;
}
.rotate-180 {
rotate: 180deg;
}
.rotate-\[135deg\] {
rotate: 135deg;
}
.transform {
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
var(--tw-skew-x) var(--tw-skew-y);
}
.animate-\[gateLoad_1\.1s_ease-in-out_infinite\] {
animation: 1.1s ease-in-out infinite gateLoad;
}
.animate-\[modal-up_280ms_cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
animation: 0.28s cubic-bezier(0.22, 1, 0.36, 1) modal-up;
}
.animate-\[shake_0\.45s_ease-in-out\] {
animation: 0.45s ease-in-out shake;
}
.animate-in {
animation: enter var(--tw-animation-duration, var(--tw-duration, 0.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-ping {
animation: var(--animate-ping);
}
.animate-pulse {
animation: var(--animate-pulse);
}
.cursor-default {
cursor: default;
}
.cursor-grab {
cursor: grab;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-pointer {
cursor: pointer;
}
.touch-none {
touch-action: none;
}
.resize {
resize: both;
}
.resize-none {
resize: none;
}
.snap-x {
scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-y {
scroll-snap-type: y var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
--tw-scroll-snap-strictness: mandatory;
}
.snap-start {
scroll-snap-align: start;
}
.snap-always {
scroll-snap-stop: always;
}
.list-none {
list-style-type: none;
}
.appearance-none {
appearance: none;
}
.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-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-\[40px_1fr_100px_80px\] {
grid-template-columns: 40px 1fr 100px 80px;
}
.grid-rows-\[56px_auto_1fr\] {
grid-template-rows: 56px auto 1fr;
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-row {
flex-direction: row;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.place-content-center {
place-content: center;
}
.place-items-center {
place-items: center;
}
.place-items-end {
place-items: end;
}
.place-items-start {
place-items: start;
}
.items-baseline {
align-items: baseline;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.items-start {
align-items: flex-start;
}
.items-stretch {
align-items: stretch;
}
.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-10 {
gap: calc(var(--spacing) * 10);
}
.gap-\[2px\] {
gap: 2px;
}
:where(.space-y-0 > :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))
);
}
:where(.space-y-0\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(
calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)
);
margin-block-end: calc(
calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))
);
}
:where(.space-y-1 > :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))
);
}
:where(.space-y-1\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(
calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)
);
margin-block-end: calc(
calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))
);
}
:where(.space-y-2 > :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))
);
}
:where(.space-y-2\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(
calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)
);
margin-block-end: calc(
calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))
);
}
:where(.space-y-3 > :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))
);
}
:where(.space-y-3\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(
calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse)
);
margin-block-end: calc(
calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse))
);
}
:where(.space-y-4 > :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))
);
}
:where(.space-y-6 > :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))
);
}
:where(.space-y-8 > :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))
);
}
.gap-x-8 {
column-gap: calc(var(--spacing) * 8);
}
:where(.-space-x-1 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(
calc(var(--spacing) * -1) * var(--tw-space-x-reverse)
);
margin-inline-end: calc(
calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse))
);
}
:where(.-space-x-2 > :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))
);
}
:where(.space-x-1 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(
calc(var(--spacing) * 1) * var(--tw-space-x-reverse)
);
margin-inline-end: calc(
calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))
);
}
.gap-y-6 {
row-gap: calc(var(--spacing) * 6);
}
:where(.divide-y > :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)));
}
:where(.divide-white\/5 > :not(:last-child)) {
border-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
:where(.divide-white\/5 > :not(:last-child)) {
border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
:where(.divide-white\/8 > :not(:last-child)) {
border-color: #ffffff14;
}
@supports (color: color-mix(in lab, red, red)) {
:where(.divide-white\/8 > :not(:last-child)) {
border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
:where(.divide-white\/\[0\.06\] > :not(:last-child)) {
border-color: #ffffff0f;
}
@supports (color: color-mix(in lab, red, red)) {
:where(.divide-white\/\[0\.06\] > :not(:last-child)) {
border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
:where(.divide-white\/\[0\.07\] > :not(:last-child)) {
border-color: #ffffff12;
}
@supports (color: color-mix(in lab, red, red)) {
:where(.divide-white\/\[0\.07\] > :not(:last-child)) {
border-color: color-mix(in oklab, var(--color-white) 7%, transparent);
}
}
.self-center {
align-self: center;
}
.self-end {
align-self: flex-end;
}
.self-start {
align-self: flex-start;
}
.self-stretch {
align-self: stretch;
}
.truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.\[overflow-x\:clip\] {
overflow-x: clip;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-y-auto {
overflow-y: auto;
}
.card {
box-shadow: var(--shadow-md);
background: linear-gradient(#0c1638b3, #07102de6);
border: 1px solid #e4ff4d26;
border-radius: 12px;
}
.rounded {
border-radius: 12px;
}
.rounded-2xl,
.rounded-3xl {
border-radius: 16px;
}
.rounded-\[2\.85rem\] {
border-radius: 2.85rem;
}
.rounded-\[2px\] {
border-radius: 2px;
}
.rounded-\[2rem\] {
border-radius: 2rem;
}
.rounded-\[3rem\] {
border-radius: 3rem;
}
.rounded-\[4px\] {
border-radius: 4px;
}
.rounded-\[4rem\] {
border-radius: 4rem;
}
.rounded-\[6px\] {
border-radius: 6px;
}
.rounded-\[11px\] {
border-radius: 11px;
}
.rounded-\[22px\] {
border-radius: 22px;
}
.rounded-\[26px\] {
border-radius: 26px;
}
.rounded-\[28\%\] {
border-radius: 28%;
}
.rounded-\[inherit\] {
border-radius: inherit;
}
.rounded-full {
border-radius: 3.40282e38px;
}
.rounded-lg {
border-radius: 12px;
}
.rounded-md {
border-radius: 8px;
}
.rounded-none {
border-radius: 0;
}
.rounded-sm {
border-radius: 8px;
}
.rounded-xl {
border-radius: 16px;
}
.rounded-t-3xl {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.rounded-t-\[10px\] {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.rounded-t-\[26px\] {
border-top-left-radius: 26px;
border-top-right-radius: 26px;
}
.rounded-t-sm {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.rounded-l-md {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.rounded-tl-sm {
border-top-left-radius: 8px;
}
.rounded-r {
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.rounded-r-md {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.rounded-b-full {
border-bottom-right-radius: 3.40282e38px;
border-bottom-left-radius: 3.40282e38px;
}
.rounded-br-md {
border-bottom-right-radius: 8px;
}
.rounded-bl-md {
border-bottom-left-radius: 8px;
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-0 {
border-style: var(--tw-border-style);
border-width: 0;
}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px;
}
.border-\[1\.5px\] {
border-style: var(--tw-border-style);
border-width: 1.5px;
}
.border-\[3px\] {
border-style: var(--tw-border-style);
border-width: 3px;
}
.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-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-t-0 {
border-top-style: var(--tw-border-style);
border-top-width: 0;
}
.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-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-l-2 {
border-left-style: var(--tw-border-style);
border-left-width: 2px;
}
.border-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.border-\(--color-border\) {
border-color: var(--color-border);
}
.border-\[\#0D0D0D\] {
border-color: #0d0d0d;
}
.border-\[\#000000\] {
border-color: #000;
}
.border-\[\#000000\]\/40 {
border-color: #0006;
}
.border-\[\#111111\] {
border-color: #111;
}
.border-\[\#161616\] {
border-color: #161616;
}
.border-\[\#242628\] {
border-color: #242628;
}
.border-\[\#CCFF00\] {
border-color: #cf0;
}
.border-\[\#CCFF00\]\/15 {
border-color: #ccff0026;
}
.border-\[\#CCFF00\]\/20 {
border-color: #cf03;
}
.border-\[\#CCFF00\]\/25 {
border-color: #ccff0040;
}
.border-\[\#CCFF00\]\/30 {
border-color: #ccff004d;
}
.border-\[\#CCFF00\]\/35 {
border-color: #ccff0059;
}
.border-\[\#CCFF00\]\/40 {
border-color: #cf06;
}
.border-\[\#CCFF00\]\/45 {
border-color: #ccff0073;
}
.border-\[\#CCFF00\]\/50 {
border-color: #ccff0080;
}
.border-\[\#CCFF00\]\/55 {
border-color: #ccff008c;
}
.border-\[\#CCFF00\]\/60 {
border-color: #cf09;
}
.border-\[\#CCFF00\]\/\[0\.08\] {
border-color: #ccff0014;
}
.border-\[\#E4FF4D\] {
border-color: #e4ff4d;
}
.border-\[\#E4FF4D\]\/15 {
border-color: #e4ff4d26;
}
.border-\[\#E4FF4D\]\/40 {
border-color: #e4ff4d66;
}
.border-\[\#E4FF4D\]\/50 {
border-color: #e4ff4d80;
}
.border-\[\#FB923C\]\/35 {
border-color: #fb923c59;
}
.border-\[\#FF5558\] {
border-color: #ff5558;
}
.border-amber-300\/25 {
border-color: #ffd23640;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-300\/25 {
border-color: color-mix(
in oklab,
var(--color-amber-300) 25%,
transparent
);
}
}
.border-amber-300\/30 {
border-color: #ffd2364d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-300\/30 {
border-color: color-mix(
in oklab,
var(--color-amber-300) 30%,
transparent
);
}
}
.border-amber-300\/50 {
border-color: #ffd23680;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-300\/50 {
border-color: color-mix(
in oklab,
var(--color-amber-300) 50%,
transparent
);
}
}
.border-amber-300\/60 {
border-color: #ffd23699;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-300\/60 {
border-color: color-mix(
in oklab,
var(--color-amber-300) 60%,
transparent
);
}
}
.border-amber-400\/25 {
border-color: #fcbb0040;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-400\/25 {
border-color: color-mix(
in oklab,
var(--color-amber-400) 25%,
transparent
);
}
}
.border-amber-400\/30 {
border-color: #fcbb004d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-400\/30 {
border-color: color-mix(
in oklab,
var(--color-amber-400) 30%,
transparent
);
}
}
.border-amber-400\/35 {
border-color: #fcbb0059;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-400\/35 {
border-color: color-mix(
in oklab,
var(--color-amber-400) 35%,
transparent
);
}
}
.border-amber-400\/40 {
border-color: #fcbb0066;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-400\/40 {
border-color: color-mix(
in oklab,
var(--color-amber-400) 40%,
transparent
);
}
}
.border-amber-400\/50 {
border-color: #fcbb0080;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-400\/50 {
border-color: color-mix(
in oklab,
var(--color-amber-400) 50%,
transparent
);
}
}
.border-amber-500\/30 {
border-color: #f99c004d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-500\/30 {
border-color: color-mix(
in oklab,
var(--color-amber-500) 30%,
transparent
);
}
}
.border-border\/50 {
border-color: var(--border);
}
@supports (color: color-mix(in lab, red, red)) {
.border-border\/50 {
border-color: color-mix(in oklab, var(--border) 50%, transparent);
}
}
.border-cyan-300\/25 {
border-color: #53eafd40;
}
@supports (color: color-mix(in lab, red, red)) {
.border-cyan-300\/25 {
border-color: color-mix(in oklab, var(--color-cyan-300) 25%, transparent);
}
}
.border-cyan-400\/30 {
border-color: #00d2ef4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-cyan-400\/30 {
border-color: color-mix(in oklab, var(--color-cyan-400) 30%, transparent);
}
}
.border-cyan-400\/40 {
border-color: #00d2ef66;
}
@supports (color: color-mix(in lab, red, red)) {
.border-cyan-400\/40 {
border-color: color-mix(in oklab, var(--color-cyan-400) 40%, transparent);
}
}
.border-destructive\/50 {
border-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.border-destructive\/50 {
border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
}
}
.border-emerald-300\/40 {
border-color: #5ee9b566;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-300\/40 {
border-color: color-mix(
in oklab,
var(--color-emerald-300) 40%,
transparent
);
}
}
.border-emerald-300\/80 {
border-color: #5ee9b5cc;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-300\/80 {
border-color: color-mix(
in oklab,
var(--color-emerald-300) 80%,
transparent
);
}
}
.border-emerald-400\/20 {
border-color: #00d29433;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-400\/20 {
border-color: color-mix(
in oklab,
var(--color-emerald-400) 20%,
transparent
);
}
}
.border-emerald-400\/25 {
border-color: #00d29440;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-400\/25 {
border-color: color-mix(
in oklab,
var(--color-emerald-400) 25%,
transparent
);
}
}
.border-emerald-400\/30 {
border-color: #00d2944d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-400\/30 {
border-color: color-mix(
in oklab,
var(--color-emerald-400) 30%,
transparent
);
}
}
.border-emerald-400\/35 {
border-color: #00d29459;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-400\/35 {
border-color: color-mix(
in oklab,
var(--color-emerald-400) 35%,
transparent
);
}
}
.border-emerald-400\/40 {
border-color: #00d29466;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-400\/40 {
border-color: color-mix(
in oklab,
var(--color-emerald-400) 40%,
transparent
);
}
}
.border-emerald-400\/50 {
border-color: #00d29480;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-400\/50 {
border-color: color-mix(
in oklab,
var(--color-emerald-400) 50%,
transparent
);
}
}
.border-emerald-400\/60 {
border-color: #00d29499;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-400\/60 {
border-color: color-mix(
in oklab,
var(--color-emerald-400) 60%,
transparent
);
}
}
.border-emerald-400\/70 {
border-color: #00d294b3;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-400\/70 {
border-color: color-mix(
in oklab,
var(--color-emerald-400) 70%,
transparent
);
}
}
.border-emerald-400\/90 {
border-color: #00d294e6;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-400\/90 {
border-color: color-mix(
in oklab,
var(--color-emerald-400) 90%,
transparent
);
}
}
.border-emerald-500\/30 {
border-color: #00bb7f4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-500\/30 {
border-color: color-mix(
in oklab,
var(--color-emerald-500) 30%,
transparent
);
}
}
.border-emerald-500\/40 {
border-color: #00bb7f66;
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-500\/40 {
border-color: color-mix(
in oklab,
var(--color-emerald-500) 40%,
transparent
);
}
}
.border-fuchsia-400\/30 {
border-color: #ec6cff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-fuchsia-400\/30 {
border-color: color-mix(
in oklab,
var(--color-fuchsia-400) 30%,
transparent
);
}
}
.border-fuchsia-400\/40 {
border-color: #ec6cff66;
}
@supports (color: color-mix(in lab, red, red)) {
.border-fuchsia-400\/40 {
border-color: color-mix(
in oklab,
var(--color-fuchsia-400) 40%,
transparent
);
}
}
.border-fuchsia-400\/50 {
border-color: #ec6cff80;
}
@supports (color: color-mix(in lab, red, red)) {
.border-fuchsia-400\/50 {
border-color: color-mix(
in oklab,
var(--color-fuchsia-400) 50%,
transparent
);
}
}
.border-input {
border-color: var(--input);
}
.border-iris\/20 {
border-color: #cf03;
}
.border-iris\/30 {
border-color: #ccff004d;
}
.border-iris\/35 {
border-color: #ccff0059;
}
.border-iris\/40 {
border-color: #cf06;
}
.border-iris\/50 {
border-color: #ccff0080;
}
.border-orange-300\/45 {
border-color: #ffb96d73;
}
@supports (color: color-mix(in lab, red, red)) {
.border-orange-300\/45 {
border-color: color-mix(
in oklab,
var(--color-orange-300) 45%,
transparent
);
}
}
.border-primary,
.border-primary\/50 {
border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary\/50 {
border-color: color-mix(in oklab, var(--primary) 50%, transparent);
}
}
.border-red-300\/70 {
border-color: #ffa3a3b3;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-300\/70 {
border-color: color-mix(in oklab, var(--color-red-300) 70%, transparent);
}
}
.border-red-400\/25 {
border-color: #ff656840;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-400\/25 {
border-color: color-mix(in oklab, var(--color-red-400) 25%, transparent);
}
}
.border-red-400\/30 {
border-color: #ff65684d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-400\/30 {
border-color: color-mix(in oklab, var(--color-red-400) 30%, transparent);
}
}
.border-red-400\/40 {
border-color: #ff656866;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-400\/40 {
border-color: color-mix(in oklab, var(--color-red-400) 40%, transparent);
}
}
.border-red-400\/50 {
border-color: #ff656880;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-400\/50 {
border-color: color-mix(in oklab, var(--color-red-400) 50%, transparent);
}
}
.border-red-400\/60 {
border-color: #ff656899;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-400\/60 {
border-color: color-mix(in oklab, var(--color-red-400) 60%, transparent);
}
}
.border-red-400\/90 {
border-color: #ff6568e6;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-400\/90 {
border-color: color-mix(in oklab, var(--color-red-400) 90%, transparent);
}
}
.border-rose-400\/20 {
border-color: #ff667f33;
}
@supports (color: color-mix(in lab, red, red)) {
.border-rose-400\/20 {
border-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent);
}
}
.border-rose-400\/25 {
border-color: #ff667f40;
}
@supports (color: color-mix(in lab, red, red)) {
.border-rose-400\/25 {
border-color: color-mix(in oklab, var(--color-rose-400) 25%, transparent);
}
}
.border-rose-400\/30 {
border-color: #ff667f4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-rose-400\/30 {
border-color: color-mix(in oklab, var(--color-rose-400) 30%, transparent);
}
}
.border-rose-400\/35 {
border-color: #ff667f59;
}
@supports (color: color-mix(in lab, red, red)) {
.border-rose-400\/35 {
border-color: color-mix(in oklab, var(--color-rose-400) 35%, transparent);
}
}
.border-rose-400\/40 {
border-color: #ff667f66;
}
@supports (color: color-mix(in lab, red, red)) {
.border-rose-400\/40 {
border-color: color-mix(in oklab, var(--color-rose-400) 40%, transparent);
}
}
.border-rose-400\/60 {
border-color: #ff667f99;
}
@supports (color: color-mix(in lab, red, red)) {
.border-rose-400\/60 {
border-color: color-mix(in oklab, var(--color-rose-400) 60%, transparent);
}
}
.border-rose-500\/30 {
border-color: #ff23574d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-rose-500\/30 {
border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
}
}
.border-sky-400\/30 {
border-color: #00bcfe4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-sky-400\/30 {
border-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent);
}
}
.border-sky-400\/40 {
border-color: #00bcfe66;
}
@supports (color: color-mix(in lab, red, red)) {
.border-sky-400\/40 {
border-color: color-mix(in oklab, var(--color-sky-400) 40%, transparent);
}
}
.border-transparent {
border-color: #0000;
}
.border-violet-400\/30 {
border-color: #a685ff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-violet-400\/30 {
border-color: color-mix(
in oklab,
var(--color-violet-400) 30%,
transparent
);
}
}
.border-violet-500\/30 {
border-color: #8d54ff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-violet-500\/30 {
border-color: color-mix(
in oklab,
var(--color-violet-500) 30%,
transparent
);
}
}
.border-white\/5 {
border-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/5 {
border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.border-white\/8 {
border-color: #ffffff14;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/8 {
border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
.border-white\/10 {
border-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/10 {
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.border-white\/12 {
border-color: #ffffff1f;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/12 {
border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
}
}
.border-white\/15 {
border-color: #ffffff26;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/15 {
border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
.border-white\/20 {
border-color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/20 {
border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.border-white\/25 {
border-color: #ffffff40;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/25 {
border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
}
}
.border-white\/\[0\.05\] {
border-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/\[0\.05\] {
border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.border-white\/\[0\.06\] {
border-color: #ffffff0f;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/\[0\.06\] {
border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
.border-white\/\[0\.07\] {
border-color: #ffffff12;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/\[0\.07\] {
border-color: color-mix(in oklab, var(--color-white) 7%, transparent);
}
}
.border-white\/\[0\.08\] {
border-color: #ffffff14;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/\[0\.08\] {
border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
.border-yellow-400\/40 {
border-color: #fac80066;
}
@supports (color: color-mix(in lab, red, red)) {
.border-yellow-400\/40 {
border-color: color-mix(
in oklab,
var(--color-yellow-400) 40%,
transparent
);
}
}
.border-t-transparent {
border-top-color: #0000;
}
.border-l-\[\#CCFF00\] {
border-left-color: #cf0;
}
.border-l-transparent {
border-left-color: #0000;
}
.bg-\(--color-bg\) {
background-color: var(--color-bg);
}
.bg-\[\#0A0A0A\] {
background-color: #0a0a0a;
}
.bg-\[\#0A0A0A\]\/95 {
background-color: #0a0a0af2;
}
.bg-\[\#0D0D0D\] {
background-color: #0d0d0d;
}
.bg-\[\#000000\] {
background-color: #000;
}
.bg-\[\#000000\]\/40 {
background-color: #0006;
}
.bg-\[\#000000\]\/55 {
background-color: #0000008c;
}
.bg-\[\#000000\]\/60 {
background-color: #0009;
}
.bg-\[\#000000\]\/70 {
background-color: #000000b3;
}
.bg-\[\#000000\]\/80 {
background-color: #000c;
}
.bg-\[\#000000\]\/85 {
background-color: #000000d9;
}
.bg-\[\#000000\]\/90 {
background-color: #000000e6;
}
.bg-\[\#000000\]\/95 {
background-color: #000000f2;
}
.bg-\[\#000000\]\/\[0\.97\] {
background-color: #000000f7;
}
.bg-\[\#38BDF8\] {
background-color: #38bdf8;
}
.bg-\[\#110E08\]\/10 {
background-color: #110e081a;
}
.bg-\[\#110E08\]\/15 {
background-color: #110e0826;
}
.bg-\[\#110E08\]\/60 {
background-color: #110e0899;
}
.bg-\[\#111\],
.bg-\[\#111111\] {
background-color: #111;
}
.bg-\[\#141414\] {
background-color: #141414;
}
.bg-\[\#CCFF00\] {
background-color: #cf0;
}
.bg-\[\#CCFF00\]\/5 {
background-color: #ccff000d;
}
.bg-\[\#CCFF00\]\/8 {
background-color: #ccff0014;
}
.bg-\[\#CCFF00\]\/10 {
background-color: #ccff001a;
}
.bg-\[\#CCFF00\]\/12 {
background-color: #ccff001f;
}
.bg-\[\#CCFF00\]\/15 {
background-color: #ccff0026;
}
.bg-\[\#CCFF00\]\/20 {
background-color: #cf03;
}
.bg-\[\#CCFF00\]\/25 {
background-color: #ccff0040;
}
.bg-\[\#CCFF00\]\/30 {
background-color: #ccff004d;
}
.bg-\[\#CCFF00\]\/80 {
background-color: #cf0c;
}
.bg-\[\#CCFF00\]\/\[0\.05\] {
background-color: #ccff000d;
}
.bg-\[\#CCFF00\]\/\[0\.06\] {
background-color: #ccff000f;
}
.bg-\[\#CCFF00\]\/\[0\.07\] {
background-color: #ccff0012;
}
.bg-\[\#E4FF4D\] {
background-color: #e4ff4d;
}
.bg-\[\#FB923C\] {
background-color: #fb923c;
}
.bg-\[\#FB923C\]\/\[0\.08\] {
background-color: #fb923c14;
}
.bg-\[\#f87171\]\/90 {
background-color: #f87171e6;
}
.bg-accent {
background-color: var(--accent);
}
.bg-amber-300\/8 {
background-color: #ffd23614;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-300\/8 {
background-color: color-mix(
in oklab,
var(--color-amber-300) 8%,
transparent
);
}
}
.bg-amber-300\/10 {
background-color: #ffd2361a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-300\/10 {
background-color: color-mix(
in oklab,
var(--color-amber-300) 10%,
transparent
);
}
}
.bg-amber-300\/15 {
background-color: #ffd23626;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-300\/15 {
background-color: color-mix(
in oklab,
var(--color-amber-300) 15%,
transparent
);
}
}
.bg-amber-300\/20 {
background-color: #ffd23633;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-300\/20 {
background-color: color-mix(
in oklab,
var(--color-amber-300) 20%,
transparent
);
}
}
.bg-amber-400\/10 {
background-color: #fcbb001a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-400\/10 {
background-color: color-mix(
in oklab,
var(--color-amber-400) 10%,
transparent
);
}
}
.bg-amber-400\/15 {
background-color: #fcbb0026;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-400\/15 {
background-color: color-mix(
in oklab,
var(--color-amber-400) 15%,
transparent
);
}
}
.bg-amber-400\/20 {
background-color: #fcbb0033;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-400\/20 {
background-color: color-mix(
in oklab,
var(--color-amber-400) 20%,
transparent
);
}
}
.bg-amber-400\/85 {
background-color: #fcbb00d9;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-400\/85 {
background-color: color-mix(
in oklab,
var(--color-amber-400) 85%,
transparent
);
}
}
.bg-amber-400\/\[0\.07\] {
background-color: #fcbb0012;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-400\/\[0\.07\] {
background-color: color-mix(
in oklab,
var(--color-amber-400) 7%,
transparent
);
}
}
.bg-amber-500\/10 {
background-color: #f99c001a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/10 {
background-color: color-mix(
in oklab,
var(--color-amber-500) 10%,
transparent
);
}
}
.bg-amber-500\/15 {
background-color: #f99c0026;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/15 {
background-color: color-mix(
in oklab,
var(--color-amber-500) 15%,
transparent
);
}
}
.bg-amber-500\/20 {
background-color: #f99c0033;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/20 {
background-color: color-mix(
in oklab,
var(--color-amber-500) 20%,
transparent
);
}
}
.bg-amber-500\/25 {
background-color: #f99c0040;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/25 {
background-color: color-mix(
in oklab,
var(--color-amber-500) 25%,
transparent
);
}
}
.bg-amber-500\/\[0\.05\] {
background-color: #f99c000d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/\[0\.05\] {
background-color: color-mix(
in oklab,
var(--color-amber-500) 5%,
transparent
);
}
}
.bg-amber-500\/\[0\.06\] {
background-color: #f99c000f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/\[0\.06\] {
background-color: color-mix(
in oklab,
var(--color-amber-500) 6%,
transparent
);
}
}
.bg-amber-500\/\[0\.07\] {
background-color: #f99c0012;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/\[0\.07\] {
background-color: color-mix(
in oklab,
var(--color-amber-500) 7%,
transparent
);
}
}
.bg-background {
background-color: var(--background);
}
.bg-bg-deep {
background-color: #000;
}
.bg-black {
background-color: var(--color-black);
}
.bg-black\/25 {
background-color: #00000040;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/25 {
background-color: color-mix(
in oklab,
var(--color-black) 25%,
transparent
);
}
}
.bg-black\/30 {
background-color: #0000004d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/30 {
background-color: color-mix(
in oklab,
var(--color-black) 30%,
transparent
);
}
}
.bg-black\/35 {
background-color: #00000059;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/35 {
background-color: color-mix(
in oklab,
var(--color-black) 35%,
transparent
);
}
}
.bg-black\/40 {
background-color: #0006;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/40 {
background-color: color-mix(
in oklab,
var(--color-black) 40%,
transparent
);
}
}
.bg-black\/50 {
background-color: #00000080;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/50 {
background-color: color-mix(
in oklab,
var(--color-black) 50%,
transparent
);
}
}
.bg-black\/55 {
background-color: #0000008c;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/55 {
background-color: color-mix(
in oklab,
var(--color-black) 55%,
transparent
);
}
}
.bg-black\/60 {
background-color: #0009;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/60 {
background-color: color-mix(
in oklab,
var(--color-black) 60%,
transparent
);
}
}
.bg-black\/65 {
background-color: #000000a6;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/65 {
background-color: color-mix(
in oklab,
var(--color-black) 65%,
transparent
);
}
}
.bg-black\/70 {
background-color: #000000b3;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/70 {
background-color: color-mix(
in oklab,
var(--color-black) 70%,
transparent
);
}
}
.bg-black\/75 {
background-color: #000000bf;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/75 {
background-color: color-mix(
in oklab,
var(--color-black) 75%,
transparent
);
}
}
.bg-black\/80 {
background-color: #000c;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/80 {
background-color: color-mix(
in oklab,
var(--color-black) 80%,
transparent
);
}
}
.bg-border {
background-color: var(--border);
}
.bg-card {
background-color: var(--card);
}
.bg-cyan-400\/10 {
background-color: #00d2ef1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-cyan-400\/10 {
background-color: color-mix(
in oklab,
var(--color-cyan-400) 10%,
transparent
);
}
}
.bg-destructive {
background-color: var(--destructive);
}
.bg-emerald-300 {
background-color: var(--color-emerald-300);
}
.bg-emerald-400 {
background-color: var(--color-emerald-400);
}
.bg-emerald-400\/10 {
background-color: #00d2941a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-400\/10 {
background-color: color-mix(
in oklab,
var(--color-emerald-400) 10%,
transparent
);
}
}
.bg-emerald-400\/12 {
background-color: #00d2941f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-400\/12 {
background-color: color-mix(
in oklab,
var(--color-emerald-400) 12%,
transparent
);
}
}
.bg-emerald-400\/15 {
background-color: #00d29426;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-400\/15 {
background-color: color-mix(
in oklab,
var(--color-emerald-400) 15%,
transparent
);
}
}
.bg-emerald-400\/20 {
background-color: #00d29433;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-400\/20 {
background-color: color-mix(
in oklab,
var(--color-emerald-400) 20%,
transparent
);
}
}
.bg-emerald-400\/25 {
background-color: #00d29440;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-400\/25 {
background-color: color-mix(
in oklab,
var(--color-emerald-400) 25%,
transparent
);
}
}
.bg-emerald-400\/70 {
background-color: #00d294b3;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-400\/70 {
background-color: color-mix(
in oklab,
var(--color-emerald-400) 70%,
transparent
);
}
}
.bg-emerald-400\/80 {
background-color: #00d294cc;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-400\/80 {
background-color: color-mix(
in oklab,
var(--color-emerald-400) 80%,
transparent
);
}
}
.bg-emerald-400\/\[0\.05\] {
background-color: #00d2940d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-400\/\[0\.05\] {
background-color: color-mix(
in oklab,
var(--color-emerald-400) 5%,
transparent
);
}
}
.bg-emerald-500 {
background-color: var(--color-emerald-500);
}
.bg-emerald-500\/8 {
background-color: #00bb7f14;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-500\/8 {
background-color: color-mix(
in oklab,
var(--color-emerald-500) 8%,
transparent
);
}
}
.bg-emerald-500\/10 {
background-color: #00bb7f1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-500\/10 {
background-color: color-mix(
in oklab,
var(--color-emerald-500) 10%,
transparent
);
}
}
.bg-emerald-500\/15 {
background-color: #00bb7f26;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-500\/15 {
background-color: color-mix(
in oklab,
var(--color-emerald-500) 15%,
transparent
);
}
}
.bg-emerald-500\/20 {
background-color: #00bb7f33;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-500\/20 {
background-color: color-mix(
in oklab,
var(--color-emerald-500) 20%,
transparent
);
}
}
.bg-emerald-500\/25 {
background-color: #00bb7f40;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-500\/25 {
background-color: color-mix(
in oklab,
var(--color-emerald-500) 25%,
transparent
);
}
}
.bg-emerald-500\/\[0\.05\] {
background-color: #00bb7f0d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-500\/\[0\.05\] {
background-color: color-mix(
in oklab,
var(--color-emerald-500) 5%,
transparent
);
}
}
.bg-emerald-500\/\[0\.06\] {
background-color: #00bb7f0f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-500\/\[0\.06\] {
background-color: color-mix(
in oklab,
var(--color-emerald-500) 6%,
transparent
);
}
}
.bg-emerald-500\/\[0\.07\] {
background-color: #00bb7f12;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-500\/\[0\.07\] {
background-color: color-mix(
in oklab,
var(--color-emerald-500) 7%,
transparent
);
}
}
.bg-foreground {
background-color: var(--foreground);
}
.bg-fuchsia-500\/10 {
background-color: #e12afb1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-fuchsia-500\/10 {
background-color: color-mix(
in oklab,
var(--color-fuchsia-500) 10%,
transparent
);
}
}
.bg-fuchsia-500\/20 {
background-color: #e12afb33;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-fuchsia-500\/20 {
background-color: color-mix(
in oklab,
var(--color-fuchsia-500) 20%,
transparent
);
}
}
.bg-fuchsia-500\/25 {
background-color: #e12afb40;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-fuchsia-500\/25 {
background-color: color-mix(
in oklab,
var(--color-fuchsia-500) 25%,
transparent
);
}
}
.bg-iris {
background-color: #cf0;
}
.bg-iris-3 {
background-color: #a8d400;
}
.bg-iris\/5 {
background-color: #ccff000d;
}
.bg-iris\/8 {
background-color: #ccff0014;
}
.bg-iris\/15 {
background-color: #ccff0026;
}
.bg-iris\/20 {
background-color: #cf03;
}
.bg-iris\/25 {
background-color: #ccff0040;
}
.bg-iris\/30 {
background-color: #ccff004d;
}
.bg-iris\/80 {
background-color: #cf0c;
}
.bg-muted,
.bg-muted\/50 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/50 {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
.bg-orange-400\/20 {
background-color: #ff8b1a33;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-orange-400\/20 {
background-color: color-mix(
in oklab,
var(--color-orange-400) 20%,
transparent
);
}
}
.bg-pink-400\/10 {
background-color: #fb64b61a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-pink-400\/10 {
background-color: color-mix(
in oklab,
var(--color-pink-400) 10%,
transparent
);
}
}
.bg-popover {
background-color: var(--popover);
}
.bg-primary,
.bg-primary\/10 {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/10 {
background-color: color-mix(in oklab, var(--primary) 10%, transparent);
}
}
.bg-primary\/20 {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/20 {
background-color: color-mix(in oklab, var(--primary) 20%, transparent);
}
}
.bg-red-400\/10 {
background-color: #ff65681a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-400\/10 {
background-color: color-mix(
in oklab,
var(--color-red-400) 10%,
transparent
);
}
}
.bg-red-400\/12 {
background-color: #ff65681f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-400\/12 {
background-color: color-mix(
in oklab,
var(--color-red-400) 12%,
transparent
);
}
}
.bg-red-400\/15 {
background-color: #ff656826;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-400\/15 {
background-color: color-mix(
in oklab,
var(--color-red-400) 15%,
transparent
);
}
}
.bg-red-500 {
background-color: var(--color-red-500);
}
.bg-red-500\/10 {
background-color: #fb2c361a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/10 {
background-color: color-mix(
in oklab,
var(--color-red-500) 10%,
transparent
);
}
}
.bg-red-500\/12 {
background-color: #fb2c361f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/12 {
background-color: color-mix(
in oklab,
var(--color-red-500) 12%,
transparent
);
}
}
.bg-red-500\/15 {
background-color: #fb2c3626;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/15 {
background-color: color-mix(
in oklab,
var(--color-red-500) 15%,
transparent
);
}
}
.bg-red-500\/20 {
background-color: #fb2c3633;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/20 {
background-color: color-mix(
in oklab,
var(--color-red-500) 20%,
transparent
);
}
}
.bg-red-500\/\[0\.06\] {
background-color: #fb2c360f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/\[0\.06\] {
background-color: color-mix(
in oklab,
var(--color-red-500) 6%,
transparent
);
}
}
.bg-rose-400 {
background-color: var(--color-rose-400);
}
.bg-rose-400\/10 {
background-color: #ff667f1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-rose-400\/10 {
background-color: color-mix(
in oklab,
var(--color-rose-400) 10%,
transparent
);
}
}
.bg-rose-400\/12 {
background-color: #ff667f1f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-rose-400\/12 {
background-color: color-mix(
in oklab,
var(--color-rose-400) 12%,
transparent
);
}
}
.bg-rose-400\/15 {
background-color: #ff667f26;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-rose-400\/15 {
background-color: color-mix(
in oklab,
var(--color-rose-400) 15%,
transparent
);
}
}
.bg-rose-400\/70 {
background-color: #ff667fb3;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-rose-400\/70 {
background-color: color-mix(
in oklab,
var(--color-rose-400) 70%,
transparent
);
}
}
.bg-rose-500\/5 {
background-color: #ff23570d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-rose-500\/5 {
background-color: color-mix(
in oklab,
var(--color-rose-500) 5%,
transparent
);
}
}
.bg-rose-500\/10 {
background-color: #ff23571a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-rose-500\/10 {
background-color: color-mix(
in oklab,
var(--color-rose-500) 10%,
transparent
);
}
}
.bg-rose-500\/15 {
background-color: #ff235726;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-rose-500\/15 {
background-color: color-mix(
in oklab,
var(--color-rose-500) 15%,
transparent
);
}
}
.bg-rose-500\/20 {
background-color: #ff235733;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-rose-500\/20 {
background-color: color-mix(
in oklab,
var(--color-rose-500) 20%,
transparent
);
}
}
.bg-rose-500\/95 {
background-color: #ff2357f2;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-rose-500\/95 {
background-color: color-mix(
in oklab,
var(--color-rose-500) 95%,
transparent
);
}
}
.bg-rose-500\/\[0\.08\] {
background-color: #ff235714;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-rose-500\/\[0\.08\] {
background-color: color-mix(
in oklab,
var(--color-rose-500) 8%,
transparent
);
}
}
.bg-secondary {
background-color: var(--secondary);
}
.bg-sky-400 {
background-color: var(--color-sky-400);
}
.bg-sky-400\/15 {
background-color: #00bcfe26;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-sky-400\/15 {
background-color: color-mix(
in oklab,
var(--color-sky-400) 15%,
transparent
);
}
}
.bg-sky-500 {
background-color: var(--color-sky-500);
}
.bg-sky-500\/10 {
background-color: #00a5ef1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-sky-500\/10 {
background-color: color-mix(
in oklab,
var(--color-sky-500) 10%,
transparent
);
}
}
.bg-sky-500\/15 {
background-color: #00a5ef26;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-sky-500\/15 {
background-color: color-mix(
in oklab,
var(--color-sky-500) 15%,
transparent
);
}
}
.bg-transparent {
background-color: #0000;
}
.bg-violet-500\/20 {
background-color: #8d54ff33;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-violet-500\/20 {
background-color: color-mix(
in oklab,
var(--color-violet-500) 20%,
transparent
);
}
}
.bg-violet-500\/25 {
background-color: #8d54ff40;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-violet-500\/25 {
background-color: color-mix(
in oklab,
var(--color-violet-500) 25%,
transparent
);
}
}
.bg-white {
background-color: var(--color-white);
}
.bg-white\/5 {
background-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/5 {
background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.bg-white\/6 {
background-color: #ffffff0f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/6 {
background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
.bg-white\/8 {
background-color: #ffffff14;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/8 {
background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
.bg-white\/10 {
background-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/10 {
background-color: color-mix(
in oklab,
var(--color-white) 10%,
transparent
);
}
}
.bg-white\/12 {
background-color: #ffffff1f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/12 {
background-color: color-mix(
in oklab,
var(--color-white) 12%,
transparent
);
}
}
.bg-white\/15 {
background-color: #ffffff26;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/15 {
background-color: color-mix(
in oklab,
var(--color-white) 15%,
transparent
);
}
}
.bg-white\/20 {
background-color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/20 {
background-color: color-mix(
in oklab,
var(--color-white) 20%,
transparent
);
}
}
.bg-white\/25 {
background-color: #ffffff40;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/25 {
background-color: color-mix(
in oklab,
var(--color-white) 25%,
transparent
);
}
}
.bg-white\/30 {
background-color: #ffffff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/30 {
background-color: color-mix(
in oklab,
var(--color-white) 30%,
transparent
);
}
}
.bg-white\/70 {
background-color: #ffffffb3;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/70 {
background-color: color-mix(
in oklab,
var(--color-white) 70%,
transparent
);
}
}
.bg-white\/\[0\.1\] {
background-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.1\] {
background-color: color-mix(
in oklab,
var(--color-white) 10%,
transparent
);
}
}
.bg-white\/\[0\.02\] {
background-color: #ffffff05;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.02\] {
background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
}
}
.bg-white\/\[0\.03\] {
background-color: #ffffff08;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.03\] {
background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
}
}
.bg-white\/\[0\.04\] {
background-color: #ffffff0a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.04\] {
background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
}
}
.bg-white\/\[0\.05\] {
background-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.05\] {
background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.bg-white\/\[0\.06\] {
background-color: #ffffff0f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.06\] {
background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
.bg-white\/\[0\.08\] {
background-color: #ffffff14;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.08\] {
background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
.bg-white\/\[0\.12\] {
background-color: #ffffff1f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.12\] {
background-color: color-mix(
in oklab,
var(--color-white) 12%,
transparent
);
}
}
.bg-white\/\[0\.14\] {
background-color: #ffffff24;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.14\] {
background-color: color-mix(
in oklab,
var(--color-white) 14%,
transparent
);
}
}
.bg-white\/\[0\.015\] {
background-color: #ffffff04;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.015\] {
background-color: color-mix(
in oklab,
var(--color-white) 1.5%,
transparent
);
}
}
.bg-white\/\[0\.025\] {
background-color: #ffffff06;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.025\] {
background-color: color-mix(
in oklab,
var(--color-white) 2.5%,
transparent
);
}
}
.bg-white\/\[0\.035\] {
background-color: #ffffff09;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.035\] {
background-color: color-mix(
in oklab,
var(--color-white) 3.5%,
transparent
);
}
}
.bg-yellow-400\/15 {
background-color: #fac80026;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-yellow-400\/15 {
background-color: color-mix(
in oklab,
var(--color-yellow-400) 15%,
transparent
);
}
}
.bg-gradient-to-b {
--tw-gradient-position: to bottom in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-br {
--tw-gradient-position: to bottom right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-r {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-t {
--tw-gradient-position: to top in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-\[linear-gradient\(135deg\,\#0D0D0D_0\%\,\#000000_60\%\)\] {
background-image: linear-gradient(135deg, #0d0d0d, #000 60%);
}
.bg-\[linear-gradient\(180deg\,\#0A0A0A_0\%\,\#000000_100\%\)\] {
background-image: linear-gradient(#0a0a0a, #000);
}
.bg-\[linear-gradient\(180deg\,\#0D0D0D_0\%\,\#0D0D0D_100\%\)\] {
background-image: linear-gradient(#0d0d0d 0% 100%);
}
.bg-\[linear-gradient\(180deg\,\#0D0D0D_0\%\,\#000000_100\%\)\] {
background-image: linear-gradient(#0d0d0d, #000);
}
.bg-\[linear-gradient\(180deg\,\#000000_0\%\,\#000000_100\%\)\] {
background-image: linear-gradient(#000 0% 100%);
}
.bg-\[linear-gradient\(180deg\,\#111111_0\%\,\#000000_100\%\)\] {
background-image: linear-gradient(#111, #000);
}
.bg-\[radial-gradient\(90\%_55\%_at_50\%_-10\%\,rgba\(204\,255\,0\,0\.05\)\,transparent_70\%\)\] {
background-image: radial-gradient(
90% 55% at 50% -10%,
#ccff000d,
#0000 70%
);
}
.bg-\[radial-gradient\(90\%_55\%_at_50\%_-10\%\,rgba\(204\,255\,0\,0\.10\)\,transparent_70\%\)\] {
background-image: radial-gradient(
90% 55% at 50% -10%,
#ccff001a,
#0000 70%
);
}
.from-\[\#0A0A0A\]\/70 {
--tw-gradient-from: #0a0a0ab3;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-\[\#0A0A0A\]\/70 {
--tw-gradient-from: lab(2.74175% 0 0.00000596046/.7);
}
}
.from-\[\#0A0A0A\]\/80 {
--tw-gradient-from: #0a0a0acc;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-\[\#0A0A0A\]\/80 {
--tw-gradient-from: lab(2.74175% 0 0.00000596046/.8);
}
}
.from-\[\#000000\]\/20 {
--tw-gradient-from: #0003;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-\[\#000000\]\/20 {
--tw-gradient-from: lab(0% 0 0/0.2);
}
}
.from-\[\#000000\]\/35 {
--tw-gradient-from: #00000059;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-\[\#000000\]\/35 {
--tw-gradient-from: lab(0% 0 0/0.35);
}
}
.from-\[\#000000\]\/90 {
--tw-gradient-from: #000000e6;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-\[\#000000\]\/90 {
--tw-gradient-from: lab(0% 0 0/0.9);
}
}
.from-\[\#2d88ff\] {
--tw-gradient-from: #2d88ff;
--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-\[\#A8D400\] {
--tw-gradient-from: #a8d400;
--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-\[\#CCFF00\] {
--tw-gradient-from: #cf0;
--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-\[\#CCFF00\]\/10 {
--tw-gradient-from: #ccff001a;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-\[\#CCFF00\]\/10 {
--tw-gradient-from: lab(93.9363% -35.8091 88.7913/0.1);
}
}
.from-\[\#CCFF00\]\/14 {
--tw-gradient-from: #ccff0024;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-\[\#CCFF00\]\/14 {
--tw-gradient-from: lab(93.9363% -35.8091 88.7913/0.14);
}
}
.from-\[\#CCFF00\]\/15 {
--tw-gradient-from: #ccff0026;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-\[\#CCFF00\]\/15 {
--tw-gradient-from: lab(93.9363% -35.8091 88.7913/0.15);
}
}
.from-\[\#CCFF00\]\/20 {
--tw-gradient-from: #cf03;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-\[\#CCFF00\]\/20 {
--tw-gradient-from: lab(93.9363% -35.8091 88.7913/0.2);
}
}
.from-\[\#CCFF00\]\/30 {
--tw-gradient-from: #ccff004d;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-\[\#CCFF00\]\/30 {
--tw-gradient-from: lab(93.9363% -35.8091 88.7913/0.3);
}
}
.from-\[\#CCFF00\]\/35 {
--tw-gradient-from: #ccff0059;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-\[\#CCFF00\]\/35 {
--tw-gradient-from: lab(93.9363% -35.8091 88.7913/0.35);
}
}
.from-\[\#CCFF00\]\/40 {
--tw-gradient-from: #cf06;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-\[\#CCFF00\]\/40 {
--tw-gradient-from: lab(93.9363% -35.8091 88.7913/0.4);
}
}
.from-\[\#CCFF00\]\/60 {
--tw-gradient-from: #cf09;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-\[\#CCFF00\]\/60 {
--tw-gradient-from: lab(93.9363% -35.8091 88.7913/0.6);
}
}
.from-\[\#CCFF00\]\/95 {
--tw-gradient-from: #ccff00f2;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-\[\#CCFF00\]\/95 {
--tw-gradient-from: lab(93.9363% -35.8091 88.7913/0.95);
}
}
.from-\[\#E4FF4D\] {
--tw-gradient-from: #e4ff4d;
--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-\[\#FB923C\] {
--tw-gradient-from: #fb923c;
--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-\[\#FB923C\]\/15 {
--tw-gradient-from: #fb923c26;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-\[\#FB923C\]\/15 {
--tw-gradient-from: lab(71.1073% 36.1144 60.821/0.15);
}
}
.from-\[\#ff6680\] {
--tw-gradient-from: #ff6680;
--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-\[\#ffd166\] {
--tw-gradient-from: #ffd166;
--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-amber-300 {
--tw-gradient-from: var(--color-amber-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-amber-400 {
--tw-gradient-from: var(--color-amber-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-amber-400\/15 {
--tw-gradient-from: #fcbb0026;
}
@supports (color: color-mix(in lab, red, red)) {
.from-amber-400\/15 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-amber-400) 15%,
transparent
);
}
}
.from-amber-400\/15 {
--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-amber-400\/30 {
--tw-gradient-from: #fcbb004d;
}
@supports (color: color-mix(in lab, red, red)) {
.from-amber-400\/30 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-amber-400) 30%,
transparent
);
}
}
.from-amber-400\/30 {
--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-amber-500\/8 {
--tw-gradient-from: #f99c0014;
}
@supports (color: color-mix(in lab, red, red)) {
.from-amber-500\/8 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-amber-500) 8%,
transparent
);
}
}
.from-amber-500\/8 {
--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-amber-500\/15 {
--tw-gradient-from: #f99c0026;
}
@supports (color: color-mix(in lab, red, red)) {
.from-amber-500\/15 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-amber-500) 15%,
transparent
);
}
}
.from-amber-500\/15 {
--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-amber-500\/25 {
--tw-gradient-from: #f99c0040;
}
@supports (color: color-mix(in lab, red, red)) {
.from-amber-500\/25 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-amber-500) 25%,
transparent
);
}
}
.from-amber-500\/25 {
--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-black {
--tw-gradient-from: var(--color-black);
--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-400 {
--tw-gradient-from: var(--color-blue-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-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-cyan-400 {
--tw-gradient-from: var(--color-cyan-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-cyan-500\/60 {
--tw-gradient-from: #00b7d799;
}
@supports (color: color-mix(in lab, red, red)) {
.from-cyan-500\/60 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-cyan-500) 60%,
transparent
);
}
}
.from-cyan-500\/60 {
--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-emerald-400 {
--tw-gradient-from: var(--color-emerald-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-emerald-400\/10 {
--tw-gradient-from: #00d2941a;
}
@supports (color: color-mix(in lab, red, red)) {
.from-emerald-400\/10 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-emerald-400) 10%,
transparent
);
}
}
.from-emerald-400\/10 {
--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-emerald-400\/15 {
--tw-gradient-from: #00d29426;
}
@supports (color: color-mix(in lab, red, red)) {
.from-emerald-400\/15 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-emerald-400) 15%,
transparent
);
}
}
.from-emerald-400\/15 {
--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-emerald-400\/30 {
--tw-gradient-from: #00d2944d;
}
@supports (color: color-mix(in lab, red, red)) {
.from-emerald-400\/30 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-emerald-400) 30%,
transparent
);
}
}
.from-emerald-400\/30 {
--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-emerald-400\/35 {
--tw-gradient-from: #00d29459;
}
@supports (color: color-mix(in lab, red, red)) {
.from-emerald-400\/35 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-emerald-400) 35%,
transparent
);
}
}
.from-emerald-400\/35 {
--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-emerald-400\/\[0\.06\] {
--tw-gradient-from: #00d2940f;
}
@supports (color: color-mix(in lab, red, red)) {
.from-emerald-400\/\[0\.06\] {
--tw-gradient-from: color-mix(
in oklab,
var(--color-emerald-400) 6%,
transparent
);
}
}
.from-emerald-400\/\[0\.06\] {
--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-emerald-500 {
--tw-gradient-from: var(--color-emerald-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-emerald-500\/12 {
--tw-gradient-from: #00bb7f1f;
}
@supports (color: color-mix(in lab, red, red)) {
.from-emerald-500\/12 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-emerald-500) 12%,
transparent
);
}
}
.from-emerald-500\/12 {
--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-emerald-500\/25 {
--tw-gradient-from: #00bb7f40;
}
@supports (color: color-mix(in lab, red, red)) {
.from-emerald-500\/25 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-emerald-500) 25%,
transparent
);
}
}
.from-emerald-500\/25 {
--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-fuchsia-400\/30 {
--tw-gradient-from: #ec6cff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.from-fuchsia-400\/30 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-fuchsia-400) 30%,
transparent
);
}
}
.from-fuchsia-400\/30 {
--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-fuchsia-500 {
--tw-gradient-from: var(--color-fuchsia-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-fuchsia-500\/15 {
--tw-gradient-from: #e12afb26;
}
@supports (color: color-mix(in lab, red, red)) {
.from-fuchsia-500\/15 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-fuchsia-500) 15%,
transparent
);
}
}
.from-fuchsia-500\/15 {
--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-400 {
--tw-gradient-from: var(--color-green-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-indigo-400 {
--tw-gradient-from: var(--color-indigo-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-iris {
--tw-gradient-from: #cf0;
--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-iris-3 {
--tw-gradient-from: #a8d400;
--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-iris\/15 {
--tw-gradient-from: #ccff0026;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-iris\/15 {
--tw-gradient-from: lab(93.9363% -35.8091 88.7913/0.15);
}
}
.from-iris\/20 {
--tw-gradient-from: #cf03;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-iris\/20 {
--tw-gradient-from: lab(93.9363% -35.8091 88.7913/0.2);
}
}
.from-iris\/25 {
--tw-gradient-from: #ccff0040;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-iris\/25 {
--tw-gradient-from: lab(93.9363% -35.8091 88.7913/0.25);
}
}
.from-iris\/30 {
--tw-gradient-from: #ccff004d;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-iris\/30 {
--tw-gradient-from: lab(93.9363% -35.8091 88.7913/0.3);
}
}
.from-iris\/40 {
--tw-gradient-from: #cf06;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.from-iris\/40 {
--tw-gradient-from: lab(93.9363% -35.8091 88.7913/0.4);
}
}
.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-orange-400 {
--tw-gradient-from: var(--color-orange-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-pink-400 {
--tw-gradient-from: var(--color-pink-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-red-400 {
--tw-gradient-from: var(--color-red-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-rose-400 {
--tw-gradient-from: var(--color-rose-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-rose-400\/30 {
--tw-gradient-from: #ff667f4d;
}
@supports (color: color-mix(in lab, red, red)) {
.from-rose-400\/30 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-rose-400) 30%,
transparent
);
}
}
.from-rose-400\/30 {
--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-rose-400\/35 {
--tw-gradient-from: #ff667f59;
}
@supports (color: color-mix(in lab, red, red)) {
.from-rose-400\/35 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-rose-400) 35%,
transparent
);
}
}
.from-rose-400\/35 {
--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-rose-500 {
--tw-gradient-from: var(--color-rose-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-rose-500\/60 {
--tw-gradient-from: #ff235799;
}
@supports (color: color-mix(in lab, red, red)) {
.from-rose-500\/60 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-rose-500) 60%,
transparent
);
}
}
.from-rose-500\/60 {
--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-sky-400 {
--tw-gradient-from: var(--color-sky-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-slate-300 {
--tw-gradient-from: var(--color-slate-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-slate-400 {
--tw-gradient-from: var(--color-slate-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-stone-400 {
--tw-gradient-from: var(--color-stone-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-teal-400 {
--tw-gradient-from: var(--color-teal-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-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-violet-400 {
--tw-gradient-from: var(--color-violet-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-violet-400\/30 {
--tw-gradient-from: #a685ff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.from-violet-400\/30 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-violet-400) 30%,
transparent
);
}
}
.from-violet-400\/30 {
--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-violet-500\/10 {
--tw-gradient-from: #8d54ff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.from-violet-500\/10 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-violet-500) 10%,
transparent
);
}
}
.from-violet-500\/10 {
--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-violet-500\/25 {
--tw-gradient-from: #8d54ff40;
}
@supports (color: color-mix(in lab, red, red)) {
.from-violet-500\/25 {
--tw-gradient-from: color-mix(
in oklab,
var(--color-violet-500) 25%,
transparent
);
}
}
.from-violet-500\/25 {
--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\/\[0\.04\] {
--tw-gradient-from: #ffffff0a;
}
@supports (color: color-mix(in lab, red, red)) {
.from-white\/\[0\.04\] {
--tw-gradient-from: color-mix(
in oklab,
var(--color-white) 4%,
transparent
);
}
}
.from-white\/\[0\.04\] {
--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\/\[0\.06\] {
--tw-gradient-from: #ffffff0f;
}
@supports (color: color-mix(in lab, red, red)) {
.from-white\/\[0\.06\] {
--tw-gradient-from: color-mix(
in oklab,
var(--color-white) 6%,
transparent
);
}
}
.from-white\/\[0\.06\] {
--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-yellow-400 {
--tw-gradient-from: var(--color-yellow-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-zinc-300 {
--tw-gradient-from: var(--color-zinc-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-zinc-400 {
--tw-gradient-from: var(--color-zinc-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)
);
}
.via-\[\#000000\] {
--tw-gradient-via: #000;
--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-\[\#000000\]\/40 {
--tw-gradient-via: #0006;
--tw-gradient-via-stops: var(--tw-gradient-position),
var(--tw-gradient-from) var(--tw-gradient-from-position),
var(--tw-gradient-via) var(--tw-gradient-via-position),
var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
@supports (color: lab(0% 0 0)) {
.via-\[\#000000\]\/40 {
--tw-gradient-via: lab(0% 0 0/0.4);
}
}
.via-\[\#000000\]\/55 {
--tw-gradient-via: #0000008c;
--tw-gradient-via-stops: var(--tw-gradient-position),
var(--tw-gradient-from) var(--tw-gradient-from-position),
var(--tw-gradient-via) var(--tw-gradient-via-position),
var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
@supports (color: lab(0% 0 0)) {
.via-\[\#000000\]\/55 {
--tw-gradient-via: lab(0% 0 0/0.55);
}
}
.via-\[\#000000\]\/70 {
--tw-gradient-via: #000000b3;
--tw-gradient-via-stops: var(--tw-gradient-position),
var(--tw-gradient-from) var(--tw-gradient-from-position),
var(--tw-gradient-via) var(--tw-gradient-via-position),
var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
@supports (color: lab(0% 0 0)) {
.via-\[\#000000\]\/70 {
--tw-gradient-via: lab(0% 0 0/0.7);
}
}
.via-\[\#CCFF00\] {
--tw-gradient-via: #cf0;
--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-\[\#CCFF00\]\/8 {
--tw-gradient-via: #ccff0014;
--tw-gradient-via-stops: var(--tw-gradient-position),
var(--tw-gradient-from) var(--tw-gradient-from-position),
var(--tw-gradient-via) var(--tw-gradient-via-position),
var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
@supports (color: lab(0% 0 0)) {
.via-\[\#CCFF00\]\/8 {
--tw-gradient-via: lab(93.9363% -35.8091 88.7913/0.08);
}
}
.via-\[\#CCFF00\]\/10 {
--tw-gradient-via: #ccff001a;
--tw-gradient-via-stops: var(--tw-gradient-position),
var(--tw-gradient-from) var(--tw-gradient-from-position),
var(--tw-gradient-via) var(--tw-gradient-via-position),
var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
@supports (color: lab(0% 0 0)) {
.via-\[\#CCFF00\]\/10 {
--tw-gradient-via: lab(93.9363% -35.8091 88.7913/0.1);
}
}
.via-\[\#CCFF00\]\/30 {
--tw-gradient-via: #ccff004d;
--tw-gradient-via-stops: var(--tw-gradient-position),
var(--tw-gradient-from) var(--tw-gradient-from-position),
var(--tw-gradient-via) var(--tw-gradient-via-position),
var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
@supports (color: lab(0% 0 0)) {
.via-\[\#CCFF00\]\/30 {
--tw-gradient-via: lab(93.9363% -35.8091 88.7913/0.3);
}
}
.via-\[\#E4FF4D\] {
--tw-gradient-via: #e4ff4d;
--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-black\/30 {
--tw-gradient-via: #0000004d;
}
@supports (color: color-mix(in lab, red, red)) {
.via-black\/30 {
--tw-gradient-via: color-mix(
in oklab,
var(--color-black) 30%,
transparent
);
}
}
.via-black\/30 {
--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-black\/70 {
--tw-gradient-via: #000000b3;
}
@supports (color: color-mix(in lab, red, red)) {
.via-black\/70 {
--tw-gradient-via: color-mix(
in oklab,
var(--color-black) 70%,
transparent
);
}
}
.via-black\/70 {
--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-black\/95 {
--tw-gradient-via: #000000f2;
}
@supports (color: color-mix(in lab, red, red)) {
.via-black\/95 {
--tw-gradient-via: color-mix(
in oklab,
var(--color-black) 95%,
transparent
);
}
}
.via-black\/95 {
--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-emerald-400 {
--tw-gradient-via: var(--color-emerald-400);
--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-emerald-500\/10 {
--tw-gradient-via: #00bb7f1a;
}
@supports (color: color-mix(in lab, red, red)) {
.via-emerald-500\/10 {
--tw-gradient-via: color-mix(
in oklab,
var(--color-emerald-500) 10%,
transparent
);
}
}
.via-emerald-500\/10 {
--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-emerald-500\/15 {
--tw-gradient-via: #00bb7f26;
}
@supports (color: color-mix(in lab, red, red)) {
.via-emerald-500\/15 {
--tw-gradient-via: color-mix(
in oklab,
var(--color-emerald-500) 15%,
transparent
);
}
}
.via-emerald-500\/15 {
--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-fuchsia-400 {
--tw-gradient-via: var(--color-fuchsia-400);
--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-fuchsia-500\/10 {
--tw-gradient-via: #e12afb1a;
}
@supports (color: color-mix(in lab, red, red)) {
.via-fuchsia-500\/10 {
--tw-gradient-via: color-mix(
in oklab,
var(--color-fuchsia-500) 10%,
transparent
);
}
}
.via-fuchsia-500\/10 {
--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-fuchsia-500\/15 {
--tw-gradient-via: #e12afb26;
}
@supports (color: color-mix(in lab, red, red)) {
.via-fuchsia-500\/15 {
--tw-gradient-via: color-mix(
in oklab,
var(--color-fuchsia-500) 15%,
transparent
);
}
}
.via-fuchsia-500\/15 {
--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-iris\/10 {
--tw-gradient-via: #ccff001a;
--tw-gradient-via-stops: var(--tw-gradient-position),
var(--tw-gradient-from) var(--tw-gradient-from-position),
var(--tw-gradient-via) var(--tw-gradient-via-position),
var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
@supports (color: lab(0% 0 0)) {
.via-iris\/10 {
--tw-gradient-via: lab(93.9363% -35.8091 88.7913/0.1);
}
}
.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-violet-500 {
--tw-gradient-via: var(--color-violet-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-violet-500\/10 {
--tw-gradient-via: #8d54ff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.via-violet-500\/10 {
--tw-gradient-via: color-mix(
in oklab,
var(--color-violet-500) 10%,
transparent
);
}
}
.via-violet-500\/10 {
--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\/\[0\.02\] {
--tw-gradient-via: #ffffff05;
}
@supports (color: color-mix(in lab, red, red)) {
.via-white\/\[0\.02\] {
--tw-gradient-via: color-mix(
in oklab,
var(--color-white) 2%,
transparent
);
}
}
.via-white\/\[0\.02\] {
--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\/\[0\.03\] {
--tw-gradient-via: #ffffff08;
}
@supports (color: color-mix(in lab, red, red)) {
.via-white\/\[0\.03\] {
--tw-gradient-via: color-mix(
in oklab,
var(--color-white) 3%,
transparent
);
}
}
.via-white\/\[0\.03\] {
--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-\[\#0A0A0A\] {
--tw-gradient-to: #0a0a0a;
--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-\[\#000000\] {
--tw-gradient-to: #000;
--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-\[\#000000\]\/45 {
--tw-gradient-to: #00000073;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.to-\[\#000000\]\/45 {
--tw-gradient-to: lab(0% 0 0/0.45);
}
}
.to-\[\#000000\]\/70 {
--tw-gradient-to: #000000b3;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.to-\[\#000000\]\/70 {
--tw-gradient-to: lab(0% 0 0/0.7);
}
}
.to-\[\#000000\]\/80 {
--tw-gradient-to: #000c;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.to-\[\#000000\]\/80 {
--tw-gradient-to: lab(0% 0 0/0.8);
}
}
.to-\[\#1877f2\] {
--tw-gradient-to: #1877f2;
--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-\[\#A8D400\] {
--tw-gradient-to: #a8d400;
--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-\[\#A8D400\]\/95 {
--tw-gradient-to: #a8d400f2;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.to-\[\#A8D400\]\/95 {
--tw-gradient-to: lab(79.5627% -31.6025 77.1478/0.95);
}
}
.to-\[\#CCFF00\] {
--tw-gradient-to: #cf0;
--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-\[\#CCFF00\]\/5 {
--tw-gradient-to: #ccff000d;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.to-\[\#CCFF00\]\/5 {
--tw-gradient-to: lab(93.9363% -35.8091 88.7913/0.05);
}
}
.to-\[\#CCFF00\]\/10 {
--tw-gradient-to: #ccff001a;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.to-\[\#CCFF00\]\/10 {
--tw-gradient-to: lab(93.9363% -35.8091 88.7913/0.1);
}
}
.to-\[\#CCFF00\]\/20 {
--tw-gradient-to: #cf03;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.to-\[\#CCFF00\]\/20 {
--tw-gradient-to: lab(93.9363% -35.8091 88.7913/0.2);
}
}
.to-\[\#CCFF00\]\/\[0\.04\] {
--tw-gradient-to: #ccff000a;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.to-\[\#CCFF00\]\/\[0\.04\] {
--tw-gradient-to: lab(93.9363% -35.8091 88.7913/0.04);
}
}
.to-\[\#E4FF4D\] {
--tw-gradient-to: #e4ff4d;
--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-\[\#E4FF4D\]\/10 {
--tw-gradient-to: #e4ff4d1a;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.to-\[\#E4FF4D\]\/10 {
--tw-gradient-to: lab(95.7473% -25.1275 76.6937/0.1);
}
}
.to-\[\#E4FF4D\]\/15 {
--tw-gradient-to: #e4ff4d26;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.to-\[\#E4FF4D\]\/15 {
--tw-gradient-to: lab(95.7473% -25.1275 76.6937/0.15);
}
}
.to-\[\#E4FF4D\]\/30 {
--tw-gradient-to: #e4ff4d4d;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.to-\[\#E4FF4D\]\/30 {
--tw-gradient-to: lab(95.7473% -25.1275 76.6937/0.3);
}
}
.to-\[\#f7b928\] {
--tw-gradient-to: #f7b928;
--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-\[\#f33e58\] {
--tw-gradient-to: #f33e58;
--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-amber-300 {
--tw-gradient-to: var(--color-amber-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-amber-400 {
--tw-gradient-to: var(--color-amber-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)
);
}
.to-amber-400\/5 {
--tw-gradient-to: #fcbb000d;
}
@supports (color: color-mix(in lab, red, red)) {
.to-amber-400\/5 {
--tw-gradient-to: color-mix(
in oklab,
var(--color-amber-400) 5%,
transparent
);
}
}
.to-amber-400\/5 {
--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-amber-500 {
--tw-gradient-to: var(--color-amber-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-amber-600\/10 {
--tw-gradient-to: #dd74001a;
}
@supports (color: color-mix(in lab, red, red)) {
.to-amber-600\/10 {
--tw-gradient-to: color-mix(
in oklab,
var(--color-amber-600) 10%,
transparent
);
}
}
.to-amber-600\/10 {
--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-black\/50 {
--tw-gradient-to: #00000080;
}
@supports (color: color-mix(in lab, red, red)) {
.to-black\/50 {
--tw-gradient-to: color-mix(
in oklab,
var(--color-black) 50%,
transparent
);
}
}
.to-black\/50 {
--tw-gradient-stops: var(
--tw-gradient-via-stops,
var(--tw-gradient-position),
var(--tw-gradient-from) var(--tw-gradient-from-position),
var(--tw-gradient-to) var(--tw-gradient-to-position)
);
}
.to-blue-500 {
--tw-gradient-to: 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)
);
}
.to-blue-600 {
--tw-gradient-to: 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)
);
}
.to-blue-600\/60 {
--tw-gradient-to: #155dfc99;
}
@supports (color: color-mix(in lab, red, red)) {
.to-blue-600\/60 {
--tw-gradient-to: color-mix(
in oklab,
var(--color-blue-600) 60%,
transparent
);
}
}
.to-blue-600\/60 {
--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-blue-800 {
--tw-gradient-to: var(--color-blue-800);
--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-400 {
--tw-gradient-to: var(--color-emerald-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)
);
}
.to-emerald-400\/5 {
--tw-gradient-to: #00d2940d;
}
@supports (color: color-mix(in lab, red, red)) {
.to-emerald-400\/5 {
--tw-gradient-to: color-mix(
in oklab,
var(--color-emerald-400) 5%,
transparent
);
}
}
.to-emerald-400\/5 {
--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-400\/25 {
--tw-gradient-to: #00d29440;
}
@supports (color: color-mix(in lab, red, red)) {
.to-emerald-400\/25 {
--tw-gradient-to: color-mix(
in oklab,
var(--color-emerald-400) 25%,
transparent
);
}
}
.to-emerald-400\/25 {
--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 {
--tw-gradient-to: var(--color-emerald-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-600\/10 {
--tw-gradient-to: #0097671a;
}
@supports (color: color-mix(in lab, red, red)) {
.to-emerald-600\/10 {
--tw-gradient-to: color-mix(
in oklab,
var(--color-emerald-600) 10%,
transparent
);
}
}
.to-emerald-600\/10 {
--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-600\/15 {
--tw-gradient-to: #00976726;
}
@supports (color: color-mix(in lab, red, red)) {
.to-emerald-600\/15 {
--tw-gradient-to: color-mix(
in oklab,
var(--color-emerald-600) 15%,
transparent
);
}
}
.to-emerald-600\/15 {
--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-600\/60 {
--tw-gradient-to: #00976799;
}
@supports (color: color-mix(in lab, red, red)) {
.to-emerald-600\/60 {
--tw-gradient-to: color-mix(
in oklab,
var(--color-emerald-600) 60%,
transparent
);
}
}
.to-emerald-600\/60 {
--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-fuchsia-400\/5 {
--tw-gradient-to: #ec6cff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.to-fuchsia-400\/5 {
--tw-gradient-to: color-mix(
in oklab,
var(--color-fuchsia-400) 5%,
transparent
);
}
}
.to-fuchsia-400\/5 {
--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-fuchsia-500 {
--tw-gradient-to: var(--color-fuchsia-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-fuchsia-500\/20 {
--tw-gradient-to: #e12afb33;
}
@supports (color: color-mix(in lab, red, red)) {
.to-fuchsia-500\/20 {
--tw-gradient-to: color-mix(
in oklab,
var(--color-fuchsia-500) 20%,
transparent
);
}
}
.to-fuchsia-500\/20 {
--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-highlight-2 {
--tw-gradient-to: #fff;
--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-indigo-400 {
--tw-gradient-to: var(--color-indigo-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)
);
}
.to-iris {
--tw-gradient-to: #cf0;
--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-iris-3 {
--tw-gradient-to: #a8d400;
--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-iris\/5 {
--tw-gradient-to: #ccff000d;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.to-iris\/5 {
--tw-gradient-to: lab(93.9363% -35.8091 88.7913/0.05);
}
}
.to-lime-500 {
--tw-gradient-to: var(--color-lime-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-neutral-500 {
--tw-gradient-to: var(--color-neutral-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-orange-500 {
--tw-gradient-to: 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)
);
}
.to-pink-400 {
--tw-gradient-to: var(--color-pink-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)
);
}
.to-pink-600 {
--tw-gradient-to: var(--color-pink-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)
);
}
.to-red-500 {
--tw-gradient-to: var(--color-red-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\/60 {
--tw-gradient-to: #e4001499;
}
@supports (color: color-mix(in lab, red, red)) {
.to-red-600\/60 {
--tw-gradient-to: color-mix(
in oklab,
var(--color-red-600) 60%,
transparent
);
}
}
.to-red-600\/60 {
--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-rose-500 {
--tw-gradient-to: var(--color-rose-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-rose-600\/10 {
--tw-gradient-to: #e700441a;
}
@supports (color: color-mix(in lab, red, red)) {
.to-rose-600\/10 {
--tw-gradient-to: color-mix(
in oklab,
var(--color-rose-600) 10%,
transparent
);
}
}
.to-rose-600\/10 {
--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-rose-600\/15 {
--tw-gradient-to: #e7004426;
}
@supports (color: color-mix(in lab, red, red)) {
.to-rose-600\/15 {
--tw-gradient-to: color-mix(
in oklab,
var(--color-rose-600) 15%,
transparent
);
}
}
.to-rose-600\/15 {
--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-sky-500 {
--tw-gradient-to: var(--color-sky-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-sky-600 {
--tw-gradient-to: var(--color-sky-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)
);
}
.to-teal-500 {
--tw-gradient-to: var(--color-teal-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-teal-600 {
--tw-gradient-to: var(--color-teal-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)
);
}
.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-violet-400 {
--tw-gradient-to: var(--color-violet-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)
);
}
.to-violet-400\/5 {
--tw-gradient-to: #a685ff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.to-violet-400\/5 {
--tw-gradient-to: color-mix(
in oklab,
var(--color-violet-400) 5%,
transparent
);
}
}
.to-violet-400\/5 {
--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-violet-500 {
--tw-gradient-to: var(--color-violet-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-violet-500\/30 {
--tw-gradient-to: #8d54ff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.to-violet-500\/30 {
--tw-gradient-to: color-mix(
in oklab,
var(--color-violet-500) 30%,
transparent
);
}
}
.to-violet-500\/30 {
--tw-gradient-stops: var(
--tw-gradient-via-stops,
var(--tw-gradient-position),
var(--tw-gradient-from) var(--tw-gradient-from-position),
var(--tw-gradient-to) var(--tw-gradient-to-position)
);
}
.to-white\/\[0\.01\] {
--tw-gradient-to: #ffffff03;
}
@supports (color: color-mix(in lab, red, red)) {
.to-white\/\[0\.01\] {
--tw-gradient-to: color-mix(in oklab, var(--color-white) 1%, transparent);
}
}
.to-white\/\[0\.01\] {
--tw-gradient-stops: var(
--tw-gradient-via-stops,
var(--tw-gradient-position),
var(--tw-gradient-from) var(--tw-gradient-from-position),
var(--tw-gradient-to) var(--tw-gradient-to-position)
);
}
.to-white\/\[0\.02\] {
--tw-gradient-to: #ffffff05;
}
@supports (color: color-mix(in lab, red, red)) {
.to-white\/\[0\.02\] {
--tw-gradient-to: color-mix(in oklab, var(--color-white) 2%, transparent);
}
}
.to-white\/\[0\.02\] {
--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)
);
}
.to-zinc-500 {
--tw-gradient-to: var(--color-zinc-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 {
-webkit-background-clip: text;
background-clip: text;
}
.fill-\[\#E4FF4D\] {
fill: #e4ff4d;
}
.fill-amber-300 {
fill: var(--color-amber-300);
}
.fill-current {
fill: currentColor;
}
.fill-primary {
fill: var(--primary);
}
.fill-rose-400 {
fill: var(--color-rose-400);
}
.object-contain {
object-fit: contain;
}
.object-cover {
object-fit: cover;
}
.p-0 {
padding: calc(var(--spacing) * 0);
}
.p-0\.5 {
padding: calc(var(--spacing) * 0.5);
}
.p-1 {
padding: calc(var(--spacing) * 1);
}
.p-1\.5 {
padding: calc(var(--spacing) * 1.5);
}
.p-2 {
padding: calc(var(--spacing) * 2);
}
.p-2\.5 {
padding: calc(var(--spacing) * 2.5);
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.p-3\.5 {
padding: calc(var(--spacing) * 3.5);
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.p-5 {
padding: calc(var(--spacing) * 5);
}
.p-6 {
padding: calc(var(--spacing) * 6);
}
.p-8 {
padding: calc(var(--spacing) * 8);
}
.p-\[1\.5px\] {
padding: 1.5px;
}
.p-\[1px\] {
padding: 1px;
}
.p-\[2\.5px\] {
padding: 2.5px;
}
.p-\[2px\] {
padding: 2px;
}
.p-\[3px\] {
padding: 3px;
}
.p-px {
padding: 1px;
}
.px-\(--cell-size\) {
padding-inline: var(--cell-size);
}
.px-0 {
padding-inline: calc(var(--spacing) * 0);
}
.px-0\.5 {
padding-inline: calc(var(--spacing) * 0.5);
}
.px-1 {
padding-inline: calc(var(--spacing) * 1);
}
.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-3\.5 {
padding-inline: calc(var(--spacing) * 3.5);
}
.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-2\.5 {
padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
padding-block: calc(var(--spacing) * 3);
}
.py-3\.5 {
padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
padding-block: calc(var(--spacing) * 4);
}
.py-5 {
padding-block: calc(var(--spacing) * 5);
}
.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-20 {
padding-block: calc(var(--spacing) * 20);
}
.py-\[1px\] {
padding-block: 1px;
}
.py-\[2px\] {
padding-block: 2px;
}
.py-\[3px\] {
padding-block: 3px;
}
.py-px {
padding-block: 1px;
}
.pt-0 {
padding-top: calc(var(--spacing) * 0);
}
.pt-0\.5 {
padding-top: calc(var(--spacing) * 0.5);
}
.pt-1 {
padding-top: calc(var(--spacing) * 1);
}
.pt-1\.5 {
padding-top: calc(var(--spacing) * 1.5);
}
.pt-2 {
padding-top: calc(var(--spacing) * 2);
}
.pt-2\.5 {
padding-top: calc(var(--spacing) * 2.5);
}
.pt-3 {
padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
padding-top: calc(var(--spacing) * 5);
}
.pt-6 {
padding-top: calc(var(--spacing) * 6);
}
.pt-7 {
padding-top: calc(var(--spacing) * 7);
}
.pt-8 {
padding-top: calc(var(--spacing) * 8);
}
.pt-10 {
padding-top: calc(var(--spacing) * 10);
}
.pt-12 {
padding-top: calc(var(--spacing) * 12);
}
.pt-\[10vh\] {
padding-top: 10vh;
}
.pt-\[68px\] {
padding-top: 68px;
}
.pt-\[calc\(env\(safe-area-inset-top\)\+16px\)\] {
padding-top: calc(env(safe-area-inset-top) + 16px);
}
.pt-\[calc\(env\(safe-area-inset-top\)\+22px\)\] {
padding-top: calc(env(safe-area-inset-top) + 22px);
}
.pr-0\.5 {
padding-right: calc(var(--spacing) * 0.5);
}
.pr-1 {
padding-right: calc(var(--spacing) * 1);
}
.pr-1\.5 {
padding-right: calc(var(--spacing) * 1.5);
}
.pr-2 {
padding-right: calc(var(--spacing) * 2);
}
.pr-2\.5 {
padding-right: calc(var(--spacing) * 2.5);
}
.pr-3 {
padding-right: calc(var(--spacing) * 3);
}
.pr-4 {
padding-right: calc(var(--spacing) * 4);
}
.pr-5 {
padding-right: calc(var(--spacing) * 5);
}
.pr-8 {
padding-right: calc(var(--spacing) * 8);
}
.pr-12 {
padding-right: calc(var(--spacing) * 12);
}
.pb-0\.5 {
padding-bottom: calc(var(--spacing) * 0.5);
}
.pb-1 {
padding-bottom: calc(var(--spacing) * 1);
}
.pb-1\.5 {
padding-bottom: calc(var(--spacing) * 1.5);
}
.pb-2 {
padding-bottom: calc(var(--spacing) * 2);
}
.pb-2\.5 {
padding-bottom: calc(var(--spacing) * 2.5);
}
.pb-3 {
padding-bottom: calc(var(--spacing) * 3);
}
.pb-4 {
padding-bottom: calc(var(--spacing) * 4);
}
.pb-5 {
padding-bottom: calc(var(--spacing) * 5);
}
.pb-6 {
padding-bottom: calc(var(--spacing) * 6);
}
.pb-7 {
padding-bottom: calc(var(--spacing) * 7);
}
.pb-8 {
padding-bottom: calc(var(--spacing) * 8);
}
.pb-10 {
padding-bottom: calc(var(--spacing) * 10);
}
.pb-14 {
padding-bottom: calc(var(--spacing) * 14);
}
.pb-28 {
padding-bottom: calc(var(--spacing) * 28);
}
.pb-\[calc\(env\(safe-area-inset-bottom\)\+12px\)\] {
padding-bottom: calc(env(safe-area-inset-bottom) + 12px);
}
.pb-\[calc\(env\(safe-area-inset-bottom\)\+14px\)\] {
padding-bottom: calc(env(safe-area-inset-bottom) + 14px);
}
.pb-\[calc\(env\(safe-area-inset-bottom\)\+16px\)\] {
padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.pb-\[calc\(env\(safe-area-inset-bottom\)\+20px\)\] {
padding-bottom: calc(env(safe-area-inset-bottom) + 20px);
}
.pb-\[calc\(env\(safe-area-inset-bottom\)\+28px\)\] {
padding-bottom: calc(env(safe-area-inset-bottom) + 28px);
}
.pb-\[calc\(env\(safe-area-inset-bottom\)\+108px\)\] {
padding-bottom: calc(env(safe-area-inset-bottom) + 108px);
}
.pb-\[calc\(env\(safe-area-inset-bottom\)\+110px\)\] {
padding-bottom: calc(env(safe-area-inset-bottom) + 110px);
}
.pb-\[calc\(env\(safe-area-inset-bottom\)\+120px\)\] {
padding-bottom: calc(env(safe-area-inset-bottom) + 120px);
}
.pb-\[env\(safe-area-inset-bottom\)\] {
padding-bottom: env(safe-area-inset-bottom);
}
.pl-1 {
padding-left: calc(var(--spacing) * 1);
}
.pl-1\.5 {
padding-left: calc(var(--spacing) * 1.5);
}
.pl-2 {
padding-left: calc(var(--spacing) * 2);
}
.pl-2\.5 {
padding-left: calc(var(--spacing) * 2.5);
}
.pl-3 {
padding-left: calc(var(--spacing) * 3);
}
.pl-4 {
padding-left: calc(var(--spacing) * 4);
}
.pl-8 {
padding-left: calc(var(--spacing) * 8);
}
.pl-10 {
padding-left: calc(var(--spacing) * 10);
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.align-bottom {
vertical-align: bottom;
}
.align-middle {
vertical-align: middle;
}
.font-display {
font-family: Archivo, Space Grotesk, ui-sans-serif, system-ui, sans-serif;
}
.font-mono {
font-family: var(--font-mono);
}
.font-sans {
font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
.font-tech {
font-family: Chakra Petch, Saira, Orbitron, Space Grotesk, sans-serif;
}
.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-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
.text-7xl {
font-size: var(--text-7xl);
line-height: var(--tw-leading, var(--text-7xl--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-\[0\.8rem\] {
font-size: 0.8rem;
}
.text-\[7\.5px\] {
font-size: 7.5px;
}
.text-\[8\.5px\] {
font-size: 8.5px;
}
.text-\[8px\] {
font-size: 8px;
}
.text-\[9\.5px\] {
font-size: 9.5px;
}
.text-\[9px\] {
font-size: 9px;
}
.text-\[10\.5px\] {
font-size: 10.5px;
}
.text-\[10px\] {
font-size: 10px;
}
.text-\[11\.5px\] {
font-size: 11.5px;
}
.text-\[11px\] {
font-size: 11px;
}
.text-\[12\.5px\] {
font-size: 12.5px;
}
.text-\[12px\] {
font-size: 12px;
}
.text-\[13\.5px\] {
font-size: 13.5px;
}
.text-\[13px\] {
font-size: 13px;
}
.text-\[14\.5px\] {
font-size: 14.5px;
}
.text-\[14px\] {
font-size: 14px;
}
.text-\[15px\] {
font-size: 15px;
}
.text-\[16px\] {
font-size: 16px;
}
.text-\[17px\] {
font-size: 17px;
}
.text-\[18px\] {
font-size: 18px;
}
.text-\[19px\] {
font-size: 19px;
}
.text-\[20px\] {
font-size: 20px;
}
.text-\[22px\] {
font-size: 22px;
}
.text-\[24px\] {
font-size: 24px;
}
.text-\[26px\] {
font-size: 26px;
}
.text-\[28px\] {
font-size: 28px;
}
.text-\[30px\] {
font-size: 30px;
}
.text-\[32px\] {
font-size: 32px;
}
.text-\[34px\] {
font-size: 34px;
}
.text-\[40px\] {
font-size: 40px;
}
.leading-\[0\.95\] {
--tw-leading: 0.95;
line-height: 0.95;
}
.leading-\[1\.1\] {
--tw-leading: 1.1;
line-height: 1.1;
}
.leading-\[1\.02\] {
--tw-leading: 1.02;
line-height: 1.02;
}
.leading-\[1\.03\] {
--tw-leading: 1.03;
line-height: 1.03;
}
.leading-\[1\.08\] {
--tw-leading: 1.08;
line-height: 1.08;
}
.leading-none {
--tw-leading: 1;
line-height: 1;
}
.leading-relaxed {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.leading-snug {
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug);
}
.leading-tight {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}
.font-black {
--tw-font-weight: var(--font-weight-black);
font-weight: var(--font-weight-black);
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-extrabold {
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.tracking-\[-0\.01em\] {
--tw-tracking: -0.01em;
letter-spacing: -0.01em;
}
.tracking-\[-0\.02em\] {
--tw-tracking: -0.02em;
letter-spacing: -0.02em;
}
.tracking-\[0\.1em\] {
--tw-tracking: 0.1em;
letter-spacing: 0.1em;
}
.tracking-\[0\.02em\] {
--tw-tracking: 0.02em;
letter-spacing: 0.02em;
}
.tracking-\[0\.2em\] {
--tw-tracking: 0.2em;
letter-spacing: 0.2em;
}
.tracking-\[0\.3em\] {
--tw-tracking: 0.3em;
letter-spacing: 0.3em;
}
.tracking-\[0\.04em\] {
--tw-tracking: 0.04em;
letter-spacing: 0.04em;
}
.tracking-\[0\.4em\] {
--tw-tracking: 0.4em;
letter-spacing: 0.4em;
}
.tracking-\[0\.08em\] {
--tw-tracking: 0.08em;
letter-spacing: 0.08em;
}
.tracking-\[0\.12em\] {
--tw-tracking: 0.12em;
letter-spacing: 0.12em;
}
.tracking-\[0\.14em\] {
--tw-tracking: 0.14em;
letter-spacing: 0.14em;
}
.tracking-\[0\.15em\] {
--tw-tracking: 0.15em;
letter-spacing: 0.15em;
}
.tracking-\[0\.16em\] {
--tw-tracking: 0.16em;
letter-spacing: 0.16em;
}
.tracking-\[0\.18em\] {
--tw-tracking: 0.18em;
letter-spacing: 0.18em;
}
.tracking-\[0\.22em\] {
--tw-tracking: 0.22em;
letter-spacing: 0.22em;
}
.tracking-\[0\.24em\] {
--tw-tracking: 0.24em;
letter-spacing: 0.24em;
}
.tracking-\[0\.25em\] {
--tw-tracking: 0.25em;
letter-spacing: 0.25em;
}
.tracking-\[0\.26em\] {
--tw-tracking: 0.26em;
letter-spacing: 0.26em;
}
.tracking-\[0\.28em\] {
--tw-tracking: 0.28em;
letter-spacing: 0.28em;
}
.tracking-\[0\.32em\] {
--tw-tracking: 0.32em;
letter-spacing: 0.32em;
}
.tracking-\[0\.35em\] {
--tw-tracking: 0.35em;
letter-spacing: 0.35em;
}
.tracking-normal {
--tw-tracking: var(--tracking-normal);
letter-spacing: var(--tracking-normal);
}
.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);
}
.break-words {
overflow-wrap: break-word;
}
.break-all {
word-break: break-all;
}
.whitespace-nowrap {
white-space: nowrap;
}
.whitespace-pre-line {
white-space: pre-line;
}
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.text-\[\#0A0A0A\] {
color: #0a0a0a;
}
.text-\[\#0E0F13\] {
color: #0e0f13;
}
.text-\[\#0E0F13\]\/55 {
color: #0e0f138c;
}
.text-\[\#2d88ff\] {
color: #2d88ff;
}
.text-\[\#8E9488\] {
color: #8e9488;
}
.text-\[\#8ef2b8\] {
color: #8ef2b8;
}
.text-\[\#9AA1A8\] {
color: #9aa1a8;
}
.text-\[\#9AA1A8\]\/70 {
color: #9aa1a8b3;
}
.text-\[\#38BDF8\] {
color: #38bdf8;
}
.text-\[\#110E08\] {
color: #110e08;
}
.text-\[\#110E08\]\/60 {
color: #110e0899;
}
.text-\[\#110E08\]\/70 {
color: #110e08b3;
}
.text-\[\#CCFF00\] {
color: #cf0;
}
.text-\[\#CCFF00\]\/30 {
color: #ccff004d;
}
.text-\[\#CCFF00\]\/50 {
color: #ccff0080;
}
.text-\[\#CCFF00\]\/70 {
color: #ccff00b3;
}
.text-\[\#CCFF00\]\/80 {
color: #cf0c;
}
.text-\[\#CCFF00\]\/85 {
color: #ccff00d9;
}
.text-\[\#CCFF00\]\/90 {
color: #ccff00e6;
}
.text-\[\#E4FF4D\] {
color: #e4ff4d;
}
.text-\[\#E4FF4D\]\/80 {
color: #e4ff4dcc;
}
.text-\[\#E4FF4D\]\/85 {
color: #e4ff4dd9;
}
.text-\[\#E4FF4D\]\/90 {
color: #e4ff4de6;
}
.text-\[\#FDBA74\] {
color: #fdba74;
}
.text-\[\#FF5558\] {
color: #ff5558;
}
.text-\[\#FFFFFF\] {
color: #fff;
}
.text-\[\#FFFFFF\]\/40 {
color: #fff6;
}
.text-\[\#FFFFFF\]\/60 {
color: #fff9;
}
.text-\[\#FFFFFF\]\/70 {
color: #ffffffb3;
}
.text-\[\#FFFFFF\]\/75 {
color: #ffffffbf;
}
.text-\[\#FFFFFF\]\/85 {
color: #ffffffd9;
}
.text-\[\#FFFFFF\]\/95 {
color: #fffffff2;
}
.text-\[\#f7b928\] {
color: #f7b928;
}
.text-\[\#f33e58\] {
color: #f33e58;
}
.text-accent-foreground {
color: var(--accent-foreground);
}
.text-amber-100 {
color: var(--color-amber-100);
}
.text-amber-100\/85 {
color: #fef3c6d9;
}
@supports (color: color-mix(in lab, red, red)) {
.text-amber-100\/85 {
color: color-mix(in oklab, var(--color-amber-100) 85%, transparent);
}
}
.text-amber-200 {
color: var(--color-amber-200);
}
.text-amber-200\/80 {
color: #fee685cc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-amber-200\/80 {
color: color-mix(in oklab, var(--color-amber-200) 80%, transparent);
}
}
.text-amber-200\/85 {
color: #fee685d9;
}
@supports (color: color-mix(in lab, red, red)) {
.text-amber-200\/85 {
color: color-mix(in oklab, var(--color-amber-200) 85%, transparent);
}
}
.text-amber-300 {
color: var(--color-amber-300);
}
.text-amber-300\/80 {
color: #ffd236cc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-amber-300\/80 {
color: color-mix(in oklab, var(--color-amber-300) 80%, transparent);
}
}
.text-amber-300\/90 {
color: #ffd236e6;
}
@supports (color: color-mix(in lab, red, red)) {
.text-amber-300\/90 {
color: color-mix(in oklab, var(--color-amber-300) 90%, transparent);
}
}
.text-amber-400 {
color: var(--color-amber-400);
}
.text-black {
color: var(--color-black);
}
.text-card-foreground {
color: var(--card-foreground);
}
.text-current {
color: currentColor;
}
.text-cyan-100 {
color: var(--color-cyan-100);
}
.text-cyan-200 {
color: var(--color-cyan-200);
}
.text-cyan-300 {
color: var(--color-cyan-300);
}
.text-destructive {
color: var(--destructive);
}
.text-destructive-foreground {
color: var(--destructive-foreground);
}
.text-emerald-100 {
color: var(--color-emerald-100);
}
.text-emerald-200 {
color: var(--color-emerald-200);
}
.text-emerald-200\/65 {
color: #a4f4cfa6;
}
@supports (color: color-mix(in lab, red, red)) {
.text-emerald-200\/65 {
color: color-mix(in oklab, var(--color-emerald-200) 65%, transparent);
}
}
.text-emerald-200\/70 {
color: #a4f4cfb3;
}
@supports (color: color-mix(in lab, red, red)) {
.text-emerald-200\/70 {
color: color-mix(in oklab, var(--color-emerald-200) 70%, transparent);
}
}
.text-emerald-200\/85 {
color: #a4f4cfd9;
}
@supports (color: color-mix(in lab, red, red)) {
.text-emerald-200\/85 {
color: color-mix(in oklab, var(--color-emerald-200) 85%, transparent);
}
}
.text-emerald-200\/90 {
color: #a4f4cfe6;
}
@supports (color: color-mix(in lab, red, red)) {
.text-emerald-200\/90 {
color: color-mix(in oklab, var(--color-emerald-200) 90%, transparent);
}
}
.text-emerald-300 {
color: var(--color-emerald-300);
}
.text-emerald-300\/70 {
color: #5ee9b5b3;
}
@supports (color: color-mix(in lab, red, red)) {
.text-emerald-300\/70 {
color: color-mix(in oklab, var(--color-emerald-300) 70%, transparent);
}
}
.text-emerald-300\/80 {
color: #5ee9b5cc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-emerald-300\/80 {
color: color-mix(in oklab, var(--color-emerald-300) 80%, transparent);
}
}
.text-emerald-300\/85 {
color: #5ee9b5d9;
}
@supports (color: color-mix(in lab, red, red)) {
.text-emerald-300\/85 {
color: color-mix(in oklab, var(--color-emerald-300) 85%, transparent);
}
}
.text-emerald-400 {
color: var(--color-emerald-400);
}
.text-foreground {
color: var(--foreground);
}
.text-fuchsia-100 {
color: var(--color-fuchsia-100);
}
.text-fuchsia-200 {
color: var(--color-fuchsia-200);
}
.text-fuchsia-300 {
color: var(--color-fuchsia-300);
}
.text-highlight-2 {
color: #fff;
}
.text-iris {
color: #cf0;
}
.text-iris-2 {
color: #e4ff4d;
}
.text-iris-3 {
color: #a8d400;
}
.text-iris\/80 {
color: #cf0c;
}
.text-muted-foreground {
color: var(--muted-foreground);
}
.text-orange-100 {
color: var(--color-orange-100);
}
.text-orange-300 {
color: var(--color-orange-300);
}
.text-orange-400 {
color: var(--color-orange-400);
}
.text-pink-300 {
color: var(--color-pink-300);
}
.text-pink-300\/80 {
color: #fda5d5cc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-pink-300\/80 {
color: color-mix(in oklab, var(--color-pink-300) 80%, transparent);
}
}
.text-popover-foreground {
color: var(--popover-foreground);
}
.text-primary {
color: var(--primary);
}
.text-primary-foreground {
color: var(--primary-foreground);
}
.text-red-200 {
color: var(--color-red-200);
}
.text-red-300 {
color: var(--color-red-300);
}
.text-red-300\/70 {
color: #ffa3a3b3;
}
@supports (color: color-mix(in lab, red, red)) {
.text-red-300\/70 {
color: color-mix(in oklab, var(--color-red-300) 70%, transparent);
}
}
.text-red-300\/80 {
color: #ffa3a3cc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-red-300\/80 {
color: color-mix(in oklab, var(--color-red-300) 80%, transparent);
}
}
.text-red-300\/90 {
color: #ffa3a3e6;
}
@supports (color: color-mix(in lab, red, red)) {
.text-red-300\/90 {
color: color-mix(in oklab, var(--color-red-300) 90%, transparent);
}
}
.text-red-400 {
color: var(--color-red-400);
}
.text-red-400\/80 {
color: #ff6568cc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-red-400\/80 {
color: color-mix(in oklab, var(--color-red-400) 80%, transparent);
}
}
.text-rose-200 {
color: var(--color-rose-200);
}
.text-rose-200\/70 {
color: #ffccd3b3;
}
@supports (color: color-mix(in lab, red, red)) {
.text-rose-200\/70 {
color: color-mix(in oklab, var(--color-rose-200) 70%, transparent);
}
}
.text-rose-200\/80 {
color: #ffccd3cc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-rose-200\/80 {
color: color-mix(in oklab, var(--color-rose-200) 80%, transparent);
}
}
.text-rose-300 {
color: var(--color-rose-300);
}
.text-rose-300\/80 {
color: #ffa2aecc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-rose-300\/80 {
color: color-mix(in oklab, var(--color-rose-300) 80%, transparent);
}
}
.text-rose-400 {
color: var(--color-rose-400);
}
.text-rose-500 {
color: var(--color-rose-500);
}
.text-secondary-foreground {
color: var(--secondary-foreground);
}
.text-sky-200 {
color: var(--color-sky-200);
}
.text-sky-300 {
color: var(--color-sky-300);
}
.text-sky-400 {
color: var(--color-sky-400);
}
.text-transparent {
color: #0000;
}
.text-violet-200 {
color: var(--color-violet-200);
}
.text-white {
color: var(--color-white);
}
.text-white\/15 {
color: #ffffff26;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/15 {
color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
.text-white\/20 {
color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/20 {
color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.text-white\/25 {
color: #ffffff40;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/25 {
color: color-mix(in oklab, var(--color-white) 25%, transparent);
}
}
.text-white\/30 {
color: #ffffff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/30 {
color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.text-white\/35 {
color: #ffffff59;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/35 {
color: color-mix(in oklab, var(--color-white) 35%, transparent);
}
}
.text-white\/40 {
color: #fff6;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/40 {
color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
.text-white\/45 {
color: #ffffff73;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/45 {
color: color-mix(in oklab, var(--color-white) 45%, transparent);
}
}
.text-white\/50 {
color: #ffffff80;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/50 {
color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
.text-white\/55 {
color: #ffffff8c;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/55 {
color: color-mix(in oklab, var(--color-white) 55%, transparent);
}
}
.text-white\/60 {
color: #fff9;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/60 {
color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}
.text-white\/65 {
color: #ffffffa6;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/65 {
color: color-mix(in oklab, var(--color-white) 65%, transparent);
}
}
.text-white\/70 {
color: #ffffffb3;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/70 {
color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
.text-white\/75 {
color: #ffffffbf;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/75 {
color: color-mix(in oklab, var(--color-white) 75%, transparent);
}
}
.text-white\/80 {
color: #fffc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/80 {
color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}
.text-white\/85 {
color: #ffffffd9;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/85 {
color: color-mix(in oklab, var(--color-white) 85%, transparent);
}
}
.text-white\/90 {
color: #ffffffe6;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/90 {
color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
.text-white\/92 {
color: #ffffffeb;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/92 {
color: color-mix(in oklab, var(--color-white) 92%, transparent);
}
}
.text-white\/95 {
color: #fffffff2;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/95 {
color: color-mix(in oklab, var(--color-white) 95%, transparent);
}
}
.text-yellow-300 {
color: var(--color-yellow-300);
}
.text-yellow-400 {
color: var(--color-yellow-400);
}
.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;
}
.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);
}
.underline {
text-decoration-line: underline;
}
.underline-offset-4 {
text-underline-offset: 4px;
}
.accent-\[\#CCFF00\] {
accent-color: #cf0;
}
.accent-\[\#E4FF4D\] {
accent-color: #e4ff4d;
}
.opacity-0 {
opacity: 0;
}
.opacity-15 {
opacity: 0.15;
}
.opacity-20 {
opacity: 0.2;
}
.opacity-25 {
opacity: 0.25;
}
.opacity-30 {
opacity: 0.3;
}
.opacity-40 {
opacity: 0.4;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-60 {
opacity: 0.6;
}
.opacity-70 {
opacity: 0.7;
}
.opacity-80 {
opacity: 0.8;
}
.opacity-90 {
opacity: 0.9;
}
.opacity-100 {
opacity: 1;
}
.opacity-\[0\.04\] {
opacity: 0.04;
}
.opacity-\[0\.05\] {
opacity: 0.05;
}
.opacity-\[0\.18\] {
opacity: 0.18;
}
.opacity-\[0\.035\] {
opacity: 0.035;
}
.mix-blend-overlay {
mix-blend-mode: overlay;
}
.shadow {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
0 1px 2px -1px var(--tw-shadow-color, #0000001a);
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 32px 80px -20px var(--tw-shadow-color, #000000a6),
0 0 0 1px var(--tw-shadow-color, #ccff001f);
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_-20px_60px_-10px_rgba\(0\,0\,0\,0\.8\)\] {
--tw-shadow: 0 -20px 60px -10px var(--tw-shadow-color, #000c);
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_0_1px_var\(--sidebar-border\)\] {
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
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_6px_\#34d399\] {
--tw-shadow: 0 0 6px var(--tw-shadow-color, #34d399);
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_6px_rgba\(204\,255\,0\,0\.07\)\] {
--tw-shadow: 0 0 6px var(--tw-shadow-color, #ccff0012);
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_6px_rgba\(204\,255\,0\,0\.8\)\] {
--tw-shadow: 0 0 6px var(--tw-shadow-color, #cf0c);
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\(204\,255\,0\,0\.07\)\] {
--tw-shadow: 0 0 8px var(--tw-shadow-color, #ccff0012);
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\(204\,255\,0\,0\.5\)\] {
--tw-shadow: 0 0 10px var(--tw-shadow-color, #ccff0080);
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\(204\,255\,0\,0\.07\)\] {
--tw-shadow: 0 0 10px var(--tw-shadow-color, #ccff0012);
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\(204\,255\,0\,0\.8\)\] {
--tw-shadow: 0 0 10px var(--tw-shadow-color, #cf0c);
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\(251\,191\,36\,0\.5\)\] {
--tw-shadow: 0 0 10px var(--tw-shadow-color, #fbbf2480);
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_12px_2px_rgba\(56\,189\,248\,0\.8\)\] {
--tw-shadow: 0 0 12px 2px var(--tw-shadow-color, #38bdf8cc);
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_12px_rgba\(204\,255\,0\,0\.6\)\] {
--tw-shadow: 0 0 12px var(--tw-shadow-color, #cf09);
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_12px_rgba\(204\,255\,0\,0\.07\)\] {
--tw-shadow: 0 0 12px var(--tw-shadow-color, #ccff0012);
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_12px_rgba\(204\,255\,0\,0\.8\)\] {
--tw-shadow: 0 0 12px var(--tw-shadow-color, #cf0c);
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_12px_rgba\(204\,255\,0\,0\.45\)\] {
--tw-shadow: 0 0 12px var(--tw-shadow-color, #ccff0073);
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_12px_rgba\(251\,191\,36\,0\.45\)\] {
--tw-shadow: 0 0 12px var(--tw-shadow-color, #fbbf2473);
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_14px_rgba\(108\,239\,63\,0\.7\)\] {
--tw-shadow: 0 0 14px var(--tw-shadow-color, #6cef3fb3);
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_14px_rgba\(204\,255\,0\,0\.07\)\] {
--tw-shadow: 0 0 14px var(--tw-shadow-color, #ccff0012);
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_14px_rgba\(204\,255\,0\,0\.55\)\] {
--tw-shadow: 0 0 14px var(--tw-shadow-color, #ccff008c);
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_18px_-6px_rgba\(204\,255\,0\,0\.7\)\] {
--tw-shadow: 0 0 18px -6px var(--tw-shadow-color, #ccff00b3);
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_18px_-6px_rgba\(204\,255\,0\,0\.8\)\] {
--tw-shadow: 0 0 18px -6px var(--tw-shadow-color, #cf0c);
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_24px_rgba\(251\,191\,36\,0\.5\)\] {
--tw-shadow: 0 0 24px var(--tw-shadow-color, #fbbf2480);
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_30px_-12px_rgba\(108\,239\,63\,0\.45\)\] {
--tw-shadow: 0 0 30px -12px var(--tw-shadow-color, #6cef3f73);
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_30px_rgba\(52\,211\,153\,0\.25\)\] {
--tw-shadow: 0 0 30px var(--tw-shadow-color, #34d39940);
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_30px_rgba\(252\,165\,165\,0\.2\)\] {
--tw-shadow: 0 0 30px var(--tw-shadow-color, #fca5a533);
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_32px_rgba\(204\,255\,0\,0\.45\)\,0_0_96px_rgba\(204\,255\,0\,0\.16\)\] {
--tw-shadow: 0 0 32px var(--tw-shadow-color, #ccff0073),
0 0 96px var(--tw-shadow-color, #ccff0029);
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_40px_-4px_rgba\(204\,255\,0\,0\.07\)\] {
--tw-shadow: 0 0 40px -4px var(--tw-shadow-color, #ccff0012);
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_40px_rgba\(74\,222\,128\,0\.7\)\] {
--tw-shadow: 0 0 40px var(--tw-shadow-color, #4ade80b3);
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_40px_rgba\(248\,113\,113\,0\.7\)\] {
--tw-shadow: 0 0 40px var(--tw-shadow-color, #f87171b3);
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_10px_-4px_rgba\(204\,255\,0\,0\.6\)\] {
--tw-shadow: 0 4px 10px -4px var(--tw-shadow-color, #cf09);
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_14px_-4px_rgba\(204\,255\,0\,0\.65\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.18\)\] {
--tw-shadow: 0 4px 14px -4px var(--tw-shadow-color, #ccff00a6),
inset 0 1px 0 var(--tw-shadow-color, #ffffff2e);
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_18px_-6px_rgba\(204\,255\,0\,0\.65\)\] {
--tw-shadow: 0 6px 18px -6px var(--tw-shadow-color, #ccff00a6);
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_8px_20px_-12px_rgba\(204\,255\,0\,0\.7\)\] {
--tw-shadow: 0 8px 20px -12px var(--tw-shadow-color, #ccff00b3);
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_8px_24px_-6px_rgba\(204\,255\,0\,0\.7\)\] {
--tw-shadow: 0 8px 24px -6px var(--tw-shadow-color, #ccff00b3);
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_8px_24px_-8px_rgba\(62\,255\,82\,0\.6\)\] {
--tw-shadow: 0 8px 24px -8px var(--tw-shadow-color, #3eff5299);
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_8px_24px_-8px_rgba\(204\,255\,0\,0\.07\)\] {
--tw-shadow: 0 8px 24px -8px var(--tw-shadow-color, #ccff0012);
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_8px_24px_-8px_rgba\(204\,255\,0\,0\.7\)\] {
--tw-shadow: 0 8px 24px -8px var(--tw-shadow-color, #ccff00b3);
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_8px_24px_-10px_rgba\(204\,255\,0\,0\.7\)\] {
--tw-shadow: 0 8px 24px -10px var(--tw-shadow-color, #ccff00b3);
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_8px_24px_-12px_rgba\(204\,255\,0\,0\.35\)\] {
--tw-shadow: 0 8px 24px -12px var(--tw-shadow-color, #ccff0059);
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_8px_24px_-18px_rgba\(0\,0\,0\,0\.6\)\] {
--tw-shadow: 0 8px 24px -18px var(--tw-shadow-color, #0009);
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_8px_30px_-6px_rgba\(74\,222\,128\,0\.45\)\] {
--tw-shadow: 0 8px 30px -6px var(--tw-shadow-color, #4ade8073);
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_8px_30px_-6px_rgba\(204\,255\,0\,0\.55\)\] {
--tw-shadow: 0 8px 30px -6px var(--tw-shadow-color, #ccff008c);
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_8px_30px_-6px_rgba\(251\,191\,36\,0\.45\)\] {
--tw-shadow: 0 8px 30px -6px var(--tw-shadow-color, #fbbf2473);
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_8px_30px_-8px_rgba\(204\,255\,0\,0\.07\)\] {
--tw-shadow: 0 8px 30px -8px var(--tw-shadow-color, #ccff0012);
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_10px_24px_-10px_rgba\(122\,94\,56\,0\.7\)\] {
--tw-shadow: 0 10px 24px -10px var(--tw-shadow-color, #7a5e38b3);
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_10px_24px_-10px_rgba\(204\,255\,0\,0\.8\)\] {
--tw-shadow: 0 10px 24px -10px var(--tw-shadow-color, #cf0c);
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_10px_30px_-10px_rgba\(204\,255\,0\,0\.6\)\] {
--tw-shadow: 0 10px 30px -10px var(--tw-shadow-color, #cf09);
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_10px_30px_-10px_rgba\(204\,255\,0\,0\.7\)\] {
--tw-shadow: 0 10px 30px -10px var(--tw-shadow-color, #ccff00b3);
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_10px_30px_-12px_rgba\(0\,0\,0\,0\.8\)\] {
--tw-shadow: 0 10px 30px -12px var(--tw-shadow-color, #000c);
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_10px_30px_-12px_rgba\(204\,255\,0\,0\.7\)\] {
--tw-shadow: 0 10px 30px -12px var(--tw-shadow-color, #ccff00b3);
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_10px_30px_-12px_rgba\(204\,255\,0\,0\.8\)\] {
--tw-shadow: 0 10px 30px -12px var(--tw-shadow-color, #cf0c);
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_10px_40px_-6px_rgba\(74\,222\,128\,0\.45\)\] {
--tw-shadow: 0 10px 40px -6px var(--tw-shadow-color, #4ade8073);
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_10px_40px_-6px_rgba\(204\,255\,0\,0\.07\)\] {
--tw-shadow: 0 10px 40px -6px var(--tw-shadow-color, #ccff0012);
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_10px_40px_-10px_rgba\(204\,255\,0\,0\.07\)\] {
--tw-shadow: 0 10px 40px -10px var(--tw-shadow-color, #ccff0012);
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_16px_40px_-12px_rgba\(0\,0\,0\,0\.7\)\] {
--tw-shadow: 0 16px 40px -12px var(--tw-shadow-color, #000000b3);
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_20px_60px_-10px_rgba\(0\,0\,0\,0\.6\)\] {
--tw-shadow: 0 20px 60px -10px var(--tw-shadow-color, #0009);
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_20px_60px_-10px_rgba\(0\,0\,0\,0\.7\)\] {
--tw-shadow: 0 20px 60px -10px var(--tw-shadow-color, #000000b3);
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_20px_60px_-20px_rgba\(204\,255\,0\,0\.07\)\] {
--tw-shadow: 0 20px 60px -20px var(--tw-shadow-color, #ccff0012);
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_20px_80px_-20px_rgba\(0\,0\,0\,0\.6\)\] {
--tw-shadow: 0 20px 80px -20px var(--tw-shadow-color, #0009);
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_30px_80px_-20px_rgba\(0\,0\,0\,0\.7\)\] {
--tw-shadow: 0 30px 80px -20px var(--tw-shadow-color, #000000b3);
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_30px_80px_-20px_rgba\(204\,255\,0\,0\.07\)\] {
--tw-shadow: 0 30px 80px -20px var(--tw-shadow-color, #ccff0012);
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_30px_120px_-30px_rgba\(0\,0\,0\,0\.9\)\] {
--tw-shadow: 0 30px 120px -30px var(--tw-shadow-color, #000000e6);
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_40px_120px_-20px_rgba\(0\,0\,0\,0\.8\)\] {
--tw-shadow: 0 40px 120px -20px var(--tw-shadow-color, #000c);
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_40px_120px_-30px_rgba\(0\,0\,0\,0\.9\)\,0_0_80px_rgba\(204\,255\,0\,0\.08\)\] {
--tw-shadow: 0 40px 120px -30px var(--tw-shadow-color, #000000e6),
0 0 80px var(--tw-shadow-color, #ccff0014);
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_50px_140px_-30px_rgba\(204\,255\,0\,0\.07\)\] {
--tw-shadow: 0 50px 140px -30px var(--tw-shadow-color, #ccff0012);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_rgba\(204\,255\,0\,0\.07\)\,0_40px_120px_-30px_rgba\(204\,255\,0\,0\.07\)\] {
--tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ccff0012),
0 40px 120px -30px var(--tw-shadow-color, #ccff0012);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.04\)\] {
--tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff0a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.35\)\,0_0_24px_rgba\(204\,255\,0\,0\.35\)\] {
--tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff59),
0 0 24px var(--tw-shadow-color, #ccff0059);
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 16px 40px -12px var(--tw-shadow-color, #0000008c),
0 0 0 1px var(--tw-shadow-color, #ccff0014);
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 8px 20px -8px var(--tw-shadow-color, #00000080);
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 4px 12px -4px var(--tw-shadow-color, #0006);
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 24px 60px -16px var(--tw-shadow-color, #0009),
0 0 0 1px var(--tw-shadow-color, #ccff001a);
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 2px 6px -2px var(--tw-shadow-color, #00000059);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring {
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-0 {
--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);
}
.ring-1 {
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-2 {
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-4 {
--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);
}
.ring-\[1\.5px\] {
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
calc(1.5px + var(--tw-ring-offset-width))
var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-black\/30 {
--tw-shadow-color: #0000004d;
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-black\/30 {
--tw-shadow-color: color-mix(
in oklab,
color-mix(in oklab, var(--color-black) 30%, transparent)
var(--tw-shadow-alpha),
transparent
);
}
}
.ring-\[\#0A0A0A\] {
--tw-ring-color: #0a0a0a;
}
.ring-\[\#0D0D0D\] {
--tw-ring-color: #0d0d0d;
}
.ring-\[\#000000\] {
--tw-ring-color: #000;
}
.ring-\[\#111111\] {
--tw-ring-color: #111;
}
.ring-\[\#242628\] {
--tw-ring-color: #242628;
}
.ring-\[\#CCFF00\] {
--tw-ring-color: #cf0;
}
.ring-\[\#CCFF00\]\/40 {
--tw-ring-color: #cf06;
}
@supports (color: lab(0% 0 0)) {
.ring-\[\#CCFF00\]\/40 {
--tw-ring-color: lab(93.9363% -35.8091 88.7913/0.4);
}
}
.ring-\[\#E4FF4D\]\/60 {
--tw-ring-color: #e4ff4d99;
}
@supports (color: lab(0% 0 0)) {
.ring-\[\#E4FF4D\]\/60 {
--tw-ring-color: lab(95.7473% -25.1275 76.6937/0.6);
}
}
.ring-\[rgba\(255\,85\,88\,0\.25\)\] {
--tw-ring-color: #ff555840;
}
.ring-black {
--tw-ring-color: var(--color-black);
}
.ring-ring {
--tw-ring-color: var(--ring);
}
.ring-white {
--tw-ring-color: var(--color-white);
}
.ring-white\/10 {
--tw-ring-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-white\/10 {
--tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.ring-white\/12 {
--tw-ring-color: #ffffff1f;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-white\/12 {
--tw-ring-color: color-mix(in oklab, var(--color-white) 12%, transparent);
}
}
.ring-white\/15 {
--tw-ring-color: #ffffff26;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-white\/15 {
--tw-ring-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
.ring-white\/20 {
--tw-ring-color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-white\/20 {
--tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.ring-white\/25 {
--tw-ring-color: #ffffff40;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-white\/25 {
--tw-ring-color: color-mix(in oklab, var(--color-white) 25%, transparent);
}
}
.ring-offset-2 {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.ring-offset-\[\#0A0A0A\] {
--tw-ring-offset-color: #0a0a0a;
}
.ring-offset-background {
--tw-ring-offset-color: var(--background);
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.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-\[1px\] {
--tw-blur: blur(1px);
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-\[2px\] {
--tw-blur: blur(2px);
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-\[3px\] {
--tw-blur: blur(3px);
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-\[90px\] {
--tw-blur: blur(90px);
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);
}
.blur-\[140px\] {
--tw-blur: blur(140px);
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-sm {
--tw-blur: blur(var(--blur-sm));
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-xl {
--tw-blur: blur(var(--blur-xl));
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, #0000001a)
)
drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
--tw-drop-shadow: drop-shadow(0 1px 2px #0000001a)
drop-shadow(0 1px 1px #0000000f);
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-\[0_0_8px_rgba\(204\,255\,0\,0\.07\)\] {
--tw-drop-shadow-size: drop-shadow(
0 0 8px var(--tw-drop-shadow-color, #ccff0012)
);
--tw-drop-shadow: var(--tw-drop-shadow-size);
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-\[0_2px_6px_rgba\(0\,0\,0\,0\.7\)\] {
--tw-drop-shadow-size: drop-shadow(
0 2px 6px var(--tw-drop-shadow-color, #000000b3)
);
--tw-drop-shadow: var(--tw-drop-shadow-size);
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-\[0_10px_30px_rgba\(0\,0\,0\,0\.6\)\] {
--tw-drop-shadow-size: drop-shadow(
0 10px 30px var(--tw-drop-shadow-color, #0009)
);
--tw-drop-shadow: var(--tw-drop-shadow-size);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
--tw-backdrop-blur: blur(8px);
-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-2xl {
--tw-backdrop-blur: blur(var(--blur-2xl));
-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-\[1px\] {
--tw-backdrop-blur: blur(1px);
-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-\[2px\] {
--tw-backdrop-blur: blur(2px);
-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);
}
.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-\[left\,right\,width\] {
transition-property: left, right, width;
transition-timing-function: var(
--tw-ease,
var(--default-transition-timing-function)
);
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[left\] {
transition-property: left;
transition-timing-function: var(
--tw-ease,
var(--default-transition-timing-function)
);
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[margin\,opacity\] {
transition-property: margin, opacity;
transition-timing-function: var(
--tw-ease,
var(--default-transition-timing-function)
);
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[width\,height\,padding\] {
transition-property: width, height, padding;
transition-timing-function: var(
--tw-ease,
var(--default-transition-timing-function)
);
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[width\] {
transition-property: width;
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-shadow {
transition-property: box-shadow;
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: 0.1s;
transition-duration: 0.1s;
}
.duration-150 {
--tw-duration: 0.15s;
transition-duration: 0.15s;
}
.duration-200 {
--tw-duration: 0.2s;
transition-duration: 0.2s;
}
.duration-300 {
--tw-duration: 0.3s;
transition-duration: 0.3s;
}
.duration-500 {
--tw-duration: 0.5s;
transition-duration: 0.5s;
}
.duration-700 {
--tw-duration: 0.7s;
transition-duration: 0.7s;
}
.duration-1000 {
--tw-duration: 1s;
transition-duration: 1s;
}
.duration-\[250ms\] {
--tw-duration: 0.25s;
transition-duration: 0.25s;
}
.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-linear {
--tw-ease: linear;
transition-timing-function: linear;
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
}
.will-change-transform {
will-change: transform;
}
.fade-in-0 {
--tw-enter-opacity: 0;
}
.outline-none {
--tw-outline-style: none;
outline-style: none;
}
.select-all {
-webkit-user-select: all;
user-select: all;
}
.select-none {
-webkit-user-select: none;
user-select: none;
}
.zoom-in-95 {
--tw-enter-scale: 0.95;
}
.\[--cell-size\:2rem\] {
--cell-size: 2rem;
}
.\[--phone-w\:300px\] {
--phone-w: 300px;
}
.paused {
animation-play-state: paused;
}
.ring-inset {
--tw-ring-inset: inset;
}
.running {
animation-play-state: running;
}
.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within
*) {
opacity: 1;
}
@media (hover: hover) {
.group-hover\:translate-x-0:is(:where(.group):hover *) {
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-hover\:translate-x-1:is(:where(.group):hover *) {
--tw-translate-x: calc(var(--spacing) * 1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-hover\:border-\[\#CCFF00\]\/60:is(:where(.group):hover *) {
border-color: #cf09;
}
.group-hover\:border-iris\/50:is(:where(.group):hover *) {
border-color: #ccff0080;
}
.group-hover\:bg-iris\/30:is(:where(.group):hover *) {
background-color: #ccff004d;
}
.group-hover\:bg-white\/12:is(:where(.group):hover *) {
background-color: #ffffff1f;
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:bg-white\/12:is(:where(.group):hover *) {
background-color: color-mix(
in oklab,
var(--color-white) 12%,
transparent
);
}
}
.group-hover\:text-\[\#CCFF00\]:is(:where(.group):hover *) {
color: #cf0;
}
.group-hover\:text-white:is(:where(.group):hover *) {
color: var(--color-white);
}
.group-hover\:opacity-100:is(:where(.group):hover *),
.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *),
.group-hover\/reaction\:opacity-100:is(:where(.group\/reaction):hover *) {
opacity: 1;
}
}
.group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"])
*) {
padding-right: calc(var(--spacing) * 8);
}
.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"]
*) {
margin-top: calc(var(--spacing) * -8);
}
.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"]
*) {
display: none;
}
.group-data-\[collapsible\=icon\]\:\!size-8:is(:where(.group)[data-collapsible="icon"]
*) {
width: calc(var(--spacing) * 8) !important;
height: calc(var(--spacing) * 8) !important;
}
.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"]
*) {
width: var(--sidebar-width-icon);
}
.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]:is(:where(.group)[data-collapsible="icon"]
*) {
width: calc(var(--sidebar-width-icon) + 1rem);
}
.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]:is(:where(.group)[data-collapsible="icon"]
*) {
width: calc(var(--sidebar-width-icon) + 1rem + 2px);
}
.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"]
*) {
overflow: hidden;
}
.group-data-\[collapsible\=icon\]\:\!p-0:is(:where(.group)[data-collapsible="icon"]
*) {
padding: calc(var(--spacing) * 0) !important;
}
.group-data-\[collapsible\=icon\]\:\!p-2:is(:where(.group)[data-collapsible="icon"]
*) {
padding: calc(var(--spacing) * 2) !important;
}
.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"]
*) {
opacity: 0;
}
.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"]
*) {
right: calc(var(--sidebar-width) * -1);
}
.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"]
*) {
left: calc(var(--sidebar-width) * -1);
}
.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"]
*) {
width: calc(var(--spacing) * 0);
}
.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"]
*) {
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"]
*) {
position: relative;
}
.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"]
*) {
z-index: 10;
}
.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused="true"]
*) {
border-color: var(--ring);
}
.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"]
*) {
--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);
}
.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"]
*) {
--tw-ring-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"]
*) {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
right: calc(var(--spacing) * -4);
}
.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
left: calc(var(--spacing) * 0);
}
.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"]
*) {
rotate: 180deg;
}
.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"]
*) {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"]
*) {
rotate: 180deg;
}
.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"]
*) {
border-radius: 12px;
}
.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"]
*) {
border-style: var(--tw-border-style);
border-width: 1px;
}
.group-data-\[variant\=floating\]\:shadow:is(:where(.group)[data-variant="floating"]
*) {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *) {
background-color: var(--muted);
}
.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *) {
background-color: var(--primary);
}
.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *) {
color: var(--muted-foreground);
}
.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *) {
color: var(--primary-foreground);
}
.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *) {
border-color: var(--border);
}
.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *) {
background-color: var(--background);
}
.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *) {
color: var(--foreground);
}
.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *) {
--tw-shadow: 0 16px 40px -12px var(--tw-shadow-color, #0000008c),
0 0 0 1px var(--tw-shadow-color, #ccff0014);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
cursor: not-allowed;
}
.peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
opacity: 0.7;
}
.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"]
~ *) {
top: calc(var(--spacing) * 1.5);
}
.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"]
~ *) {
top: calc(var(--spacing) * 2.5);
}
.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"]
~ *) {
top: calc(var(--spacing) * 1);
}
.file\:border-0::file-selector-button {
border-style: var(--tw-border-style);
border-width: 0;
}
.file\:bg-transparent::file-selector-button {
background-color: #0000;
}
.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-muted-foreground::placeholder {
color: var(--muted-foreground);
}
.placeholder\:text-white\/25::placeholder {
color: #ffffff40;
}
@supports (color: color-mix(in lab, red, red)) {
.placeholder\:text-white\/25::placeholder {
color: color-mix(in oklab, var(--color-white) 25%, transparent);
}
}
.placeholder\:text-white\/30::placeholder {
color: #ffffff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.placeholder\:text-white\/30::placeholder {
color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.placeholder\:text-white\/35::placeholder {
color: #ffffff59;
}
@supports (color: color-mix(in lab, red, red)) {
.placeholder\:text-white\/35::placeholder {
color: color-mix(in oklab, var(--color-white) 35%, transparent);
}
}
.placeholder\:text-white\/40::placeholder {
color: #fff6;
}
@supports (color: color-mix(in lab, red, red)) {
.placeholder\:text-white\/40::placeholder {
color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
.after\:absolute:after {
content: var(--tw-content);
position: absolute;
}
.after\:-inset-2:after {
content: var(--tw-content);
inset: calc(var(--spacing) * -2);
}
.after\:inset-y-0:after {
content: var(--tw-content);
inset-block: calc(var(--spacing) * 0);
}
.after\:left-1\/2:after {
content: var(--tw-content);
left: 50%;
}
.after\:w-1:after {
content: var(--tw-content);
width: calc(var(--spacing) * 1);
}
.after\:w-\[2px\]:after {
content: var(--tw-content);
width: 2px;
}
.after\:-translate-x-1\/2:after {
content: var(--tw-content);
--tw-translate-x: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"]
*):after {
content: var(--tw-content);
left: 100%;
}
.first\:rounded-l-md:first-child {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.first\:border-l:first-child {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.first\:pt-0:first-child {
padding-top: calc(var(--spacing) * 0);
}
.last\:rounded-r-md:last-child {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.last\:border-0:last-child {
border-style: var(--tw-border-style);
border-width: 0;
}
.last\:border-r-0:last-child {
border-right-style: var(--tw-border-style);
border-right-width: 0;
}
.last\:border-b-0:last-child {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
.last\:pb-0:last-child {
padding-bottom: calc(var(--spacing) * 0);
}
.focus-within\:border-\[\#CCFF00\]\/40:focus-within {
border-color: #cf06;
}
.focus-within\:border-\[\#E4FF4D\]\/50:focus-within {
border-color: #e4ff4d80;
}
.focus-within\:border-iris\/40:focus-within {
border-color: #cf06;
}
@media (hover: hover) {
.hover\:-translate-y-1:hover {
--tw-translate-y: calc(var(--spacing) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.hover\:scale-105:hover {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.hover\:scale-125:hover {
--tw-scale-x: 125%;
--tw-scale-y: 125%;
--tw-scale-z: 125%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.hover\:border-\[\#CCFF00\]\/60:hover {
border-color: #cf09;
}
.hover\:border-\[\#E4FF4D\]\/60:hover {
border-color: #e4ff4d99;
}
.hover\:border-iris\/30:hover {
border-color: #ccff004d;
}
.hover\:border-iris\/40:hover {
border-color: #cf06;
}
.hover\:border-rose-400\/40:hover {
border-color: #ff667f66;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-rose-400\/40:hover {
border-color: color-mix(
in oklab,
var(--color-rose-400) 40%,
transparent
);
}
}
.hover\:border-rose-500\/40:hover {
border-color: #ff235766;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-rose-500\/40:hover {
border-color: color-mix(
in oklab,
var(--color-rose-500) 40%,
transparent
);
}
}
.hover\:border-white\/10:hover {
border-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-white\/10:hover {
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.hover\:border-white\/15:hover {
border-color: #ffffff26;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-white\/15:hover {
border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
.hover\:border-white\/20:hover {
border-color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-white\/20:hover {
border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.hover\:border-white\/25:hover {
border-color: #ffffff40;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-white\/25:hover {
border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
}
}
.hover\:border-white\/35:hover {
border-color: #ffffff59;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-white\/35:hover {
border-color: color-mix(in oklab, var(--color-white) 35%, transparent);
}
}
.hover\:border-white\/40:hover {
border-color: #fff6;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-white\/40:hover {
border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
.hover\:bg-\[\#CCFF00\]\/10:hover {
background-color: #ccff001a;
}
.hover\:bg-\[\#CCFF00\]\/25:hover {
background-color: #ccff0040;
}
.hover\:bg-\[\#CCFF00\]\/30:hover {
background-color: #ccff004d;
}
.hover\:bg-\[\#CCFF00\]\/\[0\.1\]:hover {
background-color: #ccff001a;
}
.hover\:bg-\[\#E4FF4D\]:hover {
background-color: #e4ff4d;
}
.hover\:bg-accent:hover {
background-color: var(--accent);
}
.hover\:bg-black:hover {
background-color: var(--color-black);
}
.hover\:bg-destructive\/80:hover {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-destructive\/80:hover {
background-color: color-mix(
in oklab,
var(--destructive) 80%,
transparent
);
}
}
.hover\:bg-destructive\/90:hover {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-destructive\/90:hover {
background-color: color-mix(
in oklab,
var(--destructive) 90%,
transparent
);
}
}
.hover\:bg-emerald-400\/15:hover {
background-color: #00d29426;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-emerald-400\/15:hover {
background-color: color-mix(
in oklab,
var(--color-emerald-400) 15%,
transparent
);
}
}
.hover\:bg-emerald-400\/25:hover {
background-color: #00d29440;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-emerald-400\/25:hover {
background-color: color-mix(
in oklab,
var(--color-emerald-400) 25%,
transparent
);
}
}
.hover\:bg-emerald-400\/30:hover {
background-color: #00d2944d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-emerald-400\/30:hover {
background-color: color-mix(
in oklab,
var(--color-emerald-400) 30%,
transparent
);
}
}
.hover\:bg-emerald-500\/25:hover {
background-color: #00bb7f40;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-emerald-500\/25:hover {
background-color: color-mix(
in oklab,
var(--color-emerald-500) 25%,
transparent
);
}
}
.hover\:bg-fuchsia-500\/15:hover {
background-color: #e12afb26;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-fuchsia-500\/15:hover {
background-color: color-mix(
in oklab,
var(--color-fuchsia-500) 15%,
transparent
);
}
}
.hover\:bg-iris:hover {
background-color: #cf0;
}
.hover\:bg-iris\/15:hover {
background-color: #ccff0026;
}
.hover\:bg-iris\/30:hover {
background-color: #ccff004d;
}
.hover\:bg-iris\/35:hover {
background-color: #ccff0059;
}
.hover\:bg-iris\/40:hover {
background-color: #cf06;
}
.hover\:bg-iris\/50:hover {
background-color: #ccff0080;
}
.hover\:bg-muted:hover,
.hover\:bg-muted\/50:hover {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted\/50:hover {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
.hover\:bg-primary\/80:hover {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-primary\/80:hover {
background-color: color-mix(in oklab, var(--primary) 80%, transparent);
}
}
.hover\:bg-primary\/90:hover {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-primary\/90:hover {
background-color: color-mix(in oklab, var(--primary) 90%, transparent);
}
}
.hover\:bg-red-500\/30:hover {
background-color: #fb2c364d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-red-500\/30:hover {
background-color: color-mix(
in oklab,
var(--color-red-500) 30%,
transparent
);
}
}
.hover\:bg-rose-500\/10:hover {
background-color: #ff23571a;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-rose-500\/10:hover {
background-color: color-mix(
in oklab,
var(--color-rose-500) 10%,
transparent
);
}
}
.hover\:bg-rose-500\/20:hover {
background-color: #ff235733;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-rose-500\/20:hover {
background-color: color-mix(
in oklab,
var(--color-rose-500) 20%,
transparent
);
}
}
.hover\:bg-rose-500\/\[0\.06\]:hover {
background-color: #ff23570f;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-rose-500\/\[0\.06\]:hover {
background-color: color-mix(
in oklab,
var(--color-rose-500) 6%,
transparent
);
}
}
.hover\:bg-secondary\/80:hover {
background-color: var(--secondary);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-secondary\/80:hover {
background-color: color-mix(
in oklab,
var(--secondary) 80%,
transparent
);
}
}
.hover\:bg-white\/4:hover {
background-color: #ffffff0a;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/4:hover {
background-color: color-mix(
in oklab,
var(--color-white) 4%,
transparent
);
}
}
.hover\:bg-white\/5:hover {
background-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/5:hover {
background-color: color-mix(
in oklab,
var(--color-white) 5%,
transparent
);
}
}
.hover\:bg-white\/8:hover {
background-color: #ffffff14;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/8:hover {
background-color: color-mix(
in oklab,
var(--color-white) 8%,
transparent
);
}
}
.hover\:bg-white\/10:hover {
background-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/10:hover {
background-color: color-mix(
in oklab,
var(--color-white) 10%,
transparent
);
}
}
.hover\:bg-white\/12:hover {
background-color: #ffffff1f;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/12:hover {
background-color: color-mix(
in oklab,
var(--color-white) 12%,
transparent
);
}
}
.hover\:bg-white\/15:hover {
background-color: #ffffff26;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/15:hover {
background-color: color-mix(
in oklab,
var(--color-white) 15%,
transparent
);
}
}
.hover\:bg-white\/20:hover {
background-color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/20:hover {
background-color: color-mix(
in oklab,
var(--color-white) 20%,
transparent
);
}
}
.hover\:bg-white\/90:hover {
background-color: #ffffffe6;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/90:hover {
background-color: color-mix(
in oklab,
var(--color-white) 90%,
transparent
);
}
}
.hover\:bg-white\/\[0\.1\]:hover {
background-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.1\]:hover {
background-color: color-mix(
in oklab,
var(--color-white) 10%,
transparent
);
}
}
.hover\:bg-white\/\[0\.02\]:hover {
background-color: #ffffff05;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.02\]:hover {
background-color: color-mix(
in oklab,
var(--color-white) 2%,
transparent
);
}
}
.hover\:bg-white\/\[0\.03\]:hover {
background-color: #ffffff08;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.03\]:hover {
background-color: color-mix(
in oklab,
var(--color-white) 3%,
transparent
);
}
}
.hover\:bg-white\/\[0\.04\]:hover {
background-color: #ffffff0a;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.04\]:hover {
background-color: color-mix(
in oklab,
var(--color-white) 4%,
transparent
);
}
}
.hover\:bg-white\/\[0\.05\]:hover {
background-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.05\]:hover {
background-color: color-mix(
in oklab,
var(--color-white) 5%,
transparent
);
}
}
.hover\:bg-white\/\[0\.06\]:hover {
background-color: #ffffff0f;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.06\]:hover {
background-color: color-mix(
in oklab,
var(--color-white) 6%,
transparent
);
}
}
.hover\:bg-white\/\[0\.07\]:hover {
background-color: #ffffff12;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.07\]:hover {
background-color: color-mix(
in oklab,
var(--color-white) 7%,
transparent
);
}
}
.hover\:bg-white\/\[0\.08\]:hover {
background-color: #ffffff14;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.08\]:hover {
background-color: color-mix(
in oklab,
var(--color-white) 8%,
transparent
);
}
}
.hover\:bg-white\/\[0\.09\]:hover {
background-color: #ffffff17;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.09\]:hover {
background-color: color-mix(
in oklab,
var(--color-white) 9%,
transparent
);
}
}
.hover\:bg-white\/\[0\.015\]:hover {
background-color: #ffffff04;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.015\]:hover {
background-color: color-mix(
in oklab,
var(--color-white) 1.5%,
transparent
);
}
}
.hover\:from-iris\/35:hover {
--tw-gradient-from: #ccff0059;
--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)
);
}
@supports (color: lab(0% 0 0)) {
.hover\:from-iris\/35:hover {
--tw-gradient-from: lab(93.9363% -35.8091 88.7913/0.35);
}
}
.hover\:text-\[\#CCFF00\]:hover {
color: #cf0;
}
.hover\:text-\[\#FFFFFF\]:hover {
color: #fff;
}
.hover\:text-accent-foreground:hover {
color: var(--accent-foreground);
}
.hover\:text-foreground:hover {
color: var(--foreground);
}
.hover\:text-iris:hover {
color: #cf0;
}
.hover\:text-muted-foreground:hover {
color: var(--muted-foreground);
}
.hover\:text-red-200:hover {
color: var(--color-red-200);
}
.hover\:text-rose-200:hover {
color: var(--color-rose-200);
}
.hover\:text-rose-300:hover {
color: var(--color-rose-300);
}
.hover\:text-white:hover {
color: var(--color-white);
}
.hover\:text-white\/70:hover {
color: #ffffffb3;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:text-white\/70:hover {
color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
.hover\:text-white\/80:hover {
color: #fffc;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:text-white\/80:hover {
color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}
.hover\:text-white\/85:hover {
color: #ffffffd9;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:text-white\/85:hover {
color: color-mix(in oklab, var(--color-white) 85%, transparent);
}
}
.hover\:text-white\/90:hover {
color: #ffffffe6;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:text-white\/90:hover {
color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.hover\:opacity-80:hover {
opacity: 0.8;
}
.hover\:opacity-90:hover {
opacity: 0.9;
}
.hover\:opacity-100:hover {
opacity: 1;
}
.hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover {
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
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-iris\/50:hover {
--tw-ring-color: #ccff0080;
}
@supports (color: lab(0% 0 0)) {
.hover\:ring-iris\/50:hover {
--tw-ring-color: lab(93.9363% -35.8091 88.7913/0.5);
}
}
.hover\:brightness-110: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-\[\#CCFF00\]\/15:focus {
border-color: #ccff0026;
}
.focus\:border-\[\#CCFF00\]\/40:focus {
border-color: #cf06;
}
.focus\:border-\[\#CCFF00\]\/50:focus {
border-color: #ccff0080;
}
.focus\:border-\[\#E4FF4D\]\/60:focus {
border-color: #e4ff4d99;
}
.focus\:border-cyan-400\/40:focus {
border-color: #00d2ef66;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:border-cyan-400\/40:focus {
border-color: color-mix(in oklab, var(--color-cyan-400) 40%, transparent);
}
}
.focus\:border-emerald-400\/40:focus {
border-color: #00d29466;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:border-emerald-400\/40:focus {
border-color: color-mix(
in oklab,
var(--color-emerald-400) 40%,
transparent
);
}
}
.focus\:border-emerald-400\/60:focus {
border-color: #00d29499;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:border-emerald-400\/60:focus {
border-color: color-mix(
in oklab,
var(--color-emerald-400) 60%,
transparent
);
}
}
.focus\:border-iris\/50:focus {
border-color: #ccff0080;
}
.focus\:border-iris\/60:focus {
border-color: #cf09;
}
.focus\:bg-accent:focus {
background-color: var(--accent);
}
.focus\:bg-white\/\[0\.05\]:focus {
background-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:bg-white\/\[0\.05\]:focus {
background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.focus\:bg-white\/\[0\.07\]:focus {
background-color: #ffffff12;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:bg-white\/\[0\.07\]:focus {
background-color: color-mix(in oklab, var(--color-white) 7%, transparent);
}
}
.focus\:text-accent-foreground:focus {
color: var(--accent-foreground);
}
.focus\:text-rose-200:focus {
color: var(--color-rose-200);
}
.focus\:ring-1:focus {
--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);
}
.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-4:focus {
--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\:ring-\[rgba\(204\,255\,0\,0\.12\)\]:focus {
--tw-ring-color: #ccff001f;
}
.focus\:ring-iris\/60:focus {
--tw-ring-color: #cf09;
}
@supports (color: lab(0% 0 0)) {
.focus\:ring-iris\/60:focus {
--tw-ring-color: lab(93.9363% -35.8091 88.7913/0.6);
}
}
.focus\:ring-ring:focus {
--tw-ring-color: var(--ring);
}
.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-none:focus {
--tw-outline-style: none;
outline-style: none;
}
.focus-visible\:ring-1:focus-visible {
--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);
}
.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-\[\#E4FF4D\]\/50:focus-visible {
--tw-ring-color: #e4ff4d80;
}
@supports (color: lab(0% 0 0)) {
.focus-visible\:ring-\[\#E4FF4D\]\/50:focus-visible {
--tw-ring-color: lab(95.7473% -25.1275 76.6937/0.5);
}
}
.focus-visible\:ring-iris\/60:focus-visible {
--tw-ring-color: #cf09;
}
@supports (color: lab(0% 0 0)) {
.focus-visible\:ring-iris\/60:focus-visible {
--tw-ring-color: lab(93.9363% -35.8091 88.7913/0.6);
}
}
.focus-visible\:ring-ring:focus-visible {
--tw-ring-color: var(--ring);
}
.focus-visible\:ring-offset-1:focus-visible {
--tw-ring-offset-width: 1px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.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\:ring-offset-background:focus-visible {
--tw-ring-offset-color: var(--background);
}
.focus-visible\:outline-none:focus-visible {
--tw-outline-style: none;
outline-style: none;
}
.active\:scale-90:active {
--tw-scale-x: 90%;
--tw-scale-y: 90%;
--tw-scale-z: 90%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.active\:scale-95:active {
--tw-scale-x: 95%;
--tw-scale-y: 95%;
--tw-scale-z: 95%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.active\:scale-\[0\.96\]:active {
scale: 0.96;
}
.active\:scale-\[0\.97\]:active {
scale: 0.97;
}
.active\:scale-\[0\.98\]:active {
scale: 0.98;
}
.active\:scale-\[0\.99\]:active {
scale: 0.99;
}
.active\:scale-\[0\.985\]:active {
scale: 0.985;
}
.active\:scale-\[0\.995\]:active {
scale: 0.995;
}
.active\:cursor-grabbing:active {
cursor: grabbing;
}
.active\:bg-\[\#CCFF00\]\/10:active {
background-color: #ccff001a;
}
.active\:bg-\[\#CCFF00\]\/12:active {
background-color: #ccff001f;
}
.active\:bg-amber-500\/25:active {
background-color: #f99c0040;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-amber-500\/25:active {
background-color: color-mix(
in oklab,
var(--color-amber-500) 25%,
transparent
);
}
}
.active\:bg-emerald-500\/10:active {
background-color: #00bb7f1a;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-emerald-500\/10:active {
background-color: color-mix(
in oklab,
var(--color-emerald-500) 10%,
transparent
);
}
}
.active\:bg-rose-500\/20:active {
background-color: #ff235733;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-rose-500\/20:active {
background-color: color-mix(
in oklab,
var(--color-rose-500) 20%,
transparent
);
}
}
.active\:bg-white\/5:active {
background-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-white\/5:active {
background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.active\:bg-white\/10:active {
background-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-white\/10:active {
background-color: color-mix(
in oklab,
var(--color-white) 10%,
transparent
);
}
}
.active\:bg-white\/\[0\.1\]:active {
background-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-white\/\[0\.1\]:active {
background-color: color-mix(
in oklab,
var(--color-white) 10%,
transparent
);
}
}
.active\:bg-white\/\[0\.03\]:active {
background-color: #ffffff08;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-white\/\[0\.03\]:active {
background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
}
}
.active\:bg-white\/\[0\.04\]:active {
background-color: #ffffff0a;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-white\/\[0\.04\]:active {
background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
}
}
.active\:bg-white\/\[0\.05\]:active {
background-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-white\/\[0\.05\]:active {
background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.active\:bg-white\/\[0\.06\]:active {
background-color: #ffffff0f;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-white\/\[0\.06\]:active {
background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
.active\:bg-white\/\[0\.07\]:active {
background-color: #ffffff12;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-white\/\[0\.07\]:active {
background-color: color-mix(in oklab, var(--color-white) 7%, transparent);
}
}
.active\:bg-white\/\[0\.08\]:active {
background-color: #ffffff14;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-white\/\[0\.08\]:active {
background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
.active\:bg-white\/\[0\.12\]:active {
background-color: #ffffff1f;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-white\/\[0\.12\]:active {
background-color: color-mix(
in oklab,
var(--color-white) 12%,
transparent
);
}
}
.active\:text-white:active {
color: var(--color-white);
}
.active\:text-white\/70:active {
color: #ffffffb3;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:text-white\/70:active {
color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
.active\:text-white\/85:active {
color: #ffffffd9;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:text-white\/85:active {
color: color-mix(in oklab, var(--color-white) 85%, transparent);
}
}
.active\:opacity-70:active {
opacity: 0.7;
}
.active\:opacity-80:active {
opacity: 0.8;
}
.disabled\:pointer-events-none:disabled {
pointer-events: none;
}
.disabled\:cursor-default:disabled {
cursor: default;
}
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}
.disabled\:opacity-30:disabled {
opacity: 0.3;
}
.disabled\:opacity-40:disabled {
opacity: 0.4;
}
.disabled\:opacity-50:disabled {
opacity: 0.5;
}
.disabled\:opacity-60:disabled {
opacity: 0.6;
}
.disabled\:active\:scale-100:disabled:active {
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.has-focus\:border-ring:has(:focus) {
border-color: var(--ring);
}
.has-focus\:ring-\[3px\]:has(:focus) {
--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);
}
.has-focus\:ring-ring\/50:has(:focus) {
--tw-ring-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
.has-focus\:ring-ring\/50:has(:focus) {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
.has-\[\:disabled\]\:opacity-50:has(:disabled) {
opacity: 0.5;
}
.aria-disabled\:pointer-events-none[aria-disabled="true"] {
pointer-events: none;
}
.aria-disabled\:opacity-50[aria-disabled="true"] {
opacity: 0.5;
}
.aria-selected\:text-muted-foreground[aria-selected="true"] {
color: var(--muted-foreground);
}
.data-\[active\=true\]\:font-medium[data-active="true"] {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
pointer-events: none;
}
.data-\[disabled\]\:opacity-50[data-disabled] {
opacity: 0.5;
}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
pointer-events: none;
}
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
opacity: 0.5;
}
.data-\[mobile-panel\]\:contents[data-mobile-panel] {
display: contents;
}
.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
--tw-enter-translate-x: calc(52 * var(--spacing));
}
.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
--tw-enter-translate-x: calc(52 * var(--spacing) * -1);
}
.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
--tw-exit-translate-x: calc(52 * var(--spacing));
}
.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
--tw-exit-translate-x: calc(52 * var(--spacing) * -1);
}
.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
animation: enter var(--tw-animation-duration, var(--tw-duration, 0.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-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
--tw-enter-opacity: 0;
}
.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
animation: exit var(--tw-animation-duration, var(--tw-duration, 0.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-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
--tw-exit-opacity: 0;
}
.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
height: 1px;
}
.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
width: 100%;
}
.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
flex-direction: column;
}
.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]:after {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]:after {
content: var(--tw-content);
height: calc(var(--spacing) * 1);
}
.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]:after {
content: var(--tw-content);
width: 100%;
}
.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]:after {
content: var(--tw-content);
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]:after {
content: var(--tw-content);
--tw-translate-y: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
color: var(--muted-foreground);
}
.data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
border-radius: 8px;
}
.data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
background-color: var(--primary);
}
.data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
color: var(--primary-foreground);
}
.data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
border-radius: 0;
}
.data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] {
background-color: var(--accent);
}
.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] {
color: var(--accent-foreground);
}
.data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
border-radius: 8px;
}
.data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
background-color: var(--primary);
}
.data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] {
color: var(--primary-foreground);
}
.data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
background-color: var(--primary);
}
.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] {
color: var(--primary-foreground);
}
.data-\[selected\=true\]\:rounded-none[data-selected="true"] {
border-radius: 0;
}
.data-\[selected\=true\]\:bg-accent[data-selected="true"] {
background-color: var(--accent);
}
.data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
color: var(--accent-foreground);
}
.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-\[state\=active\]\:bg-background[data-state="active"] {
background-color: var(--background);
}
.data-\[state\=active\]\:text-foreground[data-state="active"] {
color: var(--foreground);
}
.data-\[state\=active\]\:shadow[data-state="active"] {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
0 1px 2px -1px var(--tw-shadow-color, #0000001a);
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\=checked\]\:translate-x-4[data-state="checked"] {
--tw-translate-x: calc(var(--spacing) * 4);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
background-color: var(--primary);
}
.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
color: var(--primary-foreground);
}
.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
animation: accordion-up
var(--tw-animation-duration, var(--tw-duration, 0.2s))
var(--tw-ease, ease-out) 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\]\:animate-out[data-state="closed"] {
animation: exit var(--tw-animation-duration, var(--tw-duration, 0.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\]\:duration-300[data-state="closed"] {
--tw-duration: 0.3s;
transition-duration: 0.3s;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
--tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
--tw-exit-scale: 0.95;
}
.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
--tw-exit-translate-y: 100%;
}
.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
--tw-exit-translate-x: -100%;
}
.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
--tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
--tw-exit-translate-y: -100%;
}
.data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
animation: exit var(--tw-animation-duration, var(--tw-duration, 0.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\=hidden\]\:fade-out[data-state="hidden"] {
--tw-exit-opacity: 0;
}
.data-\[state\=on\]\:bg-accent[data-state="on"] {
background-color: var(--accent);
}
.data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
color: var(--accent-foreground);
}
.data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
animation: accordion-down
var(--tw-animation-duration, var(--tw-duration, 0.2s))
var(--tw-ease, ease-out) 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\]\:animate-in[data-state="open"] {
animation: enter var(--tw-animation-duration, var(--tw-duration, 0.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"],
.data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
background-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
}
.data-\[state\=open\]\:bg-secondary[data-state="open"] {
background-color: var(--secondary);
}
.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\]\:opacity-100[data-state="open"] {
opacity: 1;
}
.data-\[state\=open\]\:duration-500[data-state="open"] {
--tw-duration: 0.5s;
transition-duration: 0.5s;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"] {
--tw-enter-opacity: 0;
}
.data-\[state\=open\]\:zoom-in-90[data-state="open"] {
--tw-enter-scale: 0.9;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
--tw-enter-scale: 0.95;
}
.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
--tw-enter-translate-y: 100%;
}
.data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
--tw-enter-translate-x: -100%;
}
.data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
--tw-enter-translate-x: 100%;
}
.data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
--tw-enter-translate-y: -100%;
}
@media (hover: hover) {
.data-\[state\=open\]\:hover\:bg-accent[data-state="open"]:hover {
background-color: var(--accent);
}
}
.data-\[state\=open\]\:focus\:bg-accent[data-state="open"]:focus {
background-color: var(--accent);
}
.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
background-color: var(--muted);
}
.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
background-color: var(--input);
}
.data-\[state\=visible\]\:animate-in[data-state="visible"] {
animation: enter var(--tw-animation-duration, var(--tw-duration, 0.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\=visible\]\:fade-in[data-state="visible"] {
--tw-enter-opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.motion-reduce\:transform-none {
transform: none;
}
.motion-reduce\:transition-none {
transition-property: none;
}
}
@media (min-width: 40rem) {
.sm\:-right-2 {
right: calc(var(--spacing) * -2);
}
.sm\:mt-0 {
margin-top: calc(var(--spacing) * 0);
}
.sm\:block {
display: block;
}
.sm\:flex {
display: flex;
}
.sm\:hidden {
display: none;
}
.sm\:inline {
display: inline;
}
.sm\:w-\[190px\] {
width: 190px;
}
.sm\:max-w-sm {
max-width: var(--container-sm);
}
.sm\:shrink-0 {
flex-shrink: 0;
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:items-baseline {
align-items: baseline;
}
.sm\:items-center {
align-items: center;
}
.sm\:justify-between {
justify-content: space-between;
}
.sm\:justify-end {
justify-content: flex-end;
}
.sm\:gap-2\.5 {
gap: calc(var(--spacing) * 2.5);
}
.sm\:gap-6 {
gap: calc(var(--spacing) * 6);
}
.sm\:gap-12 {
gap: calc(var(--spacing) * 12);
}
:where(.sm\:space-x-2 > :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))
);
}
.sm\:justify-self-end {
justify-self: flex-end;
}
.sm\:rounded-lg {
border-radius: 12px;
}
.sm\:p-8 {
padding: calc(var(--spacing) * 8);
}
.sm\:px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.sm\:px-8 {
padding-inline: calc(var(--spacing) * 8);
}
.sm\:pt-8 {
padding-top: calc(var(--spacing) * 8);
}
.sm\:pr-6 {
padding-right: calc(var(--spacing) * 6);
}
.sm\:pb-12 {
padding-bottom: calc(var(--spacing) * 12);
}
.sm\:pl-6 {
padding-left: calc(var(--spacing) * 6);
}
.sm\:text-left {
text-align: left;
}
.sm\:text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.sm\:text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.sm\:text-7xl {
font-size: var(--text-7xl);
line-height: var(--tw-leading, var(--text-7xl--line-height));
}
.sm\:text-\[10px\] {
font-size: 10px;
}
.sm\:text-\[21px\] {
font-size: 21px;
}
.sm\:text-\[28px\] {
font-size: 28px;
}
.sm\:text-\[40px\] {
font-size: 40px;
}
.sm\:text-\[44px\] {
font-size: 44px;
}
.sm\:text-\[46px\] {
font-size: 46px;
}
}
@media (min-width: 48rem) {
.md\:absolute {
position: absolute;
}
.md\:inset-x-auto {
inset-inline: auto;
}
.md\:-top-7 {
top: calc(var(--spacing) * -7);
}
.md\:top-9 {
top: calc(var(--spacing) * 9);
}
.md\:top-11 {
top: calc(var(--spacing) * 11);
}
.md\:top-24 {
top: calc(var(--spacing) * 24);
}
.md\:top-\[8\%\] {
top: 8%;
}
.md\:right-0 {
right: calc(var(--spacing) * 0);
}
.md\:right-12 {
right: calc(var(--spacing) * 12);
}
.md\:bottom-\[6\%\] {
bottom: 6%;
}
.md\:bottom-\[120px\] {
bottom: 120px;
}
.md\:left-1\/2 {
left: 50%;
}
.md\:left-auto {
left: auto;
}
.md\:col-span-6 {
grid-column: span 6 / span 6;
}
.md\:col-span-12 {
grid-column: span 12 / span 12;
}
.md\:col-start-2 {
grid-column-start: 2;
}
.md\:mx-auto {
margin-inline: auto;
}
.md\:mt-12 {
margin-top: calc(var(--spacing) * 12);
}
.md\:mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.md\:mb-6 {
margin-bottom: calc(var(--spacing) * 6);
}
.md\:mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
.md\:mb-10 {
margin-bottom: calc(var(--spacing) * 10);
}
.md\:mb-\[108px\] {
margin-bottom: 108px;
}
.md\:block {
display: block;
}
.md\:flex {
display: flex;
}
.md\:hidden {
display: none;
}
.md\:inline {
display: inline;
}
.md\:inline-flex {
display: inline-flex;
}
.md\:aspect-\[9\/19\.5\] {
aspect-ratio: 9/19.5;
}
.md\:h-9 {
height: calc(var(--spacing) * 9);
}
.md\:h-\[min\(900px\,calc\(100vh-2rem\)\)\] {
height: min(900px, 100vh - 2rem);
}
.md\:h-auto {
height: auto;
}
.md\:min-h-\[100dvh\] {
min-height: 100dvh;
}
.md\:w-9 {
width: calc(var(--spacing) * 9);
}
.md\:w-\[280px\] {
width: 280px;
}
.md\:w-\[360px\] {
width: 360px;
}
.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
width: var(--radix-navigation-menu-viewport-width);
}
.md\:w-auto {
width: auto;
}
.md\:w-full {
width: 100%;
}
.md\:max-w-\[380px\] {
max-width: 380px;
}
.md\:max-w-\[440px\] {
max-width: 440px;
}
.md\:max-w-\[720px\] {
max-width: 720px;
}
.md\:-translate-x-1\/2 {
--tw-translate-x: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:grid-cols-\[240px_1fr\] {
grid-template-columns: 240px 1fr;
}
.md\:grid-cols-\[240px_minmax\(0\,1fr\)\] {
grid-template-columns: 240px minmax(0, 1fr);
}
.md\:grid-cols-\[auto_1fr\] {
grid-template-columns: auto 1fr;
}
.md\:flex-row {
flex-direction: row;
}
.md\:items-end {
align-items: flex-end;
}
.md\:justify-between {
justify-content: space-between;
}
.md\:gap-3 {
gap: calc(var(--spacing) * 3);
}
.md\:gap-8 {
gap: calc(var(--spacing) * 8);
}
:where(.md\:space-y-5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(
calc(var(--spacing) * 5) * var(--tw-space-y-reverse)
);
margin-block-end: calc(
calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))
);
}
.md\:overflow-visible {
overflow: visible;
}
.md\:rounded-3xl {
border-radius: 16px;
}
.md\:rounded-\[2\.25rem\] {
border-radius: 2.25rem;
}
.md\:rounded-\[2\.85rem\] {
border-radius: 2.85rem;
}
.md\:rounded-\[2rem\] {
border-radius: 2rem;
}
.md\:border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.md\:border-\[3px\] {
border-style: var(--tw-border-style);
border-width: 3px;
}
.md\:border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.md\:border-b-0 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
.md\:border-\[\#0A0A0A\] {
border-color: #0a0a0a;
}
.md\:border-\[\#242628\] {
border-color: #242628;
}
.md\:bg-transparent {
background-color: #0000;
}
.md\:p-6 {
padding: calc(var(--spacing) * 6);
}
.md\:p-10 {
padding: calc(var(--spacing) * 10);
}
.md\:px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.md\:px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.md\:px-8 {
padding-inline: calc(var(--spacing) * 8);
}
.md\:px-12 {
padding-inline: calc(var(--spacing) * 12);
}
.md\:py-0 {
padding-block: calc(var(--spacing) * 0);
}
.md\:py-5 {
padding-block: calc(var(--spacing) * 5);
}
.md\:py-8 {
padding-block: calc(var(--spacing) * 8);
}
.md\:py-24 {
padding-block: calc(var(--spacing) * 24);
}
.md\:py-32 {
padding-block: calc(var(--spacing) * 32);
}
.md\:pt-8 {
padding-top: calc(var(--spacing) * 8);
}
.md\:pt-9 {
padding-top: calc(var(--spacing) * 9);
}
.md\:pt-14 {
padding-top: calc(var(--spacing) * 14);
}
.md\:pt-\[84px\] {
padding-top: 84px;
}
.md\:pr-28 {
padding-right: calc(var(--spacing) * 28);
}
.md\:pb-0 {
padding-bottom: calc(var(--spacing) * 0);
}
.md\:pb-3 {
padding-bottom: calc(var(--spacing) * 3);
}
.md\:pb-10 {
padding-bottom: calc(var(--spacing) * 10);
}
.md\:pb-\[120px\] {
padding-bottom: 120px;
}
.md\:pl-10 {
padding-left: calc(var(--spacing) * 10);
}
.md\:text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.md\:text-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
.md\:text-8xl {
font-size: var(--text-8xl);
line-height: var(--tw-leading, var(--text-8xl--line-height));
}
.md\:text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.md\:text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.md\:text-\[9px\] {
font-size: 9px;
}
.md\:text-\[26px\] {
font-size: 26px;
}
.md\:opacity-0 {
opacity: 0;
}
.md\:shadow-\[0_20px_80px_-20px_rgba\(0\,0\,0\,0\.6\)\] {
--tw-shadow: 0 20px 80px -20px var(--tw-shadow-color, #0009);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.md\:shadow-\[inset_0_0_0_1px_rgba\(204\,255\,0\,0\.18\)\,0_40px_120px_-30px_rgba\(204\,255\,0\,0\.5\)\] {
--tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ccff002e),
0 40px 120px -30px var(--tw-shadow-color, #ccff0080);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.md\:backdrop-blur-none {
--tw-backdrop-blur: ;
-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);
}
.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"]
~ *) {
margin: calc(var(--spacing) * 2);
}
.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"]
~ *) {
margin-left: calc(var(--spacing) * 0);
}
.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"]
~ *) {
border-radius: 16px;
}
.md\:peer-data-\[variant\=inset\]\:shadow:is(:where(.peer)[data-variant="inset"]
~ *) {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2:is(:where(.peer)[data-state="collapsed"]
~ *):is(:where(.peer)[data-variant="inset"] ~ *) {
margin-left: calc(var(--spacing) * 2);
}
}
.after\:md\:hidden:after {
content: var(--tw-content);
}
@media (min-width: 48rem) {
.after\:md\:hidden:after {
display: none;
}
}
@media (min-width: 64rem) {
.lg\:col-span-4 {
grid-column: span 4 / span 4;
}
.lg\:col-span-5 {
grid-column: span 5 / span 5;
}
.lg\:col-span-7 {
grid-column: span 7 / span 7;
}
.lg\:block {
display: block;
}
.lg\:flex {
display: flex;
}
.lg\:hidden {
display: none;
}
.lg\:min-h-\[30vh\] {
min-height: 30vh;
}
.lg\:min-h-\[80vh\] {
min-height: 80vh;
}
.lg\:min-h-\[860px\] {
min-height: 860px;
}
.lg\:max-w-\[620px\] {
max-width: 620px;
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.lg\:gap-10 {
gap: calc(var(--spacing) * 10);
}
.lg\:gap-12 {
gap: calc(var(--spacing) * 12);
}
.lg\:gap-16 {
gap: calc(var(--spacing) * 16);
}
.lg\:px-20 {
padding-inline: calc(var(--spacing) * 20);
}
.lg\:pr-3 {
padding-right: calc(var(--spacing) * 3);
}
.lg\:pr-32 {
padding-right: calc(var(--spacing) * 32);
}
.lg\:pl-16 {
padding-left: calc(var(--spacing) * 16);
}
.lg\:text-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
.lg\:text-7xl {
font-size: var(--text-7xl);
line-height: var(--tw-leading, var(--text-7xl--line-height));
}
.lg\:tracking-\[0\.4em\] {
--tw-tracking: 0.4em;
letter-spacing: 0.4em;
}
.lg\:\[--phone-w\:min\(350px\,74vw\)\] {
--phone-w: min(350px, 74vw);
}
}
@media (min-width: 80rem) {
.xl\:col-span-2 {
grid-column: span 2 / span 2;
}
.xl\:block {
display: block;
}
.xl\:flex {
display: flex;
}
.xl\:max-w-\[600px\] {
max-width: 600px;
}
.xl\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.xl\:grid-cols-\[240px_1fr_320px\] {
grid-template-columns: 240px 1fr 320px;
}
.xl\:grid-cols-\[260px_minmax\(0\,1fr\)_360px\] {
grid-template-columns: 260px minmax(0, 1fr) 360px;
}
.xl\:grid-cols-\[auto_1fr_auto\] {
grid-template-columns: auto 1fr auto;
}
.xl\:text-\[88px\] {
font-size: 88px;
}
.xl\:text-\[96px\] {
font-size: 96px;
}
}
@media (min-width: 96rem) {
.\32xl\:w-\[280px\] {
width: 280px;
}
.\32xl\:w-\[308px\] {
width: 308px;
}
}
@container (width>=230px) {
.\@min-\[230px\]\:grid {
display: grid;
}
}
@container (width>=300px) {
.\@min-\[300px\]\:inline {
display: inline;
}
}
.dark\:border-destructive:is(.dark *) {
border-color: var(--destructive);
}
.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground
.recharts-cartesian-axis-tick
text {
fill: var(--muted-foreground);
}
.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50
.recharts-cartesian-grid
line[stroke="#ccc"] {
stroke: var(--border);
}
@supports (color: color-mix(in lab, red, red)) {
.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50
.recharts-cartesian-grid
line[stroke="#ccc"] {
stroke: color-mix(in oklab, var(--border) 50%, transparent);
}
}
.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border
.recharts-curve.recharts-tooltip-cursor {
stroke: var(--border);
}
.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent
.recharts-dot[stroke="#fff"] {
stroke: #0000;
}
.\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
--tw-outline-style: none;
outline-style: none;
}
.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border
.recharts-polar-grid
[stroke="#ccc"] {
stroke: var(--border);
}
.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted
.recharts-radial-bar-background-sector,
.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted
.recharts-rectangle.recharts-tooltip-cursor {
fill: var(--muted);
}
.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border
.recharts-reference-line
[stroke="#ccc"] {
stroke: var(--border);
}
.\[\&_\.recharts-sector\]\:outline-none .recharts-sector {
--tw-outline-style: none;
outline-style: none;
}
.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent
.recharts-sector[stroke="#fff"] {
stroke: #0000;
}
.\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
--tw-outline-style: none;
outline-style: none;
}
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
padding-inline: calc(var(--spacing) * 2);
}
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
padding-block: calc(var(--spacing) * 1.5);
}
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
color: var(--muted-foreground);
}
.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
padding-inline: calc(var(--spacing) * 2);
}
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0
[cmdk-group]:not([hidden])
~ [cmdk-group] {
padding-top: calc(var(--spacing) * 0);
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
height: calc(var(--spacing) * 5);
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
width: calc(var(--spacing) * 5);
}
.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
height: calc(var(--spacing) * 12);
}
.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
padding-inline: calc(var(--spacing) * 2);
}
.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
padding-block: calc(var(--spacing) * 3);
}
.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
height: calc(var(--spacing) * 5);
}
.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
width: calc(var(--spacing) * 5);
}
.\[\&_aside\]\:\!flex aside {
display: flex !important;
}
.\[\&_aside\]\:\!h-full aside {
height: 100% !important;
}
.\[\&_aside\]\:\!w-full aside {
width: 100% !important;
}
.\[\&_aside\]\:\!border-0 aside {
border-style: var(--tw-border-style) !important;
border-width: 0 !important;
}
.\[\&_p\]\:leading-relaxed p {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.\[\&_svg\]\:pointer-events-none svg {
pointer-events: none;
}
.\[\&_svg\]\:size-4 svg {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.\[\&_svg\]\:shrink-0 svg {
flex-shrink: 0;
}
.\[\&_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: 0;
}
.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"]
button {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
padding-right: calc(var(--spacing) * 0);
}
:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"]
*)
*):is(.rdp-button_next > svg),
:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"]
*)
*):is(.rdp-button_previous > svg) {
rotate: 180deg;
}
.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"]
button {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
--tw-translate-y: 2px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.\[\&\>button\]\:hidden > button {
display: none;
}
.\[\&\>span\]\:line-clamp-1 > span {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.\[\&\>span\]\:text-xs > span {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.\[\&\>span\]\:opacity-70 > span {
opacity: 0.7;
}
.\[\&\>span\:last-child\]\:truncate > span:last-child {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.\[\&\>svg\]\:absolute > svg {
position: absolute;
}
.\[\&\>svg\]\:top-4 > svg {
top: calc(var(--spacing) * 4);
}
.\[\&\>svg\]\:left-4 > svg {
left: calc(var(--spacing) * 4);
}
.\[\&\>svg\]\:size-3\.5 > svg {
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
}
.\[\&\>svg\]\:size-4 > svg {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.\[\&\>svg\]\:h-2\.5 > svg {
height: calc(var(--spacing) * 2.5);
}
.\[\&\>svg\]\:h-3 > svg {
height: calc(var(--spacing) * 3);
}
.\[\&\>svg\]\:h-3\.5 > svg {
height: calc(var(--spacing) * 3.5);
}
.\[\&\>svg\]\:h-full > svg {
height: 100%;
}
.\[\&\>svg\]\:w-2\.5 > svg {
width: calc(var(--spacing) * 2.5);
}
.\[\&\>svg\]\:w-3 > svg {
width: calc(var(--spacing) * 3);
}
.\[\&\>svg\]\:w-3\.5 > svg {
width: calc(var(--spacing) * 3.5);
}
.\[\&\>svg\]\:w-full > svg {
width: 100%;
}
.\[\&\>svg\]\:shrink-0 > svg {
flex-shrink: 0;
}
.\[\&\>svg\]\:text-destructive > svg {
color: var(--destructive);
}
.\[\&\>svg\]\:text-foreground > svg {
color: var(--foreground);
}
.\[\&\>svg\]\:text-muted-foreground > svg {
color: var(--muted-foreground);
}
.\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div {
--tw-translate-y: -3px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.\[\&\>svg\~\*\]\:pl-7 > svg ~ * {
padding-left: calc(var(--spacing) * 7);
}
.\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"]
> div {
rotate: 90deg;
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
rotate: 180deg;
}
[data-side="left"] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
cursor: w-resize;
}
[data-side="left"][data-collapsible="offcanvas"]
.\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
right: calc(var(--spacing) * -2);
}
[data-side="left"][data-state="collapsed"]
.\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize,
[data-side="right"] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
cursor: e-resize;
}
[data-side="right"][data-collapsible="offcanvas"]
.\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
left: calc(var(--spacing) * -2);
}
[data-side="right"][data-state="collapsed"]
.\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
cursor: w-resize;
}
[data-slot="card-content"]
.\[\[data-slot\=card-content\]_\&\]\:bg-transparent,
[data-slot="popover-content"]
.\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
background-color: #0000;
}
.text-balance {
text-wrap: balance;
}
.glow-iris {
box-shadow: 0 0 40px #ccff0059, 0 0 120px #ccff0040,
inset 0 0 30px #e4ff4d26;
}
.text-glow {
text-shadow: 0 0 30px #ccff0073, 0 0 80px #ccff0040;
}
.bg-cosmos {
background: radial-gradient(80% 60% at 50% 0, #ccff000d, #0000 60%),
radial-gradient(60% 50% at 50% 100%, #e4ff4d1f, #0000 60%),
linear-gradient(#000 0% 50%, #000);
}
.grid-faint {
background-image: linear-gradient(#e4ff4d0f 1px, #0000 1px),
linear-gradient(90deg, #e4ff4d0f 1px, #0000 1px);
background-size: 56px 56px;
}
.hairline {
border: 1px solid #e4ff4d2e;
}
.glass {
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
background: linear-gradient(#0c1638b3, #07102d80);
border: 1px solid #e4ff4d2e;
}
@keyframes float-slow {
0%,
to {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
.animate-float {
animation: 6s ease-in-out infinite float-slow;
}
@keyframes fadeUp {
0% {
opacity: 0;
transform: translateY(12px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes pulse-glow {
0%,
to {
opacity: 0.9;
filter: drop-shadow(0 0 20px #ccff008c);
}
50% {
opacity: 1;
filter: drop-shadow(0 0 60px #e4ff4dd9);
}
}
.animate-pulse-glow {
animation: 4s ease-in-out infinite pulse-glow;
}
@keyframes spin-slow {
to {
transform: rotate(360deg);
}
}
.animate-spin-slow {
animation: 60s linear infinite spin-slow;
}
@keyframes spin-reverse {
to {
transform: rotate(-360deg);
}
}
.animate-spin-reverse {
animation: 90s linear infinite spin-reverse;
}
@keyframes drift {
0%,
to {
transform: translate(0);
}
50% {
transform: translate(8px, -6px);
}
}
.animate-drift {
animation: 8s ease-in-out infinite drift;
}
@keyframes ken-burns {
0%,
to {
transform: scale(1) translate(0);
}
50% {
transform: scale(1.06) translate(-1%, -1%);
}
}
.ken-burns {
animation: 24s ease-in-out infinite ken-burns;
}
@keyframes ken-burns-slow {
0% {
transform: scale(1.1) translate(0);
}
to {
transform: scale(1.22) translate(-2%, -1.5%);
}
}
.ken-burns-slow {
animation: 40s ease-out infinite alternate ken-burns-slow;
}
@media (max-width: 767px) {
.ken-burns,
.ken-burns-slow {
animation: none;
transform: none;
}
.aurora-mesh,
.god-rays,
.horizon-glow,
.lens-streak,
.animate-horizon,
.animate-phone-sweep,
.animate-drift {
animation: none;
}
.god-rays {
filter: none;
}
.reveal,
.reveal-in {
will-change: auto;
transition: none;
opacity: 1 !important;
animation: none !important;
}
.grain,
.paper-grain,
.scanlines,
.construction-lines {
display: none !important;
}
.hero-parallax {
will-change: auto;
}
}
.bg-radial-vignette {
background: radial-gradient(90% 70% at 50% 40%, #0000 40%, #000000d9);
}
.aurora-mesh {
background: radial-gradient(60% 40% at 50% 18%, #ccff000d, #0000 60%),
radial-gradient(40% 30% at 30% 60%, #ccff000d, #0000 70%),
radial-gradient(50% 35% at 75% 65%, #e4ff4d4d, #0000 70%);
animation: 18s ease-in-out infinite alternate aurora-shift;
}
@keyframes aurora-shift {
0% {
opacity: 0.65;
transform: translate(0) scale(1);
}
to {
opacity: 0.9;
transform: translate(2%, -2%) scale(1.08);
}
}
@keyframes marquee {
0% {
transform: translate(0);
}
to {
transform: translate(-50%);
}
}
.marquee {
animation: 40s linear infinite marquee;
}
@keyframes arena-loop {
0% {
transform: translate(-100%);
}
to {
transform: translate(300%);
}
}
.hero-parallax {
will-change: transform;
}
.magnetic {
transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.magnetic:hover {
transform: translateY(-2px) scale(1.02);
}
.grain {
mix-blend-mode: overlay;
background-image: url("data:image/svg+xml;utf8,");
}
.reveal {
opacity: 1;
}
html.js .reveal {
opacity: 0;
will-change: opacity, transform;
transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
transform: translateY(22px);
}
.reveal-in,
html.js .reveal-in {
opacity: 1;
will-change: auto;
transform: none;
}
@media (prefers-reduced-motion: reduce) {
.reveal,
html.js .reveal,
.reveal-in {
opacity: 1 !important;
transition: none !important;
animation: none !important;
transform: none !important;
}
}
@keyframes horizon-pulse {
0%,
to {
opacity: 0.55;
transform: scaleY(1);
}
50% {
opacity: 1;
transform: scaleY(1.06);
}
}
.animate-horizon {
animation: 6s ease-in-out infinite horizon-pulse;
}
@keyframes caret-blink {
0%,
49% {
opacity: 1;
}
50%,
to {
opacity: 0;
}
}
.animate-caret-blink {
animation: 1s step-end infinite caret-blink;
}
@keyframes bookmark-pop {
0% {
transform: scale(0.6) rotate(-12deg);
}
45% {
transform: scale(1.4) rotate(8deg);
}
70% {
transform: scale(0.95) rotate(-3deg);
}
to {
transform: scale(1.1) rotate(0);
}
}
.god-rays {
filter: blur(8px);
mix-blend-mode: screen;
background: conic-gradient(
from 250deg at 50% 100%,
#0000,
#cf00 50deg,
#ccff004d,
#e6e9ff8c,
#ccff004d,
#cf00 130deg,
#0000 180deg 360deg
);
animation: 7s ease-in-out infinite horizon-pulse;
-webkit-mask-image: radial-gradient(
75% 85% at 50% 100%,
#000 20%,
#0000 78%
);
mask-image: radial-gradient(75% 85% at 50% 100%, #000 20%, #0000 78%);
}
.horizon-glow {
mix-blend-mode: screen;
background: radial-gradient(
60% 30% at 50% 78%,
#ccff00d9,
#ccff0059 40%,
#0000 70%
);
animation: 5s ease-in-out infinite horizon-pulse;
}
.lens-streak {
filter: blur(1.5px);
mix-blend-mode: screen;
background: linear-gradient(
90deg,
#0000,
#e6e9ff00 30%,
#e6e9ff8c,
#e6e9ff00 70%,
#0000
);
height: 2px;
}
.bg-paper {
background: radial-gradient(70% 50% at 50% 0, #ccff001a, #0000 70%),
radial-gradient(50% 40% at 100% 100%, #ccff0014, #0000 70%),
linear-gradient(#eef0ff, #f5ffcc, #dde1ff);
}
.paper-grid {
background-image: linear-gradient(#ccff0014 1px, #0000 1px),
linear-gradient(90deg, #ccff0014 1px, #0000 1px);
background-size: 96px 96px;
-webkit-mask-image: radial-gradient(70% 60%, #000 30%, #0000 80%);
mask-image: radial-gradient(70% 60%, #000 30%, #0000 80%);
}
.paper-grain {
mix-blend-mode: multiply;
opacity: 0.5;
background-image: url("data:image/svg+xml;utf8,");
}
.text-iris-solid {
color: #cf0;
}
.section-divider-iris {
background: linear-gradient(90deg, #0000, #cf09, #0000);
height: 1px;
}
.construction-lines {
background-image: linear-gradient(#ccff000d 1px, #0000 1px),
linear-gradient(90deg, #ccff000d 1px, #0000 1px);
background-size: 96px 96px;
-webkit-mask-image: radial-gradient(70% 60%, #000 30%, #0000 80%);
mask-image: radial-gradient(70% 60%, #000 30%, #0000 80%);
}
.scanlines {
pointer-events: none;
background-image: repeating-linear-gradient(#ffffff08 0 1px, #0000 1px 3px);
}
.text-iris-glow {
color: #a8d400;
text-shadow: 0 0 18px #ccff00a6, 0 0 60px #ccff0059;
}
.hero-headline {
font-family: var(--font-tech);
letter-spacing: 0.02em;
font-weight: 700;
line-height: 0.92;
}
.corner-tick:before,
.corner-tick:after {
content: "";
border-color: #ccff008c;
width: 14px;
height: 14px;
position: absolute;
}
.corner-tick:before {
border-top: 1px solid;
border-left: 1px solid;
top: 0;
left: 0;
}
.corner-tick:after {
border-bottom: 1px solid;
border-right: 1px solid;
bottom: 0;
right: 0;
}
.content-scrim-left {
background: radial-gradient(
80% 90% at 20%,
#000000d9,
#0000008c 45%,
#0000 78%
);
}
.content-scrim-right {
background: radial-gradient(
80% 90% at 80%,
#000000d9,
#0000008c 45%,
#0000 78%
);
}
.content-scrim-center {
background: radial-gradient(70% 65%, #000000d1, #00000073 50%, #0000 80%);
}
.eyebrow-chip {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: #0009;
border: 1px solid #ccff0047;
border-radius: 9999px;
align-items: center;
gap: 0.6rem;
padding: 0.45rem 0.9rem;
display: inline-flex;
box-shadow: 0 0 24px -10px #ccff0080, inset 0 0 0 1px #ffffff0a;
}
@keyframes cta-border-spin {
to {
transform: rotate(360deg);
}
}
@keyframes cta-pulse-glow {
0%,
to {
transform: scale(1);
box-shadow: 0 0 #ccff008c, 0 18px 50px -10px #ccff008c,
inset 0 1px #ffffff38;
}
50% {
transform: scale(1.015);
box-shadow: 0 0 0 10px #cf00, 0 26px 80px -8px #ccff00d9,
inset 0 1px #ffffff47;
}
}
@keyframes cta-secondary-pulse {
0%,
to {
border-color: #ffffff2e;
box-shadow: 0 0 #cf00, inset 0 0 0 1px #ffffff2e;
}
50% {
border-color: #ccff0080;
box-shadow: 0 0 0 6px #ccff000f, inset 0 0 0 1px #ccff0073;
}
}
.cta-primary {
isolation: isolate;
background: linear-gradient(#e4ff4d, #cf0);
border-radius: 9999px;
font-weight: 700;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
animation: 2.8s ease-in-out infinite cta-pulse-glow;
position: relative;
}
.cta-primary:before {
content: "";
z-index: -1;
opacity: 0.9;
pointer-events: none;
background: conic-gradient(
#a8d400,
#f5ffcc,
#e4ff4d,
#a8d400,
#f5ffcc,
#e4ff4d,
#a8d400
);
border-radius: 9999px;
padding: 1.5px;
position: absolute;
inset: -1.5px;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
}
.cta-primary:after {
content: "";
pointer-events: none;
background: linear-gradient(#fff3, #0000 55%);
border-radius: 9999px;
position: absolute;
inset: 0;
}
.cta-primary:hover {
transform: translateY(-2px) scale(1.04);
}
.cta-secondary {
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
background: #ffffff0a;
border: 1px solid #ffffff2e;
border-radius: 9999px;
font-weight: 700;
transition: background 0.3s, border-color 0.3s,
transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
animation: 2.8s ease-in-out infinite cta-secondary-pulse;
position: relative;
}
.cta-secondary:hover {
background: #ccff0024;
border-color: #cf09;
transform: translateY(-2px);
}
.data-chip {
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background: #0000008c;
border: 1px solid #ccff002e;
border-radius: 1rem;
box-shadow: 0 20px 60px -25px #ccff0073;
}
@keyframes card-pulse-buy {
0%,
to {
border-color: #ccff0073;
transform: scale(1);
box-shadow: 0 0 #4ade8000, 0 20px 60px #ccff0059;
}
50% {
border-color: #4ade80d9;
transform: scale(1.018);
box-shadow: 0 0 60px 8px #4ade808c, 0 0 120px 24px #4ade8038,
0 20px 60px #ccff0059;
}
}
.card-pulse-buy {
will-change: transform, box-shadow;
animation: 2.4s ease-in-out infinite card-pulse-buy;
}
.swipe-stage:hover .card-pulse-buy {
animation-duration: 1.4s;
}
@keyframes card-swipe-wif {
0%,
30% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0);
}
42% {
opacity: 1;
transform: translate(40%, -55%) rotate(18deg);
}
48% {
opacity: 0;
transform: translate(80%, -58%) rotate(24deg);
}
48.01%,
95% {
opacity: 0;
transform: translate(-50%, -50%) rotate(0);
}
to {
opacity: 1;
transform: translate(-50%, -50%) rotate(0);
}
}
@keyframes card-swipe-pepe {
0%,
50% {
opacity: 1;
transform: translate(-50%, -50%) rotate(0);
}
62% {
opacity: 1;
transform: translate(40%, -55%) rotate(18deg);
}
68% {
opacity: 0;
transform: translate(80%, -58%) rotate(24deg);
}
68.01%,
99.99% {
opacity: 0;
transform: translate(-50%, -50%) rotate(0);
}
to {
opacity: 1;
transform: translate(-50%, -50%) rotate(0);
}
}
.card-swipe-wif {
will-change: transform, opacity;
animation: 7s cubic-bezier(0.65, 0, 0.35, 1) infinite card-swipe-wif;
}
.card-swipe-pepe {
will-change: transform, opacity;
animation: 7s cubic-bezier(0.65, 0, 0.35, 1) infinite card-swipe-pepe;
}
.card-swipe-right {
will-change: transform, opacity;
animation: 7s cubic-bezier(0.65, 0, 0.35, 1) infinite card-swipe-wif;
}
@keyframes swipe-trace {
0% {
opacity: 0;
transform: translate(-15%);
}
25% {
opacity: 1;
}
75% {
opacity: 1;
}
to {
opacity: 0;
transform: translate(115%);
}
}
.swipe-trace {
animation: 2.6s ease-in-out infinite swipe-trace;
}
@keyframes buy-tag-flash {
0%,
to {
opacity: 0.85;
box-shadow: 0 0 #4ade8000;
}
50% {
opacity: 1;
box-shadow: 0 0 24px 2px #4ade8099;
}
}
.buy-tag-flash {
animation: 1.2s ease-in-out infinite buy-tag-flash;
}
@keyframes swipe-hint {
0%,
to {
opacity: 0.7;
transform: translate(0);
}
50% {
opacity: 1;
transform: translate(14px);
}
}
.swipe-hint {
animation: 1.6s ease-in-out infinite swipe-hint;
}
@keyframes hoodie-comet {
0% {
stroke-dashoffset: 15px;
}
to {
stroke-dashoffset: -100px;
}
}
.hoodie-comet {
animation: 6.4s linear infinite hoodie-comet;
}
@keyframes hoodie-tile-lit {
0%,
to {
opacity: 0;
}
4% {
opacity: 1;
}
16% {
opacity: 0.95;
}
26% {
opacity: 0;
}
}
.hoodie-tile-lit {
animation: 6.4s linear infinite hoodie-tile-lit;
}
@media (prefers-reduced-motion: reduce) {
.hoodie-comet {
animation: none;
}
.hoodie-tile-lit {
opacity: 0.35;
animation: none;
}
}
.slide-stage section {
width: 1920px !important;
height: 1080px !important;
min-height: 1080px !important;
}
.slide-stage [class*="min-h-screen"],
.slide-stage [class*="min-h-[92vh]"],
.slide-stage [class*="min-h-[90vh]"],
.slide-stage [class*="min-h-[80vh]"],
.slide-stage [class*="min-h-[100vh]"] {
min-height: 1080px !important;
}
}
@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;
}
:root {
--radius: 0.75rem;
--background: #000;
--foreground: #fff;
--card: #0a0a0a;
--card-foreground: #fff;
--popover: #0a0a0a;
--popover-foreground: #fff;
--primary: #cf0;
--primary-foreground: #110e08;
--secondary: #0a1438;
--secondary-foreground: #f5ffcc;
--muted: #0a0a0a;
--muted-foreground: #8b93c7;
--accent: #e4ff4d;
--accent-foreground: #110e08;
--destructive: #ff5558;
--destructive-foreground: #fff;
--border: #f2f3ec17;
--input: #f2f3ec17;
--ring: #cf0;
--ink: #000;
--surface: #0a0a0a;
--card-v6: #0d0d0d;
--hair: #ccff0024;
--hair-soft: #f2f3ec17;
--neon: #cf0;
--neon-deep: #a8d400;
--on-neon: #110e08;
--text: #f2f3ec;
--body-c: #c4c6bb;
--muted-v6: #8b8d82;
--dim: #55574e;
}
@keyframes swipe-burst-ring {
0% {
opacity: 0;
transform: scale(1);
box-shadow: inset 0 0;
}
35% {
opacity: 1;
}
to {
opacity: 0;
transform: scale(1.04);
box-shadow: inset 0 0 0 6px;
}
}
.swipe-burst-buy {
color: #4ade80d9;
animation: 0.48s ease-out swipe-burst-ring;
}
.swipe-burst-pass {
color: #f87171d9;
animation: 0.48s ease-out swipe-burst-ring;
}
@keyframes swipe-flash {
0% {
opacity: 0;
}
20% {
opacity: 1;
}
to {
opacity: 0;
}
}
.swipe-flash {
animation: 0.52s ease-out both swipe-flash;
}
@keyframes swipe-btn-flash {
0% {
filter: brightness(2.2);
transform: scale(1.18);
}
40% {
filter: brightness(1.9);
transform: scale(1.32);
}
to {
filter: brightness();
transform: scale(1);
}
}
.swipe-btn-flash {
animation: 0.48s cubic-bezier(0.22, 1, 0.36, 1) swipe-btn-flash;
}
.hide-scrollbar {
scrollbar-width: none;
-ms-overflow-style: none;
}
.hide-scrollbar::-webkit-scrollbar {
display: none;
}
@keyframes anime-arena-enter {
0% {
opacity: 0;
transform: scale(0.94);
}
to {
opacity: 1;
transform: scale(1);
}
}
.anime-arena-enter {
animation: 0.32s cubic-bezier(0.22, 1, 0.36, 1) both anime-arena-enter;
}
@keyframes anime-float {
0%,
to {
transform: translateY(0) rotate(-2deg);
}
50% {
transform: translateY(-6px) rotate(2deg);
}
}
.anime-float {
animation: 3.4s ease-in-out infinite anime-float;
}
@keyframes anime-sparkle {
0%,
to {
opacity: 0;
transform: scale(0.6);
}
50% {
opacity: 1;
transform: scale(1.4);
}
}
.anime-sparkle {
animation: 2.2s ease-in-out infinite anime-sparkle;
}
@keyframes anime-sheen {
0% {
transform: translate(-120%);
}
to {
transform: translate(120%);
}
}
.anime-sheen {
animation: 4.5s linear infinite anime-sheen;
}
@keyframes anime-stamp-pop {
0% {
opacity: 0;
transform: scale(2.2) rotate(var(--rot, 0deg));
}
60% {
opacity: 1;
transform: scale(0.92) rotate(var(--rot, 0deg));
}
to {
opacity: 1;
transform: scale(1) rotate(var(--rot, 0deg));
}
}
.anime-stamp-pop {
animation: 0.32s cubic-bezier(0.22, 1, 0.36, 1) both anime-stamp-pop;
}
@keyframes anime-particle {
0% {
opacity: 0.2;
transform: translateY(0);
}
50% {
opacity: 0.9;
}
to {
opacity: 0;
transform: translateY(-40px);
}
}
.anime-particle {
animation: 5s ease-in-out infinite anime-particle;
}
@keyframes anime-xp-pop {
0% {
opacity: 0;
transform: translateY(0) scale(0.6);
}
20% {
opacity: 1;
transform: translateY(-10px) scale(1.15);
}
to {
opacity: 0;
transform: translateY(-60px) scale(1);
}
}
.anime-xp-pop {
animation: 0.9s ease-out both anime-xp-pop;
}
@keyframes anime-confetti {
0% {
opacity: 1;
transform: translate(0) rotate(0);
}
to {
transform: translate(var(--dx, 0px), 220px) rotate(540deg);
opacity: 0;
}
}
.anime-confetti {
--dx: calc((var(--rand, 0) - 0.5) * 200px);
animation: 1.1s cubic-bezier(0.22, 0.61, 0.36, 1) forwards anime-confetti;
}
@keyframes anime-legendary-border {
0% {
box-shadow: inset 0 0 0 2px #ffd70099, inset 0 0 24px #ffd70040;
}
50% {
box-shadow: inset 0 0 0 2px #a78bfacc, inset 0 0 32px #a78bfa59;
}
to {
box-shadow: inset 0 0 0 2px #ffd70099, inset 0 0 24px #ffd70040;
}
}
.anime-legendary-border {
animation: 3.2s ease-in-out infinite anime-legendary-border;
}
@keyframes anime-jackpot-pulse {
0%,
to {
filter: brightness();
transform: scale(1);
}
50% {
filter: brightness(1.25);
transform: scale(1.04);
}
}
.anime-jackpot-pulse {
animation: 1.6s ease-in-out infinite anime-jackpot-pulse;
}
@keyframes coreHaloSlow {
0%,
to {
opacity: 0.75;
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(1.08);
}
}
@keyframes coreHaloFast {
0%,
to {
opacity: 0.6;
transform: scale(0.96);
}
50% {
opacity: 0.9;
transform: scale(1.04);
}
}
@keyframes coreSweep {
0% {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.core-halo-slow {
will-change: transform, opacity;
animation: 3.6s ease-in-out infinite coreHaloSlow;
}
.core-halo-fast {
will-change: transform, opacity;
animation: 2.2s ease-in-out infinite coreHaloFast;
}
.core-sweep {
will-change: transform;
animation: 6s linear infinite coreSweep;
}
@media (prefers-reduced-motion: reduce) {
.core-halo-slow,
.core-halo-fast,
.core-sweep {
animation: none;
}
}
@keyframes phone-flare {
0% {
opacity: 0;
}
35% {
opacity: 0.2;
}
to {
opacity: 0;
}
}
.animate-phone-flare {
will-change: opacity;
animation: 1.4s ease-out forwards phone-flare;
}
@keyframes phone-sweep {
0% {
opacity: 0;
transform: translate(0) rotate(18deg);
}
30% {
opacity: 0.15;
}
to {
opacity: 0;
transform: translate(280%) rotate(18deg);
}
}
.animate-phone-sweep {
will-change: transform, opacity;
animation: 1.5s cubic-bezier(0.22, 0.61, 0.36, 1) forwards phone-sweep;
}
@media (prefers-reduced-motion: reduce) {
.animate-phone-flare,
.animate-phone-sweep {
opacity: 0;
animation: none;
}
}
.slide-title-xl {
font-family: var(--font-tech);
letter-spacing: 0.02em;
color: #fff;
text-transform: uppercase;
font-size: clamp(44px, 9vw, 112px);
font-weight: 700;
line-height: 0.92;
}
.slide-title {
font-family: var(--font-tech);
letter-spacing: 0.02em;
color: #fff;
text-transform: uppercase;
font-size: clamp(36px, 7vw, 88px);
font-weight: 700;
line-height: 0.94;
}
.slide-subtitle {
font-family: var(--font-tech);
letter-spacing: 0.02em;
color: #fff;
text-transform: uppercase;
font-size: clamp(26px, 4.2vw, 48px);
font-weight: 700;
line-height: 1.04;
}
.slide-lead {
font-family: var(--font-display);
color: #e6e9ffeb;
font-size: clamp(16px, 2.2vw, 28px);
font-weight: 400;
line-height: 1.35;
}
.slide-body {
font-family: var(--font-display);
color: #e6e9ffd9;
font-size: clamp(14px, 1.7vw, 22px);
font-weight: 400;
line-height: 1.45;
}
.slide-body-sm {
font-family: var(--font-display);
color: #e6e9ffc7;
font-size: clamp(13px, 1.5vw, 18px);
font-weight: 400;
line-height: 1.45;
}
.slide-stat {
font-family: var(--font-tech);
color: #fff;
letter-spacing: -0.01em;
font-size: clamp(34px, 5.2vw, 56px);
font-weight: 700;
line-height: 1;
}
.slide-stat-sm {
font-family: var(--font-tech);
color: #fff;
letter-spacing: -0.01em;
font-size: clamp(24px, 3.4vw, 36px);
font-weight: 700;
line-height: 1;
}
.slide-stat-label {
font-family: var(--font-tech);
letter-spacing: 0.28em;
text-transform: uppercase;
color: #a8d400;
font-size: 13px;
font-weight: 500;
line-height: 1.25;
}
.slide-eyebrow {
font-family: var(--font-tech);
letter-spacing: 0.42em;
text-transform: uppercase;
color: #a8d400;
font-size: clamp(11px, 1.1vw, 13px);
font-weight: 500;
line-height: 1;
}
.slide-chrome {
font-family: var(--font-tech);
letter-spacing: 0.2em;
text-transform: uppercase;
color: #a8d400;
font-size: clamp(11px, 1.1vw, 14px);
font-weight: 500;
line-height: 1.2;
}
.slide-kicker {
font-family: var(--font-tech);
letter-spacing: 0.34em;
text-transform: uppercase;
color: #a7aeff;
font-size: clamp(12px, 1.3vw, 16px);
font-weight: 600;
line-height: 1.2;
}
.slide-caption-sm {
font-family: var(--font-display);
color: #e6e9ffb3;
font-size: clamp(12px, 1.2vw, 15px);
font-weight: 400;
line-height: 1.4;
}
.present-slide-canvas .slide-title-xl {
font-size: 112px;
}
.present-slide-canvas .slide-title {
font-size: 88px;
}
.present-slide-canvas .slide-subtitle {
font-size: 48px;
}
.present-slide-canvas .slide-lead {
font-size: 28px;
}
.present-slide-canvas .slide-body {
font-size: 22px;
}
.present-slide-canvas .slide-body-sm {
font-size: 18px;
}
.present-slide-canvas .slide-stat {
font-size: 56px;
}
.present-slide-canvas .slide-stat-sm {
font-size: 36px;
}
.present-slide-canvas .slide-eyebrow {
font-size: 13px;
}
.present-slide-canvas .slide-chrome {
font-size: 14px;
}
.present-slide-canvas .slide-kicker {
font-size: 16px;
}
.present-slide-canvas .slide-caption-sm {
font-size: 15px;
}
.slide-card {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: #000000c7;
border: 1px solid #ccff0061;
border-radius: 18px;
padding: 24px;
position: relative;
box-shadow: 0 0 44px -10px #ccff006b;
}
.slide-card-sm {
border-radius: 14px;
padding: 18px;
}
.slide-card-accent {
background: linear-gradient(#ccff001f, #000000d1);
border-color: #cf09;
box-shadow: 0 0 60px -10px #ccff008c;
}
.slide-pill {
font-family: var(--font-tech);
letter-spacing: 0.28em;
text-transform: uppercase;
color: #f5ffcc;
white-space: nowrap;
background: #000000b3;
border: 1px solid #cf06;
border-radius: 999px;
align-items: center;
gap: 10px;
padding: 10px 18px;
font-size: 13px;
display: inline-flex;
}
.slide-shell {
width: 1920px;
height: 1080px;
padding: 120px 120px 80px;
position: relative;
overflow: hidden;
}
.slide-shell-header {
z-index: 20;
justify-content: space-between;
align-items: center;
display: flex;
position: absolute;
top: 56px;
left: 120px;
right: 120px;
}
.slide-shell-footer {
z-index: 20;
justify-content: space-between;
align-items: center;
display: flex;
position: absolute;
bottom: 32px;
left: 120px;
right: 120px;
}
@keyframes swipe-arena-slide-in {
0% {
opacity: 0;
filter: blur(6px);
transform: translate(28px) scale(0.96);
}
60% {
filter: blur();
}
to {
opacity: 1;
filter: blur();
transform: translate(0) scale(1);
}
}
@keyframes swipe-arena-sheen {
0% {
opacity: 0;
transform: translate(-120%);
}
30% {
opacity: 1;
}
to {
opacity: 0;
transform: translate(120%);
}
}
@keyframes swipe-arena-fade {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.swipe-arena-enter {
animation: 0.26s ease-out both swipe-arena-fade;
}
.swipe-arena-enter .swipe-arena-card {
animation: 0.52s cubic-bezier(0.22, 1, 0.36, 1) both swipe-arena-slide-in;
}
.swipe-arena-sheen {
mix-blend-mode: screen;
background: linear-gradient(100deg, #0000 30%, #ccff002e, #0000 70%);
animation: 0.9s ease-out 80ms both swipe-arena-sheen;
}
@media (prefers-reduced-motion: reduce) {
.swipe-arena-enter,
.swipe-arena-enter .swipe-arena-card,
.swipe-arena-sheen {
animation: none;
}
.swipe-arena-sheen {
display: none;
}
}
.webapp-airy {
--sp-1: 4px;
--sp-2: 8px;
--sp-3: 16px;
--sp-4: 24px;
--sp-5: 32px;
--sp-6: 48px;
line-height: 1.55;
}
.webapp-airy p,
.webapp-airy li {
line-height: 1.6;
}
.webapp-airy h1,
.webapp-airy h2,
.webapp-airy h3,
.webapp-airy h4 {
line-height: 1.25;
}
.webapp-airy .wa-h2 {
font-family: var(--font-display);
letter-spacing: -0.015em;
color: #fff;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2;
}
.webapp-airy .wa-label {
font-family: var(--font-tech);
text-transform: uppercase;
letter-spacing: 0.18em;
color: #e2e5ff80;
font-size: 10.5px;
font-weight: 600;
}
.webapp-airy .wa-value {
color: #fff;
font-variant-numeric: tabular-nums;
}
#trust-factor .rep-grid2 {
grid-template-columns: 1.05fr 0.95fr;
grid-template-areas: "phone head" "phone stats";
align-items: center;
column-gap: clamp(30px, 5vw, 72px);
display: grid;
}
#trust-factor .rep-grid2 > .rep-head {
grid-area: head;
align-self: end;
}
#trust-factor .rep-grid2 > .rep-phone-col {
grid-area: phone;
}
#trust-factor .rep-grid2 > .rep-stats {
grid-area: stats;
align-self: start;
}
@media (max-width: 900px) {
#trust-factor .rep-grid2 {
grid-template-columns: 1fr;
grid-template-areas: "head" "phone" "stats";
row-gap: clamp(30px, 5vw, 72px);
}
#trust-factor .rep-grid2 > .rep-stats {
margin-top: 0;
}
}
.scanwrap {
perspective: 1100px;
--scanY: -24%;
justify-content: center;
display: flex;
position: relative;
}
.scanband {
height: 24%;
left: -6%;
right: -6%;
top: var(--scanY);
z-index: 5;
pointer-events: none;
-webkit-backdrop-filter: brightness(1.9) saturate(1.2);
backdrop-filter: brightness(1.9) saturate(1.2);
position: absolute;
-webkit-mask-image: linear-gradient(#0000, #000 30% 70%, #0000);
mask-image: linear-gradient(#0000, #000 30% 70%, #0000);
}
.scanline {
height: 2px;
left: -8%;
right: -8%;
top: calc(var(--scanY) + 24%);
z-index: 6;
pointer-events: none;
background: linear-gradient(90deg, #0000, #ccff00f2, #0000);
position: absolute;
box-shadow: 0 0 20px 4px #cf06;
}
#trust-factor .rep-phone {
aspect-ratio: 390/844;
background: #050505;
border: 1px solid #1e1f19;
border-radius: 46px;
width: min(300px, 72vw);
padding: 10px;
position: relative;
transform: rotate(-3deg);
box-shadow: 0 40px 90px #000c, 0 0 0 1px #ffffff0a, 0 0 70px #ccff0012;
}
#trust-factor .rep-phone:before {
content: "";
z-index: 3;
background: #000;
border-radius: 12px;
width: 32%;
height: 22px;
position: absolute;
top: 20px;
left: 50%;
transform: translate(-50%);
}
#trust-factor .rep-phone img {
object-fit: cover;
border-radius: 37px;
width: 100%;
height: 100%;
}
#trust-factor .rep-phone .rep-glare {
pointer-events: none;
z-index: 2;
background: linear-gradient(115deg, #ffffff17, #0000 34%);
border-radius: 37px;
position: absolute;
inset: 10px;
}
#trust-factor .rep-scorebig {
font-family: var(--font-tech);
font-variant-numeric: tabular-nums;
color: #cf0;
text-shadow: 0 0 34px #cf06;
font-size: clamp(56px, 7vw, 88px);
font-weight: 700;
line-height: 1;
}
#trust-factor .rep-tier {
font-family: var(--font-tech);
letter-spacing: 0.26em;
text-transform: uppercase;
color: #8b8d82;
font-size: 11px;
}
#trust-factor .rep-tier b {
color: #f2f3ec;
}
#trust-factor .rep-bars {
gap: 10px;
max-width: 420px;
margin-top: 26px;
display: grid;
}
#trust-factor .rep-bar {
font-family: var(--font-tech);
color: #8b8d82;
grid-template-columns: 44px 1fr auto;
align-items: center;
gap: 12px;
font-size: 11.5px;
display: grid;
}
#trust-factor .rep-bar .rep-tr {
background: #f2f3ec17;
height: 4px;
position: relative;
overflow: hidden;
}
#trust-factor .rep-bar .rep-tr i {
transform-origin: 0;
background: #cf0;
transition: transform 1.1s cubic-bezier(0.2, 0.7, 0.2, 1);
position: absolute;
inset: 0;
transform: scaleX(0);
}
#trust-factor .rep-rv.in .rep-bar .rep-tr i {
transform: scaleX(var(--w));
}
#trust-factor .rep-bar em {
font-style: normal;
font-family: var(--font-tech);
letter-spacing: 0.16em;
text-transform: uppercase;
color: #55574e;
font-size: 9px;
}
#trust-factor .rep-eyebrow {
font-family: var(--font-tech);
letter-spacing: 0.26em;
text-transform: uppercase;
color: #cf0;
align-items: center;
gap: 10px;
font-size: 11px;
font-weight: 600;
display: flex;
}
#trust-factor .rep-eyebrow:before {
content: "";
background: #cf0;
width: 26px;
height: 1px;
}
#trust-factor .rep-eyebrow b {
color: #55574e;
font-weight: 600;
}
#trust-factor .rep-h-xl {
letter-spacing: -0.005em;
font-size: clamp(34px, 5.4vw, 64px);
line-height: 0.96;
font-family: var(--font-tech);
text-transform: uppercase;
text-wrap: balance;
color: #f2f3ec;
margin: 20px 0 0;
font-weight: 700;
}
#trust-factor .rep-h-xl em {
color: #cf0;
font-style: normal;
}
#trust-factor .rep-sub {
color: #c4c6bb;
max-width: 56ch;
margin-top: 22px;
font-size: 16.5px;
line-height: 1.66;
}
#trust-factor .rep-rv {
opacity: 0;
transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1),
transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
transform: translateY(26px);
}
#trust-factor .rep-rv.in {
opacity: 1;
transform: none;
}
#trust-factor .rep-rv.d1 {
transition-delay: 80ms;
}
#trust-factor .rep-rv.d2 {
transition-delay: 0.16s;
}
#trust-factor .rep-rv.d3 {
transition-delay: 0.24s;
}
@media (prefers-reduced-motion: reduce) {
#trust-factor .rep-rv {
opacity: 1;
transition: none;
transform: none;
}
#trust-factor .rep-rv.in .rep-bar .rep-tr i,
#trust-factor .rep-bar .rep-tr i {
transform: scaleX(var(--w));
transition: none;
}
.scanband,
.scanline {
display: none;
}
}
.hid-sec {
background: #000;
padding: clamp(84px, 12vh, 150px) 0;
position: relative;
overflow: hidden;
}
.hid-sec .wrap {
z-index: 10;
max-width: 1200px;
margin: 0 auto;
padding: 0 clamp(20px, 4vw, 44px);
position: relative;
}
.hid-sec .grid2 {
grid-template-columns: 1.05fr 0.95fr;
align-items: center;
gap: clamp(30px, 5vw, 72px);
display: grid;
}
@media (max-width: 900px) {
.hid-sec .grid2 {
grid-template-columns: 1fr;
}
}
.hid-sec .atm-grid {
pointer-events: none;
opacity: 0.5;
z-index: 1;
background-image: linear-gradient(#ccff000d 1px, #0000 1px),
linear-gradient(90deg, #ccff000d 1px, #0000 1px);
background-size: 80px 80px;
position: absolute;
inset: 0;
}
.hid-sec .handle-line {
color: #f2f3ec;
margin-top: 26px;
font-family: Space Grotesk, ui-monospace, monospace;
font-size: clamp(22px, 3.4vw, 34px);
}
.hid-sec .handle-line b {
color: #cf0;
font-weight: 500;
}
.hid-sec .handle-line .suffix {
color: #55574e;
}
.hid-sec .handle-line .caret {
vertical-align: -2px;
background: #cf0;
width: 2px;
height: 1em;
animation: 1s step-end infinite hid-blink;
display: inline-block;
}
@keyframes hid-blink {
0%,
to {
opacity: 1;
}
50% {
opacity: 0.35;
}
}
.hid-sec .price {
color: #8b8d82;
margin-top: 8px;
font-family: Space Grotesk, ui-monospace, monospace;
font-size: 13px;
}
.hid-sec .price b {
color: #f2f3ec;
}
.hid-sec .signin {
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-top: 22px;
display: flex;
}
.hid-sec .signin span {
letter-spacing: 0.18em;
text-transform: uppercase;
color: #8b8d82;
border: 1px solid #ccff0024;
padding: 8px 14px;
font-family: Chakra Petch, sans-serif;
font-size: 10px;
font-weight: 600;
transition: color 0.3s, border-color 0.3s;
}
.hid-sec .signin span:hover {
color: #cf0;
border-color: #cf0;
}
.hid-sec .signin i {
color: #55574e;
align-self: center;
font-family: Space Grotesk, ui-monospace, monospace;
font-size: 11px;
font-style: normal;
}
.hid-sec .pwrap {
perspective: 1100px;
justify-content: center;
display: flex;
position: relative;
}
.hid-sec .phone {
aspect-ratio: 390/844;
will-change: transform;
width: min(340px, 74vw);
transform-style: preserve-3d;
background: #050505;
border: 1px solid #1e1f19;
border-radius: 46px;
padding: 10px;
position: relative;
box-shadow: 0 40px 90px #000c, 0 0 0 1px #ffffff0a, 0 0 70px #ccff0012;
}
.hid-sec .phone:before {
content: "";
z-index: 3;
background: #000;
border-radius: 12px;
width: 32%;
height: 22px;
position: absolute;
top: 20px;
left: 50%;
transform: translate(-50%);
}
.hid-sec .phone img {
object-fit: contain;
background: #000;
border-radius: 37px;
width: 100%;
height: 100%;
}
.hid-sec .phone:before {
display: none;
}
.hid-sec .phone .glare {
pointer-events: none;
z-index: 2;
background: linear-gradient(115deg, #ffffff17, #0000 34%);
border-radius: 37px;
position: absolute;
inset: 10px;
}
.hid-sec .phone-tag {
white-space: nowrap;
letter-spacing: 0.24em;
text-transform: uppercase;
color: #55574e;
font-family: Chakra Petch, sans-serif;
font-size: 9.5px;
position: absolute;
bottom: -34px;
left: 50%;
transform: translate(-50%);
}
.hid-sec .eyebrow {
letter-spacing: 0.26em;
text-transform: uppercase;
color: #cf0;
align-items: center;
gap: 10px;
font-family: Chakra Petch, sans-serif;
font-size: 11px;
font-weight: 600;
display: flex;
}
.hid-sec .eyebrow:before {
content: "";
background: #cf0;
width: 26px;
height: 1px;
}
.hid-sec .eyebrow b {
color: #55574e;
font-weight: 600;
}
.hid-sec .h-xl {
letter-spacing: -0.005em;
text-transform: uppercase;
text-wrap: balance;
color: #f2f3ec;
margin: 20px 0 0;
font-family: Chakra Petch, sans-serif;
font-size: clamp(34px, 5.4vw, 64px);
font-weight: 700;
line-height: 0.96;
}
.hid-sec .h-xl em {
color: #cf0;
font-style: normal;
}
.hid-sec .sub {
color: #c4c6bb;
max-width: 56ch;
margin-top: 22px;
font-size: 16.5px;
line-height: 1.66;
}
.hid-sec .grain {
pointer-events: none;
opacity: 0.13;
mix-blend-mode: overlay;
z-index: 9;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
position: absolute;
inset: 0;
}
.hid-sec .rv {
opacity: 0;
transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1),
transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
transform: translateY(26px);
}
.hid-sec .rv.in {
opacity: 1;
transform: none;
}
.hid-sec .rv.d1 {
transition-delay: 80ms;
}
.hid-sec .rv.d2 {
transition-delay: 0.16s;
}
.hid-sec .rv.d3 {
transition-delay: 0.24s;
}
@media (prefers-reduced-motion: reduce) {
.hid-sec .rv {
opacity: 1;
transition: none;
transform: none;
}
.hid-sec .phone.tiltable {
transform: none !important;
}
.hid-sec .handle-line .caret {
animation: none;
}
}
.webapp-airy .card,
.webapp-airy .card-flat,
.webapp-airy .card-elevated,
.docs-root .card,
.docs-root .card-flat,
.docs-root .card-elevated {
box-shadow: none;
background: #0a0a0a;
border: 1px solid #f2f3ec17;
}
.webapp-airy .glow-iris,
.docs-root .glow-iris {
box-shadow: 0 0 70px #ccff0012;
}
.webapp-airy .glass,
.docs-root .glass {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background: #0a0a0a;
border: 1px solid #f2f3ec17;
}
.webapp-airy .text-glow,
.docs-root .text-glow {
text-shadow: 0 0 24px #ccff0021;
}
.webapp-airy .animate-pulse-glow,
.docs-root .animate-pulse-glow {
filter: none;
animation: none;
}
.pay-sec {
background: #000;
padding: clamp(84px, 12vh, 150px) 0;
position: relative;
overflow: hidden;
}
.pay-sec .wrap {
z-index: 10;
max-width: 1200px;
margin: 0 auto;
padding: 0 clamp(20px, 4vw, 44px);
position: relative;
}
.pay-sec .grid2 {
grid-template-columns: 1.05fr 0.95fr;
align-items: center;
gap: clamp(30px, 5vw, 72px);
display: grid;
}
@media (max-width: 900px) {
.pay-sec .grid2 {
grid-template-columns: 1fr;
}
}
.pay-sec .chatbox {
gap: 10px;
width: min(400px, 88vw);
display: grid;
}
.pay-sec .bub {
color: #f2f3ec;
opacity: 0;
border-radius: 16px;
max-width: 78%;
padding: 11px 15px;
font-size: 14px;
transition: opacity 0.5s, transform 0.5s;
transform: translateY(12px);
}
.pay-sec .bub.in {
opacity: 1;
transform: none;
}
.pay-sec .bub.me {
background: #131408;
border: 1px solid #ccff004d;
border-bottom-right-radius: 4px;
justify-self: end;
min-height: 58px;
}
.pay-sec .bub .caret {
vertical-align: -2px;
background: #cf0;
width: 2px;
height: 1em;
margin-left: 2px;
animation: 1s step-end infinite pay-caret-blink;
display: inline-block;
}
@keyframes pay-caret-blink {
0%,
to {
opacity: 1;
}
50% {
opacity: 0.35;
}
}
.pay-sec .bub.them {
background: #101110;
border: 1px solid #ffffff17;
border-bottom-left-radius: 4px;
justify-self: start;
}
.pay-sec .bub .who {
color: #55574e;
margin-bottom: 3px;
font-family: Space Grotesk, ui-monospace, monospace;
font-size: 10px;
display: block;
}
.pay-sec .paypill {
color: #110e08;
opacity: 0;
background: #cf0;
border-radius: 999px;
justify-self: end;
align-items: center;
gap: 12px;
padding: 9px 16px;
font-family: Space Grotesk, ui-monospace, monospace;
font-size: 14px;
font-weight: 700;
transition: opacity 0.5s, transform 0.5s;
display: flex;
transform: translateY(12px) scale(0.95);
box-shadow: 0 10px 34px #ccff0040;
}
.pay-sec .paypill.in {
opacity: 1;
transform: none;
}
.pay-sec .paypill .st {
letter-spacing: 0.16em;
text-transform: uppercase;
color: #cf0;
background: #110e08;
border-radius: 999px;
padding: 3px 9px;
font-family: Chakra Petch, sans-serif;
font-size: 9px;
font-weight: 600;
}
.pay-sec .typing {
opacity: 0;
background: #101110;
border: 1px solid #ffffff17;
border-radius: 16px 16px 16px 4px;
justify-self: start;
gap: 4px;
padding: 12px 16px;
transition: opacity 0.3s;
display: flex;
}
.pay-sec .typing.in {
opacity: 1;
}
.pay-sec .typing s {
background: #8b8d82;
border-radius: 50%;
width: 6px;
height: 6px;
text-decoration: none;
animation: 1s infinite pay-typ;
}
.pay-sec .typing s:nth-child(2) {
animation-delay: 0.15s;
}
.pay-sec .typing s:nth-child(3) {
animation-delay: 0.3s;
}
@keyframes pay-typ {
0%,
to {
opacity: 0.25;
transform: translateY(0);
}
50% {
opacity: 1;
transform: translateY(-3px);
}
}
.pay-sec .stats {
background: #f2f3ec17;
border: 1px solid #f2f3ec17;
flex-wrap: wrap;
gap: 1px;
width: max-content;
max-width: 100%;
margin-top: 34px;
display: flex;
}
.pay-sec .stat {
background: #0a0a0a;
min-width: 118px;
padding: 16px 22px;
}
.pay-sec .stat b {
color: #cf0;
font-family: Space Grotesk, ui-monospace, monospace;
font-size: 26px;
font-weight: 700;
line-height: 1.05;
display: block;
}
.pay-sec .stat span {
letter-spacing: 0.22em;
text-transform: uppercase;
color: #55574e;
font-family: Chakra Petch, sans-serif;
font-size: 9.5px;
}
.pay-sec .eyebrow {
letter-spacing: 0.26em;
text-transform: uppercase;
color: #cf0;
align-items: center;
gap: 10px;
font-family: Chakra Petch, sans-serif;
font-size: 11px;
font-weight: 600;
display: flex;
}
.pay-sec .eyebrow:before {
content: "";
background: #cf0;
width: 26px;
height: 1px;
}
.pay-sec .eyebrow b {
color: #55574e;
font-weight: 600;
}
.pay-sec .h-xl {
letter-spacing: -0.005em;
text-transform: uppercase;
text-wrap: balance;
color: #f2f3ec;
margin: 20px 0 0;
font-family: Chakra Petch, sans-serif;
font-size: clamp(34px, 5.4vw, 64px);
font-weight: 700;
line-height: 0.96;
}
.pay-sec .h-xl em {
color: #cf0;
font-style: normal;
}
.pay-sec .sub {
color: #c4c6bb;
max-width: 56ch;
margin-top: 22px;
font-size: 16.5px;
line-height: 1.66;
}
.pay-sec .num {
font-variant-numeric: tabular-nums;
}
.pay-sec .rv {
opacity: 0;
transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1),
transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
transform: translateY(26px);
}
.pay-sec .rv.in {
opacity: 1;
transform: none;
}
.pay-sec .rv.d1 {
transition-delay: 80ms;
}
.pay-sec .rv.d2 {
transition-delay: 0.16s;
}
.pay-sec .rv.d3 {
transition-delay: 0.24s;
}
@media (prefers-reduced-motion: reduce) {
.pay-sec .rv {
opacity: 1;
transition: none;
transform: none;
}
.pay-sec .typing s {
animation: none;
}
}
.team-sec {
background: #000;
padding: clamp(84px, 12vh, 150px) 0;
position: relative;
overflow: hidden;
}
.team-sec .wrap {
z-index: 10;
max-width: 1200px;
margin: 0 auto;
padding: 0 clamp(20px, 4vw, 44px);
position: relative;
}
.team-sec .headrow {
grid-template-columns: 1.15fr 0.85fr;
align-items: end;
gap: clamp(30px, 5vw, 64px);
display: grid;
}
.team-sec .sub {
color: #8b8d82;
max-width: 46ch;
margin: 18px 0 0;
font-family: Chakra Petch, sans-serif;
font-size: 15px;
line-height: 1.6;
}
.team-sec .stats {
background: #f2f3ec17;
border: 1px solid #f2f3ec17;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 1px;
max-width: 100%;
display: grid;
}
.team-sec .stat {
background: #0a0a0a;
min-width: 0;
padding: 16px 20px;
}
.team-sec .stat b {
color: #cf0;
font-variant-numeric: tabular-nums;
font-family: Space Grotesk, ui-monospace, monospace;
font-size: 26px;
font-weight: 700;
line-height: 1.05;
display: block;
}
.team-sec .stat b.small {
padding-top: 6px;
font-size: 16px;
}
.team-sec .stat span {
letter-spacing: 0.22em;
text-transform: uppercase;
color: #55574e;
font-family: Chakra Petch, sans-serif;
font-size: 9.5px;
}
.team-sec .road {
height: 236px;
margin-top: 76px;
position: relative;
}
.team-sec .rail {
background: #ccff0021;
height: 2px;
position: absolute;
top: 118px;
left: 0;
right: 0;
}
.team-sec .rail .done {
opacity: 0.8;
background: #cf0;
width: 60%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.team-sec .rail .sweepwrap {
width: 60%;
height: 4px;
position: absolute;
top: -1px;
left: 0;
overflow: hidden;
}
.team-sec .rail .sweep {
filter: drop-shadow(0 0 8px #ccff00b3);
background: linear-gradient(
90deg,
#0000 0% 43%,
#ccff00f2 50%,
#0000 57% 100%
);
animation: 5.6s linear infinite team-sweep;
position: absolute;
inset: 0;
}
@keyframes team-sweep {
0% {
transform: translate(-100%);
}
to {
transform: translate(100%);
}
}
.team-sec .nodes {
margin: 0;
padding: 0;
list-style: none;
}
.team-sec .node {
z-index: 3;
position: absolute;
top: 118px;
transform: translate(-50%, -50%);
}
.team-sec .dot {
background: #cf0;
border-radius: 50%;
width: 11px;
height: 11px;
display: block;
position: relative;
box-shadow: 0 0 0 5px #000, 0 0 14px 3px #ccff0059;
}
.team-sec .node.future .dot {
background: #000;
border: 2px solid #cf0;
box-shadow: 0 0 0 5px #000, 0 0 22px 6px #ccff008c;
}
.team-sec .node.future .dot:after {
content: "";
border: 1px solid #cf09;
border-radius: 50%;
animation: 2.6s ease-out infinite team-ring;
position: absolute;
inset: -8px;
}
@keyframes team-ring {
0% {
opacity: 0.8;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(4.2);
}
}
.team-sec .node .what {
white-space: nowrap;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #f2f3ec;
font-family: Chakra Petch, sans-serif;
font-size: 13px;
font-weight: 700;
position: absolute;
bottom: 48px;
left: 50%;
transform: translate(-50%);
}
.team-sec .node .when {
white-space: nowrap;
color: #55574e;
font-family: Space Grotesk, ui-monospace, monospace;
font-size: 11px;
position: absolute;
bottom: 26px;
left: 50%;
transform: translate(-50%);
}
.team-sec .node .note {
white-space: nowrap;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #8b8d82;
font-family: Chakra Petch, sans-serif;
font-size: 9px;
position: absolute;
top: 26px;
left: 50%;
transform: translate(-50%);
}
.team-sec .node.future .what,
.team-sec .node.future .when {
color: #cf0;
}
.team-sec .node.edge .what,
.team-sec .node.edge .when,
.team-sec .node.edge .note {
text-align: right;
left: auto;
right: 0;
transform: none;
}
.team-sec .axis {
letter-spacing: 0.22em;
text-transform: uppercase;
color: #55574e;
border-top: 1px solid #f2f3ec17;
justify-content: space-between;
align-items: baseline;
gap: 12px;
padding-top: 12px;
font-family: Chakra Petch, sans-serif;
font-size: 9px;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.team-sec .axis .mid {
color: #8b8d82;
}
.team-sec .axis .mid b {
color: #cf0;
font-family: Space Grotesk, ui-monospace, monospace;
font-weight: 700;
}
@media (max-width: 900px) {
.team-sec .headrow {
grid-template-columns: minmax(0, 1fr);
}
.team-sec .stats {
margin-top: 28px;
}
.team-sec .road {
height: auto;
margin-top: 44px;
padding-left: 26px;
}
.team-sec .rail {
width: 2px;
height: auto;
inset: 8px auto 44px 5px;
}
.team-sec .rail .done {
width: auto;
height: 79%;
inset: 0 0 auto;
}
.team-sec .rail .sweepwrap {
display: none;
}
.team-sec .nodes {
gap: 26px;
display: grid;
}
.team-sec .node {
grid-template-columns: auto minmax(0, 1fr);
align-items: baseline;
column-gap: 16px;
display: grid;
position: relative;
top: auto;
transform: none;
left: auto !important;
}
.team-sec .node .dot {
grid-row: 1 / span 3;
align-self: center;
margin-left: -26px;
}
.team-sec .node .what,
.team-sec .node .when,
.team-sec .node .note {
white-space: normal;
grid-column: 2;
position: static;
left: auto;
right: auto;
transform: none;
text-align: left !important;
}
.team-sec .node .when,
.team-sec .node .note {
letter-spacing: 0.16em;
font-size: 12px;
}
.team-sec .axis {
letter-spacing: 0.16em;
flex-direction: column;
gap: 6px;
margin-top: 30px;
font-size: 12px;
position: static;
}
.team-sec .axis .mid {
order: -1;
}
}
@media (prefers-reduced-motion: reduce) {
.team-sec .rail .sweep {
display: none;
}
.team-sec .node.future .dot:after {
opacity: 0.5;
animation: none;
}
}
.team-sec .atm-grid {
pointer-events: none;
opacity: 0.5;
z-index: 1;
background-image: linear-gradient(#ccff000d 1px, #0000 1px),
linear-gradient(90deg, #ccff000d 1px, #0000 1px);
background-size: 80px 80px;
position: absolute;
inset: 0;
}
.team-sec .grain {
pointer-events: none;
opacity: 0.13;
mix-blend-mode: overlay;
z-index: 9;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
position: absolute;
inset: 0;
}
.team-sec .eyebrow {
letter-spacing: 0.26em;
text-transform: uppercase;
color: #cf0;
align-items: center;
gap: 10px;
font-family: Chakra Petch, sans-serif;
font-size: 11px;
font-weight: 600;
display: flex;
}
.team-sec .eyebrow:before {
content: "";
background: #cf0;
width: 26px;
height: 1px;
}
.team-sec .eyebrow b {
color: #55574e;
font-weight: 600;
}
.team-sec .h-xl {
letter-spacing: -0.005em;
text-transform: uppercase;
text-wrap: balance;
color: #f2f3ec;
margin: 20px 0 0;
font-family: Chakra Petch, sans-serif;
font-size: clamp(34px, 5.4vw, 64px);
font-weight: 700;
line-height: 0.96;
}
.team-sec .h-xl em {
color: #cf0;
font-style: normal;
}
.team-sec .num {
font-variant-numeric: tabular-nums;
}
.team-sec .rv {
opacity: 0;
transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1),
transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
transform: translateY(26px);
}
.team-sec .rv.in {
opacity: 1;
transform: none;
}
.team-sec .rv.d1 {
transition-delay: 80ms;
}
.team-sec .rv.d2 {
transition-delay: 0.16s;
}
.team-sec .rv.d3 {
transition-delay: 0.24s;
}
@media (prefers-reduced-motion: reduce) {
.team-sec .rv {
opacity: 1;
transition: none;
transform: none;
}
}
@media (max-width: 767px) {
.pay-sec .stats {
background: 0 0;
border: 0;
gap: 12px;
width: 100%;
max-width: 100%;
margin-top: 26px;
}
.pay-sec .stats > * {
border: 1px solid #f2f3ec17;
flex: 140px;
min-width: 0;
}
.pay-sec .stat {
padding: 14px 16px;
}
.pay-sec .stat b {
font-size: 22px;
}
.pay-sec .grid2 {
grid-template-columns: minmax(0, 1fr);
}
.pay-sec .grid2 > *,
.pay-sec .wrap > * {
min-width: 0;
}
.pay-sec .chatbox {
width: 100%;
max-width: 100%;
}
#trust-factor .rep-grid2 {
grid-template-columns: minmax(0, 1fr);
}
#trust-factor .rep-grid2 > * {
min-width: 0;
}
.scanband,
.scanline {
left: 0;
right: 0;
}
.pay-sec .stat span,
.team-sec .stat span,
.hid-sec .signin span,
.hid-sec .signin i,
.hid-sec .phone-tag,
#trust-factor .rep-bar,
#trust-factor .rep-bar span,
#trust-factor .rep-bar em,
#trust-factor .rep-tier,
#trust-factor .rep-tier b {
font-size: 12px;
}
.pay-sec .stat span,
.team-sec .stat span,
#trust-factor .rep-tier {
letter-spacing: 0.22em;
font-size: 12.5px;
}
#trust-factor .rep-bar {
grid-template-columns: 52px minmax(0, 1fr) auto;
}
#trust-factor .rep-phone,
.hid-sec .phone {
width: min(232px, 58vw);
}
.pay-sec,
.hid-sec,
.team-sec {
padding: clamp(40px, 6vh, 62px) 0;
}
.hoodie-route .fixed.bottom-0,
.hoodie-route .sticky.bottom-0 {
padding-bottom: calc(12px + env(safe-area-inset-bottom));
}
}
@media (max-width: 480px) {
.pay-sec .stats > * {
flex: calc(50% - 6px);
}
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false;
}
@property --tw-rotate-y {
syntax: "*";
inherits: false;
}
@property --tw-rotate-z {
syntax: "*";
inherits: false;
}
@property --tw-skew-x {
syntax: "*";
inherits: false;
}
@property --tw-skew-y {
syntax: "*";
inherits: false;
}
@property --tw-scroll-snap-strictness {
syntax: "*";
inherits: false;
initial-value: proximity;
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-space-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-divide-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-gradient-position {
syntax: "*";
inherits: false;
}
@property --tw-gradient-from {
syntax: "";
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: 0;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@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;
}
@property --tw-content {
syntax: "*";
inherits: false;
initial-value: "";
}
@keyframes ping {
75%,
to {
opacity: 0;
transform: scale(2);
}
}
@keyframes pulse {
50% {
opacity: 0.5;
}
}
@keyframes enter {
0% {
opacity: var(--tw-enter-opacity, 1);
transform: translate3d(
var(--tw-enter-translate-x, 0),
var(--tw-enter-translate-y, 0),
0
)
scale3d(
var(--tw-enter-scale, 1),
var(--tw-enter-scale, 1),
var(--tw-enter-scale, 1)
)
rotate(var(--tw-enter-rotate, 0));
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));
}
}
@keyframes accordion-down {
0% {
height: 0;
}
to {
height: var(
--radix-accordion-content-height,
var(
--bits-accordion-content-height,
var(
--reka-accordion-content-height,
var(
--kb-accordion-content-height,
var(--ngp-accordion-content-height, auto)
)
)
)
);
}
}
@keyframes accordion-up {
0% {
height: var(
--radix-accordion-content-height,
var(
--bits-accordion-content-height,
var(
--reka-accordion-content-height,
var(
--kb-accordion-content-height,
var(--ngp-accordion-content-height, auto)
)
)
)
);
}
to {
height: 0;
}
}
@keyframes caret-blink {
0%,
70%,
to {
opacity: 1;
}
20%,
50% {
opacity: 0;
}
}