/* [project]/apps/web/src/app/globals.css [app-client] (css) */
@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-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--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-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
}
}
}
@layer theme {
:root, :host {
--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--font-mono: "Geist Mono", ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;
--color-red-50: #fef2f2;
--color-red-100: #ffe2e2;
--color-red-200: #ffcaca;
--color-red-300: #ffa3a3;
--color-red-400: #ff6568;
--color-red-500: #fb2c36;
--color-red-600: #e40014;
--color-red-700: #bf000f;
--color-red-800: #9f0712;
--color-orange-300: #ffb96d;
--color-orange-500: #fe6e00;
--color-amber-50: #fffbeb;
--color-amber-100: #fef3c6;
--color-amber-200: #fee685;
--color-amber-300: #ffd236;
--color-amber-400: #fcbb00;
--color-amber-500: #f99c00;
--color-yellow-300: #ffe02a;
--color-yellow-500: #edb200;
--color-green-400: #05df72;
--color-emerald-200: #a4f4cf;
--color-emerald-300: #5ee9b5;
--color-emerald-400: #00d294;
--color-emerald-500: #00bb7f;
--color-teal-300: #46ecd5;
--color-cyan-300: #53eafd;
--color-sky-300: #77d4ff;
--color-blue-300: #90c5ff;
--color-blue-500: #3080ff;
--color-violet-300: #c4b4ff;
--color-violet-400: #a685ff;
--color-violet-500: #8d54ff;
--color-pink-300: #fda5d5;
--color-pink-500: #f6339a;
--color-rose-300: #ffa2ae;
--color-rose-500: #ff2357;
--color-zinc-500: #71717b;
--color-zinc-900: #18181b;
--color-black: #000;
--color-white: #fff;
--spacing: .25rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-6xl: 72rem;
--text-xs: .75rem;
--text-xs--line-height: calc(1 / .75);
--text-sm: .875rem;
--text-sm--line-height: calc(1.25 / .875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: calc(2.25 / 1.875);
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--tracking-tighter: -.05em;
--tracking-tight: -.025em;
--tracking-wide: .025em;
--tracking-wider: .05em;
--tracking-widest: .1em;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-relaxed: 1.625;
--radius-xs: .125rem;
--radius-sm: .25rem;
--radius-md: .375rem;
--radius-lg: .5rem;
--radius-xl: .75rem;
--radius-2xl: 1rem;
--ease-out: cubic-bezier(0, 0, .2, 1);
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--animate-spin: spin 1s linear infinite;
--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
--animate-bounce: bounce 1s infinite;
--blur-sm: 8px;
--blur-md: 12px;
--blur-xl: 24px;
--blur-2xl: 40px;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--color-surface-0: #07060a;
--color-surface-1: #0c0a10;
--color-surface-2: #131019;
--color-surface-3: #1c1825;
--color-surface-4: #2a2434;
--color-surface-5: #3a3346;
--color-ink-1: #f7f3ee;
--color-ink-2: #c9c2b8;
--color-ink-3: #8a8479;
--color-ink-4: #595449;
--color-brand-100: #fde9c0;
--color-brand-200: #fcd989;
--color-brand-300: #f8c258;
--color-brand-400: #f5a936;
--color-brand-500: #e8901a;
--color-brand-600: #c0741b;
--color-brand-700: #8a5314;
--color-pulse-300: #b6f5e5;
--color-pulse-400: #7fdcc7;
--color-pulse-500: #4fd1c5;
--color-pulse-700: #1f8a80;
--color-success: #5cd87a;
--color-warning: #f5b840;
--color-danger: #ff6b6b;
--font-display: "Newsreader", "Iowan Old Style", Georgia, serif;
}
@supports (color: lab(0% 0 0)) {
:root, :host {
--color-red-50: lab(96.5005% 4.18508 1.52328);
--color-red-100: lab(92.243% 10.2865 3.83865);
--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-red-700: lab(40.4273% 67.2623 53.7441);
--color-red-800: lab(33.7174% 55.8993 41.0293);
--color-orange-300: lab(80.8059% 21.7313 50.4455);
--color-orange-500: lab(64.272% 57.1788 90.3583);
--color-amber-50: lab(98.6252% -.635922 8.42309);
--color-amber-100: lab(95.916% -1.21653 23.111);
--color-amber-200: lab(91.7203% -.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-yellow-300: lab(89.7033% -.480294 84.4917);
--color-yellow-500: lab(76.3898% 14.5258 98.4589);
--color-green-400: lab(78.503% -64.9265 39.7492);
--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-teal-300: lab(84.8977% -48.1516 -1.3321);
--color-cyan-300: lab(85.3886% -36.7636 -21.5716);
--color-sky-300: lab(80.3307% -20.2945 -31.385);
--color-blue-300: lab(77.5052% -6.4629 -36.42);
--color-blue-500: lab(54.1736% 13.3369 -74.6839);
--color-violet-300: lab(76.7419% 18.3911 -37.0706);
--color-violet-400: lab(62.8239% 34.9159 -60.0512);
--color-violet-500: lab(49.9355% 55.1776 -81.8963);
--color-pink-300: lab(77.8308% 38.525 -10.5394);
--color-pink-500: lab(56.9303% 76.8162 -8.07021);
--color-rose-300: lab(76.6339% 38.3549 9.68835);
--color-rose-500: lab(56.101% 79.4328 31.4532);
--color-zinc-500: lab(47.8878% 1.65477 -5.77283);
--color-zinc-900: lab(8.30603% .618205 -2.16572);
}
}
}
@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;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
vertical-align: middle;
display: block;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit {
padding-block: 0;
}
::-webkit-datetime-edit-year-field {
padding-block: 0;
}
::-webkit-datetime-edit-month-field {
padding-block: 0;
}
::-webkit-datetime-edit-day-field {
padding-block: 0;
}
::-webkit-datetime-edit-hour-field {
padding-block: 0;
}
::-webkit-datetime-edit-minute-field {
padding-block: 0;
}
::-webkit-datetime-edit-second-field {
padding-block: 0;
}
::-webkit-datetime-edit-millisecond-field {
padding-block: 0;
}
::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]) {
appearance: button;
}
::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button {
height: auto;
}
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
}
@layer components;
@layer utilities {
.pointer-events-auto {
pointer-events: auto;
}
.pointer-events-none {
pointer-events: none;
}
.collapse {
visibility: collapse;
}
.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 {
inset: calc(var(--spacing) * 0);
}
.inset-x-0 {
inset-inline: calc(var(--spacing) * 0);
}
.inset-y-0 {
inset-block: calc(var(--spacing) * 0);
}
.-top-1 {
top: calc(var(--spacing) * -1);
}
.-top-3 {
top: calc(var(--spacing) * -3);
}
.-top-4 {
top: calc(var(--spacing) * -4);
}
.top-0 {
top: calc(var(--spacing) * 0);
}
.top-0\.5 {
top: calc(var(--spacing) * .5);
}
.top-1 {
top: calc(var(--spacing) * 1);
}
.top-1\/2 {
top: 50%;
}
.top-2 {
top: calc(var(--spacing) * 2);
}
.top-3 {
top: calc(var(--spacing) * 3);
}
.top-4 {
top: calc(var(--spacing) * 4);
}
.top-6 {
top: calc(var(--spacing) * 6);
}
.top-10 {
top: calc(var(--spacing) * 10);
}
.top-full {
top: 100%;
}
.-right-0\.5 {
right: calc(var(--spacing) * -.5);
}
.-right-1 {
right: calc(var(--spacing) * -1);
}
.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-full {
right: 100%;
}
.-bottom-0\.5 {
bottom: calc(var(--spacing) * -.5);
}
.bottom-0 {
bottom: calc(var(--spacing) * 0);
}
.bottom-2 {
bottom: calc(var(--spacing) * 2);
}
.bottom-4 {
bottom: calc(var(--spacing) * 4);
}
.bottom-full {
bottom: 100%;
}
.left-0 {
left: calc(var(--spacing) * 0);
}
.left-0\.5 {
left: calc(var(--spacing) * .5);
}
.left-1 {
left: calc(var(--spacing) * 1);
}
.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-\[52px\] {
left: 52px;
}
.left-full {
left: 100%;
}
.isolate {
isolation: isolate;
}
.z-9 {
z-index: 9;
}
.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-\[5\] {
z-index: 5;
}
.z-\[6\] {
z-index: 6;
}
.z-\[100\] {
z-index: 100;
}
.mx-0\.5 {
margin-inline: calc(var(--spacing) * .5);
}
.mx-3 {
margin-inline: calc(var(--spacing) * 3);
}
.mx-4 {
margin-inline: calc(var(--spacing) * 4);
}
.mx-auto {
margin-inline: auto;
}
.my-1 {
margin-block: calc(var(--spacing) * 1);
}
.my-4 {
margin-block: calc(var(--spacing) * 4);
}
.my-6 {
margin-block: calc(var(--spacing) * 6);
}
.-mt-0\.5 {
margin-top: calc(var(--spacing) * -.5);
}
.-mt-4 {
margin-top: calc(var(--spacing) * -4);
}
.-mt-10 {
margin-top: calc(var(--spacing) * -10);
}
.mt-0\.5 {
margin-top: calc(var(--spacing) * .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-3 {
margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
margin-top: calc(var(--spacing) * 4);
}
.mt-6 {
margin-top: calc(var(--spacing) * 6);
}
.-mr-1 {
margin-right: calc(var(--spacing) * -1);
}
.mr-1\.5 {
margin-right: calc(var(--spacing) * 1.5);
}
.mr-2 {
margin-right: calc(var(--spacing) * 2);
}
.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-6 {
margin-bottom: calc(var(--spacing) * 6);
}
.ml-0\.5 {
margin-left: calc(var(--spacing) * .5);
}
.ml-1 {
margin-left: calc(var(--spacing) * 1);
}
.ml-2 {
margin-left: calc(var(--spacing) * 2);
}
.ml-auto {
margin-left: auto;
}
.block {
display: block;
}
.contents {
display: contents;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.list-item {
display: list-item;
}
.table {
display: table;
}
.table-cell {
display: table-cell;
}
.table-row {
display: table-row;
}
.aspect-square {
aspect-ratio: 1;
}
.size-1 {
width: calc(var(--spacing) * 1);
height: calc(var(--spacing) * 1);
}
.size-1\.5 {
width: calc(var(--spacing) * 1.5);
height: calc(var(--spacing) * 1.5);
}
.size-2 {
width: calc(var(--spacing) * 2);
height: calc(var(--spacing) * 2);
}
.size-3 {
width: calc(var(--spacing) * 3);
height: calc(var(--spacing) * 3);
}
.size-3\.5 {
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
}
.size-4 {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.size-5 {
width: calc(var(--spacing) * 5);
height: calc(var(--spacing) * 5);
}
.size-6 {
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6);
}
.size-7 {
width: calc(var(--spacing) * 7);
height: calc(var(--spacing) * 7);
}
.size-8 {
width: calc(var(--spacing) * 8);
height: calc(var(--spacing) * 8);
}
.size-9 {
width: calc(var(--spacing) * 9);
height: calc(var(--spacing) * 9);
}
.size-10 {
width: calc(var(--spacing) * 10);
height: calc(var(--spacing) * 10);
}
.size-11 {
width: calc(var(--spacing) * 11);
height: calc(var(--spacing) * 11);
}
.size-12 {
width: calc(var(--spacing) * 12);
height: calc(var(--spacing) * 12);
}
.size-full {
width: 100%;
height: 100%;
}
.h-0 {
height: calc(var(--spacing) * 0);
}
.h-0\.5 {
height: calc(var(--spacing) * .5);
}
.h-1 {
height: calc(var(--spacing) * 1);
}
.h-1\.5 {
height: calc(var(--spacing) * 1.5);
}
.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-24 {
height: calc(var(--spacing) * 24);
}
.h-\[46px\] {
height: 46px;
}
.h-\[55dvh\] {
height: 55dvh;
}
.h-\[80vh\] {
height: 80vh;
}
.h-\[100dvh\] {
height: 100dvh;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.h-px {
height: 1px;
}
.h-screen {
height: 100vh;
}
.max-h-32 {
max-height: calc(var(--spacing) * 32);
}
.max-h-48 {
max-height: calc(var(--spacing) * 48);
}
.max-h-\[55vh\] {
max-height: 55vh;
}
.max-h-\[260px\] {
max-height: 260px;
}
.max-h-\[280px\] {
max-height: 280px;
}
.max-h-full {
max-height: 100%;
}
.min-h-0 {
min-height: calc(var(--spacing) * 0);
}
.min-h-28 {
min-height: calc(var(--spacing) * 28);
}
.min-h-\[88px\] {
min-height: 88px;
}
.min-h-\[200px\] {
min-height: 200px;
}
.min-h-screen {
min-height: 100vh;
}
.w-1 {
width: calc(var(--spacing) * 1);
}
.w-1\.5 {
width: calc(var(--spacing) * 1.5);
}
.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-5 {
width: calc(var(--spacing) * 5);
}
.w-6 {
width: calc(var(--spacing) * 6);
}
.w-7 {
width: calc(var(--spacing) * 7);
}
.w-8 {
width: calc(var(--spacing) * 8);
}
.w-9 {
width: calc(var(--spacing) * 9);
}
.w-10 {
width: calc(var(--spacing) * 10);
}
.w-11 {
width: calc(var(--spacing) * 11);
}
.w-12 {
width: calc(var(--spacing) * 12);
}
.w-16 {
width: calc(var(--spacing) * 16);
}
.w-24 {
width: calc(var(--spacing) * 24);
}
.w-40 {
width: calc(var(--spacing) * 40);
}
.w-48 {
width: calc(var(--spacing) * 48);
}
.w-72 {
width: calc(var(--spacing) * 72);
}
.w-96 {
width: calc(var(--spacing) * 96);
}
.w-\[90vw\] {
width: 90vw;
}
.w-\[280px\] {
width: 280px;
}
.w-full {
width: 100%;
}
.w-px {
width: 1px;
}
.w-screen {
width: 100vw;
}
.max-w-2xl {
max-width: var(--container-2xl);
}
.max-w-3xl {
max-width: var(--container-3xl);
}
.max-w-6xl {
max-width: var(--container-6xl);
}
.max-w-\[5rem\] {
max-width: 5rem;
}
.max-w-\[10rem\] {
max-width: 10rem;
}
.max-w-\[85\%\] {
max-width: 85%;
}
.max-w-\[100\%\] {
max-width: 100%;
}
.max-w-\[100px\] {
max-width: 100px;
}
.max-w-\[120px\] {
max-width: 120px;
}
.max-w-\[320px\] {
max-width: 320px;
}
.max-w-\[580px\] {
max-width: 580px;
}
.max-w-full {
max-width: 100%;
}
.max-w-lg {
max-width: var(--container-lg);
}
.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-0 {
min-width: calc(var(--spacing) * 0);
}
.min-w-4 {
min-width: calc(var(--spacing) * 4);
}
.min-w-5 {
min-width: calc(var(--spacing) * 5);
}
.min-w-8 {
min-width: calc(var(--spacing) * 8);
}
.min-w-\[120px\] {
min-width: 120px;
}
.min-w-\[200px\] {
min-width: 200px;
}
.min-w-\[280px\] {
min-width: 280px;
}
.flex-1 {
flex: 1;
}
.flex-shrink-0, .shrink-0 {
flex-shrink: 0;
}
.border-collapse {
border-collapse: collapse;
}
.origin-center {
transform-origin: center;
}
.-translate-x-1\/2 {
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
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-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-y-1\/2 {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.rotate-180 {
rotate: 180deg;
}
.transform {
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}
.animate-\[oa-indeterminate_1\.4s_ease-in-out_infinite\] {
animation: 1.4s ease-in-out infinite oa-indeterminate;
}
.animate-bounce {
animation: var(--animate-bounce);
}
.animate-pulse {
animation: var(--animate-pulse);
}
.animate-spin {
animation: var(--animate-spin);
}
.cursor-default {
cursor: default;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.resize-none {
resize: none;
}
.\[scrollbar-width\:none\] {
scrollbar-width: none;
}
.scrollbar-thin {
scrollbar-width: thin;
}
.list-inside {
list-style-position: inside;
}
.list-decimal {
list-style-type: decimal;
}
.list-disc {
list-style-type: disc;
}
.appearance-none {
appearance: none;
}
.auto-rows-min {
grid-auto-rows: min-content;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.flex-row {
flex-direction: row;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-baseline {
align-items: baseline;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.items-start {
align-items: flex-start;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-start {
justify-content: flex-start;
}
.gap-0\.5 {
gap: calc(var(--spacing) * .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-px {
gap: 1px;
}
:where(.space-y-0\.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)));
}
: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-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-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-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-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)));
}
: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-x-1\.5 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * -1.5) * 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(.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)));
}
.self-start {
align-self: flex-start;
}
.truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.rounded {
border-radius: .25rem;
}
.rounded-2xl {
border-radius: var(--radius-2xl);
}
.rounded-\[inherit\] {
border-radius: inherit;
}
.rounded-full {
border-radius: 3.40282e38px;
}
.rounded-lg {
border-radius: var(--radius-lg);
}
.rounded-md {
border-radius: var(--radius-md);
}
.rounded-sm {
border-radius: var(--radius-sm);
}
.rounded-xl {
border-radius: var(--radius-xl);
}
.rounded-xs {
border-radius: var(--radius-xs);
}
.rounded-t-md {
border-top-left-radius: var(--radius-md);
border-top-right-radius: var(--radius-md);
}
.rounded-r-full {
border-top-right-radius: 3.40282e38px;
border-bottom-right-radius: 3.40282e38px;
}
.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-\[2\.5px\] {
border-style: var(--tw-border-style);
border-width: 2.5px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-b-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-4 {
border-left-style: var(--tw-border-style);
border-left-width: 4px;
}
.border-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.border-amber-400\/20 {
border-color: #fcbb0033;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-400\/20 {
border-color: color-mix(in oklab, var(--color-amber-400) 20%, 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-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-amber-500\/40 {
border-color: #f99c0066;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-500\/40 {
border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
}
}
.border-black\/40 {
border-color: #0006;
}
@supports (color: color-mix(in lab, red, red)) {
.border-black\/40 {
border-color: color-mix(in oklab, var(--color-black) 40%, transparent);
}
}
.border-blue-500\/30 {
border-color: #3080ff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-blue-500\/30 {
border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
}
}
.border-brand-400\/30 {
border-color: #f5a9364d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-brand-400\/30 {
border-color: color-mix(in oklab, var(--color-brand-400) 30%, transparent);
}
}
.border-brand-400\/40 {
border-color: #f5a93666;
}
@supports (color: color-mix(in lab, red, red)) {
.border-brand-400\/40 {
border-color: color-mix(in oklab, var(--color-brand-400) 40%, transparent);
}
}
.border-brand-400\/50 {
border-color: #f5a93680;
}
@supports (color: color-mix(in lab, red, red)) {
.border-brand-400\/50 {
border-color: color-mix(in oklab, var(--color-brand-400) 50%, transparent);
}
}
.border-brand-500 {
border-color: var(--color-brand-500);
}
.border-brand-500\/25 {
border-color: #e8901a40;
}
@supports (color: color-mix(in lab, red, red)) {
.border-brand-500\/25 {
border-color: color-mix(in oklab, var(--color-brand-500) 25%, transparent);
}
}
.border-brand-500\/30 {
border-color: #e8901a4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-brand-500\/30 {
border-color: color-mix(in oklab, var(--color-brand-500) 30%, transparent);
}
}
.border-brand-500\/40 {
border-color: #e8901a66;
}
@supports (color: color-mix(in lab, red, red)) {
.border-brand-500\/40 {
border-color: color-mix(in oklab, var(--color-brand-500) 40%, transparent);
}
}
.border-brand-500\/50 {
border-color: #e8901a80;
}
@supports (color: color-mix(in lab, red, red)) {
.border-brand-500\/50 {
border-color: color-mix(in oklab, var(--color-brand-500) 50%, transparent);
}
}
.border-current {
border-color: currentColor;
}
.border-current\/25 {
border-color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
.border-current\/25 {
border-color: color-mix(in oklab, currentcolor 25%, transparent);
}
}
.border-danger\/20 {
border-color: #ff6b6b33;
}
@supports (color: color-mix(in lab, red, red)) {
.border-danger\/20 {
border-color: color-mix(in oklab, var(--color-danger) 20%, transparent);
}
}
.border-danger\/30 {
border-color: #ff6b6b4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-danger\/30 {
border-color: color-mix(in oklab, var(--color-danger) 30%, transparent);
}
}
.border-danger\/60 {
border-color: #ff6b6b99;
}
@supports (color: color-mix(in lab, red, red)) {
.border-danger\/60 {
border-color: color-mix(in oklab, var(--color-danger) 60%, 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-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-ink-3\/30 {
border-color: #8a84794d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-ink-3\/30 {
border-color: color-mix(in oklab, var(--color-ink-3) 30%, transparent);
}
}
.border-orange-500\/30 {
border-color: #fe6e004d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-orange-500\/30 {
border-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);
}
}
.border-pink-500\/30 {
border-color: #f6339a4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-pink-500\/30 {
border-color: color-mix(in oklab, var(--color-pink-500) 30%, transparent);
}
}
.border-pulse-500\/25 {
border-color: #4fd1c540;
}
@supports (color: color-mix(in lab, red, red)) {
.border-pulse-500\/25 {
border-color: color-mix(in oklab, var(--color-pulse-500) 25%, transparent);
}
}
.border-pulse-500\/30 {
border-color: #4fd1c54d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-pulse-500\/30 {
border-color: color-mix(in oklab, var(--color-pulse-500) 30%, 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-500\/30 {
border-color: #fb2c364d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-500\/30 {
border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
}
}
.border-success\/20 {
border-color: #5cd87a33;
}
@supports (color: color-mix(in lab, red, red)) {
.border-success\/20 {
border-color: color-mix(in oklab, var(--color-success) 20%, transparent);
}
}
.border-success\/30 {
border-color: #5cd87a4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-success\/30 {
border-color: color-mix(in oklab, var(--color-success) 30%, transparent);
}
}
.border-success\/40 {
border-color: #5cd87a66;
}
@supports (color: color-mix(in lab, red, red)) {
.border-success\/40 {
border-color: color-mix(in oklab, var(--color-success) 40%, transparent);
}
}
.border-surface-4 {
border-color: var(--color-surface-4);
}
.border-surface-5 {
border-color: var(--color-surface-5);
}
.border-transparent {
border-color: #0000;
}
.border-violet-500\/20 {
border-color: #8d54ff33;
}
@supports (color: color-mix(in lab, red, red)) {
.border-violet-500\/20 {
border-color: color-mix(in oklab, var(--color-violet-500) 20%, 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-violet-500\/40 {
border-color: #8d54ff66;
}
@supports (color: color-mix(in lab, red, red)) {
.border-violet-500\/40 {
border-color: color-mix(in oklab, var(--color-violet-500) 40%, transparent);
}
}
.border-violet-500\/50 {
border-color: #8d54ff80;
}
@supports (color: color-mix(in lab, red, red)) {
.border-violet-500\/50 {
border-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent);
}
}
.border-warning\/30 {
border-color: #f5b8404d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-warning\/30 {
border-color: color-mix(in oklab, var(--color-warning) 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\/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\/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\/\[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\.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-500\/30 {
border-color: #edb2004d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-yellow-500\/30 {
border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
}
}
.border-t-brand-400 {
border-top-color: var(--color-brand-400);
}
.border-t-brand-500 {
border-top-color: var(--color-brand-500);
}
.border-t-current {
border-top-color: currentColor;
}
.border-t-ink-1 {
border-top-color: var(--color-ink-1);
}
.border-t-pulse-500 {
border-top-color: var(--color-pulse-500);
}
.bg-\[\#0e0e18\] {
background-color: #0e0e18;
}
.bg-\[\#0e0e18\]\/90 {
background-color: #0e0e18e6;
background-color: lab(4.22647% 1.62046 -5.94473 / .9);
}
.bg-\[\#0e0e18\]\/95 {
background-color: #0e0e18f2;
background-color: lab(4.22647% 1.62046 -5.94473 / .95);
}
.bg-\[\#1a1108\] {
background-color: #1a1108;
}
.bg-\[\#57f287\] {
background-color: #57f287;
}
.bg-\[\#FBBF24\] {
background-color: #fbbf24;
}
.bg-\[\#eb459e\] {
background-color: #eb459e;
}
.bg-\[\#ed4245\] {
background-color: #ed4245;
}
.bg-\[rgba\(7\,6\,10\,0\.72\)\] {
background-color: #07060ab8;
}
.bg-\[var\(--sdm-tbg\)\] {
background-color: var(--sdm-tbg);
}
.bg-amber-400 {
background-color: var(--color-amber-400);
}
.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\/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-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\/30 {
background-color: #f99c004d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/30 {
background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
}
}
.bg-black {
background-color: var(--color-black);
}
.bg-black\/10 {
background-color: #0000001a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/10 {
background-color: color-mix(in oklab, var(--color-black) 10%, 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\/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\/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\/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-blue-500\/20 {
background-color: #3080ff33;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-blue-500\/20 {
background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
}
}
.bg-brand-400 {
background-color: var(--color-brand-400);
}
.bg-brand-500 {
background-color: var(--color-brand-500);
}
.bg-brand-500\/10 {
background-color: #e8901a1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-brand-500\/10 {
background-color: color-mix(in oklab, var(--color-brand-500) 10%, transparent);
}
}
.bg-brand-500\/12 {
background-color: #e8901a1f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-brand-500\/12 {
background-color: color-mix(in oklab, var(--color-brand-500) 12%, transparent);
}
}
.bg-brand-500\/20 {
background-color: #e8901a33;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-brand-500\/20 {
background-color: color-mix(in oklab, var(--color-brand-500) 20%, transparent);
}
}
.bg-brand-500\/80 {
background-color: #e8901acc;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-brand-500\/80 {
background-color: color-mix(in oklab, var(--color-brand-500) 80%, transparent);
}
}
.bg-brand-500\/\[0\.08\] {
background-color: #e8901a14;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-brand-500\/\[0\.08\] {
background-color: color-mix(in oklab, var(--color-brand-500) 8%, transparent);
}
}
.bg-danger {
background-color: var(--color-danger);
}
.bg-danger\/10 {
background-color: #ff6b6b1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-danger\/10 {
background-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
}
}
.bg-danger\/12 {
background-color: #ff6b6b1f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-danger\/12 {
background-color: color-mix(in oklab, var(--color-danger) 12%, transparent);
}
}
.bg-danger\/15 {
background-color: #ff6b6b26;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-danger\/15 {
background-color: color-mix(in oklab, var(--color-danger) 15%, transparent);
}
}
.bg-emerald-400 {
background-color: var(--color-emerald-400);
}
.bg-emerald-500 {
background-color: var(--color-emerald-500);
}
.bg-emerald-500\/5 {
background-color: #00bb7f0d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-500\/5 {
background-color: color-mix(in oklab, var(--color-emerald-500) 5%, 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\/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-green-400\/60 {
background-color: #05df7299;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-green-400\/60 {
background-color: color-mix(in oklab, var(--color-green-400) 60%, transparent);
}
}
.bg-ink-1 {
background-color: var(--color-ink-1);
}
.bg-orange-500\/20 {
background-color: #fe6e0033;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-orange-500\/20 {
background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
}
}
.bg-pink-500\/20 {
background-color: #f6339a33;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-pink-500\/20 {
background-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent);
}
}
.bg-pulse-400\/70 {
background-color: #7fdcc7b3;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-pulse-400\/70 {
background-color: color-mix(in oklab, var(--color-pulse-400) 70%, transparent);
}
}
.bg-pulse-500 {
background-color: var(--color-pulse-500);
}
.bg-pulse-500\/10 {
background-color: #4fd1c51a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-pulse-500\/10 {
background-color: color-mix(in oklab, var(--color-pulse-500) 10%, transparent);
}
}
.bg-pulse-500\/12 {
background-color: #4fd1c51f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-pulse-500\/12 {
background-color: color-mix(in oklab, var(--color-pulse-500) 12%, transparent);
}
}
.bg-red-50 {
background-color: var(--color-red-50);
}
.bg-red-100 {
background-color: var(--color-red-100);
}
.bg-red-500\/5 {
background-color: #fb2c360d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/5 {
background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent);
}
}
.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\/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\/80 {
background-color: #fb2c36cc;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/80 {
background-color: color-mix(in oklab, var(--color-red-500) 80%, transparent);
}
}
.bg-rose-500\/80 {
background-color: #ff2357cc;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-rose-500\/80 {
background-color: color-mix(in oklab, var(--color-rose-500) 80%, transparent);
}
}
.bg-success {
background-color: var(--color-success);
}
.bg-success\/10 {
background-color: #5cd87a1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-success\/10 {
background-color: color-mix(in oklab, var(--color-success) 10%, transparent);
}
}
.bg-success\/12 {
background-color: #5cd87a1f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-success\/12 {
background-color: color-mix(in oklab, var(--color-success) 12%, transparent);
}
}
.bg-surface-0 {
background-color: var(--color-surface-0);
}
.bg-surface-1 {
background-color: var(--color-surface-1);
}
.bg-surface-1\/40 {
background-color: #0c0a1066;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-surface-1\/40 {
background-color: color-mix(in oklab, var(--color-surface-1) 40%, transparent);
}
}
.bg-surface-1\/70 {
background-color: #0c0a10b3;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-surface-1\/70 {
background-color: color-mix(in oklab, var(--color-surface-1) 70%, transparent);
}
}
.bg-surface-2 {
background-color: var(--color-surface-2);
}
.bg-surface-2\/40 {
background-color: #13101966;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-surface-2\/40 {
background-color: color-mix(in oklab, var(--color-surface-2) 40%, transparent);
}
}
.bg-surface-2\/90 {
background-color: #131019e6;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-surface-2\/90 {
background-color: color-mix(in oklab, var(--color-surface-2) 90%, transparent);
}
}
.bg-surface-2\/95 {
background-color: #131019f2;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-surface-2\/95 {
background-color: color-mix(in oklab, var(--color-surface-2) 95%, transparent);
}
}
.bg-surface-3 {
background-color: var(--color-surface-3);
}
.bg-surface-4 {
background-color: var(--color-surface-4);
}
.bg-transparent {
background-color: #0000;
}
.bg-violet-500 {
background-color: var(--color-violet-500);
}
.bg-violet-500\/5 {
background-color: #8d54ff0d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-violet-500\/5 {
background-color: color-mix(in oklab, var(--color-violet-500) 5%, transparent);
}
}
.bg-violet-500\/10 {
background-color: #8d54ff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-violet-500\/10 {
background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
}
}
.bg-violet-500\/15 {
background-color: #8d54ff26;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-violet-500\/15 {
background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
}
}
.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\/30 {
background-color: #8d54ff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-violet-500\/30 {
background-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
}
}
.bg-warning {
background-color: var(--color-warning);
}
.bg-warning\/10 {
background-color: #f5b8401a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-warning\/10 {
background-color: color-mix(in oklab, var(--color-warning) 10%, transparent);
}
}
.bg-warning\/12 {
background-color: #f5b8401f;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-warning\/12 {
background-color: color-mix(in oklab, var(--color-warning) 12%, transparent);
}
}
.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\/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\/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\/\[0\.01\] {
background-color: #ffffff03;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.01\] {
background-color: color-mix(in oklab, var(--color-white) 1%, 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\.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-yellow-500\/20 {
background-color: #edb20033;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-yellow-500\/20 {
background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
}
}
.bg-zinc-500 {
background-color: var(--color-zinc-500);
}
.bg-zinc-900\/95 {
background-color: #18181bf2;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-zinc-900\/95 {
background-color: color-mix(in oklab, var(--color-zinc-900) 95%, 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));
}
.from-amber-400\/40 {
--tw-gradient-from: #fcbb0066;
}
@supports (color: color-mix(in lab, red, red)) {
.from-amber-400\/40 {
--tw-gradient-from: color-mix(in oklab, var(--color-amber-400) 40%, transparent);
}
}
.from-amber-400\/40 {
--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-brand-400 {
--tw-gradient-from: var(--color-brand-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-brand-500 {
--tw-gradient-from: var(--color-brand-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-brand-500\/40 {
--tw-gradient-from: #e8901a66;
}
@supports (color: color-mix(in lab, red, red)) {
.from-brand-500\/40 {
--tw-gradient-from: color-mix(in oklab, var(--color-brand-500) 40%, transparent);
}
}
.from-brand-500\/40 {
--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-danger {
--tw-gradient-from: var(--color-danger);
--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-pulse-500 {
--tw-gradient-from: var(--color-pulse-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-surface-0\/85 {
--tw-gradient-from: #07060ad9;
}
@supports (color: color-mix(in lab, red, red)) {
.from-surface-0\/85 {
--tw-gradient-from: color-mix(in oklab, var(--color-surface-0) 85%, transparent);
}
}
.from-surface-0\/85 {
--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));
}
.via-surface-0\/30 {
--tw-gradient-via: #07060a4d;
}
@supports (color: color-mix(in lab, red, red)) {
.via-surface-0\/30 {
--tw-gradient-via: color-mix(in oklab, var(--color-surface-0) 30%, transparent);
}
}
.via-surface-0\/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-surface-4 {
--tw-gradient-via: var(--color-surface-4);
--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-brand-500 {
--tw-gradient-to: var(--color-brand-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-brand-600 {
--tw-gradient-to: var(--color-brand-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-brand-700 {
--tw-gradient-to: var(--color-brand-700);
--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-brand-700\/40 {
--tw-gradient-to: #8a531466;
}
@supports (color: color-mix(in lab, red, red)) {
.to-brand-700\/40 {
--tw-gradient-to: color-mix(in oklab, var(--color-brand-700) 40%, transparent);
}
}
.to-brand-700\/40 {
--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\/40 {
--tw-gradient-to: #fe6e0066;
}
@supports (color: color-mix(in lab, red, red)) {
.to-orange-500\/40 {
--tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 40%, transparent);
}
}
.to-orange-500\/40 {
--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-pulse-500 {
--tw-gradient-to: var(--color-pulse-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-pulse-700 {
--tw-gradient-to: var(--color-pulse-700);
--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));
}
.object-cover {
object-fit: cover;
}
.p-0 {
padding: calc(var(--spacing) * 0);
}
.p-0\.5 {
padding: calc(var(--spacing) * .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-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-10 {
padding: calc(var(--spacing) * 10);
}
.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) * .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-10 {
padding-block: calc(var(--spacing) * 10);
}
.py-12 {
padding-block: calc(var(--spacing) * 12);
}
.py-px {
padding-block: 1px;
}
.pt-0 {
padding-top: calc(var(--spacing) * 0);
}
.pt-0\.5 {
padding-top: calc(var(--spacing) * .5);
}
.pt-1\.5 {
padding-top: calc(var(--spacing) * 1.5);
}
.pt-3 {
padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.pt-\[14vh\] {
padding-top: 14vh;
}
.pr-3 {
padding-right: calc(var(--spacing) * 3);
}
.pr-7 {
padding-right: calc(var(--spacing) * 7);
}
.pr-9 {
padding-right: calc(var(--spacing) * 9);
}
.pb-1 {
padding-bottom: calc(var(--spacing) * 1);
}
.pb-2 {
padding-bottom: calc(var(--spacing) * 2);
}
.pb-3 {
padding-bottom: calc(var(--spacing) * 3);
}
.pb-12 {
padding-bottom: calc(var(--spacing) * 12);
}
.pl-2 {
padding-left: calc(var(--spacing) * 2);
}
.pl-4 {
padding-left: calc(var(--spacing) * 4);
}
.pl-5 {
padding-left: calc(var(--spacing) * 5);
}
.pl-9 {
padding-left: calc(var(--spacing) * 9);
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.font-display {
font-family: var(--font-display);
}
.font-mono {
font-family: var(--font-mono);
}
.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-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-\[9px\] {
font-size: 9px;
}
.text-\[10px\] {
font-size: 10px;
}
.text-\[11px\] {
font-size: 11px;
}
.text-\[12px\] {
font-size: 12px;
}
.text-\[15px\] {
font-size: 15px;
}
.leading-\[1\.1\] {
--tw-leading: 1.1;
line-height: 1.1;
}
.leading-\[1\.2\] {
--tw-leading: 1.2;
line-height: 1.2;
}
.leading-\[1\.3\] {
--tw-leading: 1.3;
line-height: 1.3;
}
.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-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.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\.08em\] {
--tw-tracking: .08em;
letter-spacing: .08em;
}
.tracking-tight {
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight);
}
.tracking-tighter {
--tw-tracking: var(--tracking-tighter);
letter-spacing: var(--tracking-tighter);
}
.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;
}
.wrap-anywhere {
overflow-wrap: anywhere;
}
.break-all {
word-break: break-all;
}
.whitespace-normal {
white-space: normal;
}
.whitespace-nowrap {
white-space: nowrap;
}
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.text-\[\#1a1108\] {
color: #1a1108;
}
.text-\[\#2dd4bf\] {
color: #2dd4bf;
}
.text-\[\#38bdf8\] {
color: #38bdf8;
}
.text-\[\#57f287\] {
color: #57f287;
}
.text-\[\#FBBF24\] {
color: #fbbf24;
}
.text-\[\#eb459e\] {
color: #eb459e;
}
.text-\[\#ed4245\] {
color: #ed4245;
}
.text-\[var\(--sdm-c\,inherit\)\] {
color: var(--sdm-c, inherit);
}
.text-amber-50 {
color: var(--color-amber-50);
}
.text-amber-100 {
color: var(--color-amber-100);
}
.text-amber-200 {
color: var(--color-amber-200);
}
.text-amber-200\/70 {
color: #fee685b3;
}
@supports (color: color-mix(in lab, red, red)) {
.text-amber-200\/70 {
color: color-mix(in oklab, var(--color-amber-200) 70%, 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-400 {
color: var(--color-amber-400);
}
.text-amber-400\/40 {
color: #fcbb0066;
}
@supports (color: color-mix(in lab, red, red)) {
.text-amber-400\/40 {
color: color-mix(in oklab, var(--color-amber-400) 40%, transparent);
}
}
.text-blue-300 {
color: var(--color-blue-300);
}
.text-brand-100 {
color: var(--color-brand-100);
}
.text-brand-100\/60 {
color: #fde9c099;
}
@supports (color: color-mix(in lab, red, red)) {
.text-brand-100\/60 {
color: color-mix(in oklab, var(--color-brand-100) 60%, transparent);
}
}
.text-brand-100\/80 {
color: #fde9c0cc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-brand-100\/80 {
color: color-mix(in oklab, var(--color-brand-100) 80%, transparent);
}
}
.text-brand-200 {
color: var(--color-brand-200);
}
.text-brand-300 {
color: var(--color-brand-300);
}
.text-brand-400 {
color: var(--color-brand-400);
}
.text-brand-500 {
color: var(--color-brand-500);
}
.text-current {
color: currentColor;
}
.text-cyan-300 {
color: var(--color-cyan-300);
}
.text-danger {
color: var(--color-danger);
}
.text-emerald-200 {
color: var(--color-emerald-200);
}
.text-emerald-300 {
color: var(--color-emerald-300);
}
.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-inherit {
color: inherit;
}
.text-ink-1 {
color: var(--color-ink-1);
}
.text-ink-2 {
color: var(--color-ink-2);
}
.text-ink-3 {
color: var(--color-ink-3);
}
.text-ink-4 {
color: var(--color-ink-4);
}
.text-orange-300 {
color: var(--color-orange-300);
}
.text-pink-300 {
color: var(--color-pink-300);
}
.text-pulse-300 {
color: var(--color-pulse-300);
}
.text-pulse-500 {
color: var(--color-pulse-500);
}
.text-red-200 {
color: var(--color-red-200);
}
.text-red-300 {
color: var(--color-red-300);
}
.text-red-400 {
color: var(--color-red-400);
}
.text-red-600 {
color: var(--color-red-600);
}
.text-red-700 {
color: var(--color-red-700);
}
.text-red-800 {
color: var(--color-red-800);
}
.text-rose-300 {
color: var(--color-rose-300);
}
.text-sky-300 {
color: var(--color-sky-300);
}
.text-success {
color: var(--color-success);
}
.text-teal-300 {
color: var(--color-teal-300);
}
.text-violet-300 {
color: var(--color-violet-300);
}
.text-violet-400 {
color: var(--color-violet-400);
}
.text-violet-400\/50 {
color: #a685ff80;
}
@supports (color: color-mix(in lab, red, red)) {
.text-violet-400\/50 {
color: color-mix(in oklab, var(--color-violet-400) 50%, transparent);
}
}
.text-warning {
color: var(--color-warning);
}
.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\/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\/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\/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\/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-yellow-300 {
color: var(--color-yellow-300);
}
.capitalize {
text-transform: capitalize;
}
.lowercase {
text-transform: lowercase;
}
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.tabular-nums {
--tw-numeric-spacing: tabular-nums;
font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
}
.underline {
text-decoration-line: underline;
}
.underline-offset-2 {
text-underline-offset: 2px;
}
.underline-offset-4 {
text-underline-offset: 4px;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
opacity: 0;
}
.opacity-30 {
opacity: .3;
}
.opacity-40 {
opacity: .4;
}
.opacity-50 {
opacity: .5;
}
.opacity-60 {
opacity: .6;
}
.opacity-70 {
opacity: .7;
}
.opacity-80 {
opacity: .8;
}
.opacity-100 {
opacity: 1;
}
.opacity-\[0\.04\] {
opacity: .04;
}
.mix-blend-difference {
mix-blend-mode: difference;
}
.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 25px 50px -12px var(--tw-shadow-color, #00000040);
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\(92\,216\,122\,0\.45\)\] {
--tw-shadow: 0 0 6px var(--tw-shadow-color, #5cd87a73);
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\(232\,144\,26\,0\.45\)\] {
--tw-shadow: 0 0 6px var(--tw-shadow-color, #e8901a73);
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\(245\,184\,64\,0\.35\)\] {
--tw-shadow: 0 0 6px var(--tw-shadow-color, #f5b84059);
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\(255\,107\,107\,0\.4\)\] {
--tw-shadow: 0 0 6px var(--tw-shadow-color, #ff6b6b66);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_1px_0_rgba\(7\,6\,10\,0\.4\)\,inset_0_1px_0_rgba\(247\,243\,238\,0\.04\)\] {
--tw-shadow: 0 1px 0 var(--tw-shadow-color, #07060a66), inset 0 1px 0 var(--tw-shadow-color, #f7f3ee0a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_1px_0_rgba\(247\,243\,238\,0\.12\)_inset\,0_1px_2px_rgba\(7\,6\,10\,0\.4\)\] {
--tw-shadow: 0 1px 0 var(--tw-shadow-color, #f7f3ee1f) inset, 0 1px 2px var(--tw-shadow-color, #07060a66);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px 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-sm {
--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-xl {
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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);
}
.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);
}
.shadow-black\/20 {
--tw-shadow-color: #0003;
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-black\/20 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.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);
}
}
.shadow-black\/50 {
--tw-shadow-color: #00000080;
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-black\/50 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-violet-500\/20 {
--tw-shadow-color: #8d54ff33;
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-violet-500\/20 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.ring-brand-400\/20 {
--tw-ring-color: #f5a93633;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-brand-400\/20 {
--tw-ring-color: color-mix(in oklab, var(--color-brand-400) 20%, transparent);
}
}
.ring-brand-400\/40 {
--tw-ring-color: #f5a93666;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-brand-400\/40 {
--tw-ring-color: color-mix(in oklab, var(--color-brand-400) 40%, transparent);
}
}
.ring-brand-500\/20 {
--tw-ring-color: #e8901a33;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-brand-500\/20 {
--tw-ring-color: color-mix(in oklab, var(--color-brand-500) 20%, transparent);
}
}
.ring-brand-500\/25 {
--tw-ring-color: #e8901a40;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-brand-500\/25 {
--tw-ring-color: color-mix(in oklab, var(--color-brand-500) 25%, transparent);
}
}
.ring-brand-600 {
--tw-ring-color: var(--color-brand-600);
}
.ring-danger\/25 {
--tw-ring-color: #ff6b6b40;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-danger\/25 {
--tw-ring-color: color-mix(in oklab, var(--color-danger) 25%, transparent);
}
}
.ring-danger\/30 {
--tw-ring-color: #ff6b6b4d;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-danger\/30 {
--tw-ring-color: color-mix(in oklab, var(--color-danger) 30%, transparent);
}
}
.ring-pulse-500\/20 {
--tw-ring-color: #4fd1c533;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-pulse-500\/20 {
--tw-ring-color: color-mix(in oklab, var(--color-pulse-500) 20%, transparent);
}
}
.ring-pulse-500\/25 {
--tw-ring-color: #4fd1c540;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-pulse-500\/25 {
--tw-ring-color: color-mix(in oklab, var(--color-pulse-500) 25%, transparent);
}
}
.ring-success\/25 {
--tw-ring-color: #5cd87a40;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-success\/25 {
--tw-ring-color: color-mix(in oklab, var(--color-success) 25%, transparent);
}
}
.ring-surface-1 {
--tw-ring-color: var(--color-surface-1);
}
.ring-surface-4 {
--tw-ring-color: var(--color-surface-4);
}
.ring-surface-5 {
--tw-ring-color: var(--color-surface-5);
}
.ring-warning\/25 {
--tw-ring-color: #f5b84040;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-warning\/25 {
--tw-ring-color: color-mix(in oklab, var(--color-warning) 25%, transparent);
}
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.grayscale {
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.filter {
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.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-md {
--tw-backdrop-blur: blur(var(--blur-md));
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(var(--blur-sm));
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
.backdrop-blur-xl {
--tw-backdrop-blur: blur(var(--blur-xl));
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
.backdrop-filter {
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
.transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[height\] {
transition-property: height;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[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-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-75 {
--tw-duration: 75ms;
transition-duration: 75ms;
}
.duration-150 {
--tw-duration: .15s;
transition-duration: .15s;
}
.duration-200 {
--tw-duration: .2s;
transition-duration: .2s;
}
.duration-300 {
--tw-duration: .3s;
transition-duration: .3s;
}
.duration-500 {
--tw-duration: .5s;
transition-duration: .5s;
}
.duration-700 {
--tw-duration: .7s;
transition-duration: .7s;
}
.ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
}
.outline-none {
--tw-outline-style: none;
outline-style: none;
}
.select-none {
-webkit-user-select: none;
user-select: none;
}
.\[component\:AuthGate\] {
component: AuthGate;
}
.\[component\:Avatar\] {
component: Avatar;
}
.\[component\:Badge\] {
component: Badge;
}
.\[component\:Button\] {
component: Button;
}
.\[component\:Input\] {
component: Input;
}
.\[component\:Modal\] {
component: Modal;
}
.\[component\:VrmPicker\] {
component: VrmPicker;
}
.\[counter-increment\:line_0\] {
counter-increment: line 0;
}
.\[counter-reset\:line\] {
counter-reset: line;
}
.\[hook\:useAsyncState\] {
hook: useAsyncState;
}
.\[hook\:useAuthGuard\] {
hook: useAuthGuard;
}
.\[hook\:useBilling\] {
hook: useBilling;
}
.\[hook\:useKeys\] {
hook: useKeys;
}
.\[hook\:useLoginAction\] {
hook: useLoginAction;
}
.\[hook\:useLogoutAction\] {
hook: useLogoutAction;
}
.\[hook\:useMe\] {
hook: useMe;
}
.\[hook\:useProtocolAgent\] {
hook: useProtocolAgent;
}
.\[hook\:useRegisterAction\] {
hook: useRegisterAction;
}
.\[hook\:useUsage\] {
hook: useUsage;
}
.\[hook\:useUser\] {
hook: useUser;
}
.ring-inset {
--tw-ring-inset: inset;
}
@media (hover: hover) {
.group-hover\:block:is(:where(.group):hover *) {
display: block;
}
}
@media (hover: hover) {
.group-hover\:flex:is(:where(.group):hover *) {
display: flex;
}
}
@media (hover: hover) {
.group-hover\:h-5:is(:where(.group):hover *) {
height: calc(var(--spacing) * 5);
}
}
@media (hover: hover) {
.group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
--tw-translate-x: calc(var(--spacing) * .5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (hover: hover) {
.group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 1;
}
}
@media (hover: hover) {
.group-hover\/cb\:border-ink-3:is(:where(.group\/cb):hover *) {
border-color: var(--color-ink-3);
}
}
@media (hover: hover) {
.group-hover\/radio\:border-ink-3:is(:where(.group\/radio):hover *) {
border-color: var(--color-ink-3);
}
}
.group-data-\[size\=sm\]\/card\:px-4:is(:where(.group\/card)[data-size="sm"] *) {
padding-inline: calc(var(--spacing) * 4);
}
.group-data-\[size\=sm\]\/card\:py-3:is(:where(.group\/card)[data-size="sm"] *) {
padding-block: calc(var(--spacing) * 3);
}
.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size="sm"] *) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.placeholder\:text-ink-3::placeholder {
color: var(--color-ink-3);
}
.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);
}
}
.before\:absolute:before {
content: var(--tw-content);
position: absolute;
}
.before\:top-0:before {
content: var(--tw-content);
top: calc(var(--spacing) * 0);
}
.before\:bottom-0:before {
content: var(--tw-content);
bottom: calc(var(--spacing) * 0);
}
.before\:left-0:before {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
.before\:mr-4:before {
content: var(--tw-content);
margin-right: calc(var(--spacing) * 4);
}
.before\:inline-block:before {
content: var(--tw-content);
display: inline-block;
}
.before\:w-6:before {
content: var(--tw-content);
width: calc(var(--spacing) * 6);
}
.before\:w-\[3px\]:before {
content: var(--tw-content);
width: 3px;
}
.before\:rounded-l-md:before {
content: var(--tw-content);
border-top-left-radius: var(--radius-md);
border-bottom-left-radius: var(--radius-md);
}
.before\:bg-danger:before {
content: var(--tw-content);
background-color: var(--color-danger);
}
.before\:bg-pulse-500:before {
content: var(--tw-content);
background-color: var(--color-pulse-500);
}
.before\:bg-success:before {
content: var(--tw-content);
background-color: var(--color-success);
}
.before\:bg-warning:before {
content: var(--tw-content);
background-color: var(--color-warning);
}
.before\:text-right:before {
content: var(--tw-content);
text-align: right;
}
.before\:font-mono:before {
content: var(--tw-content);
font-family: var(--font-mono);
}
.before\:text-\[13px\]:before {
content: var(--tw-content);
font-size: 13px;
}
.before\:content-\[\'\'\]:before {
--tw-content: "";
content: var(--tw-content);
}
.before\:content-\[counter\(line\)\]:before {
--tw-content: counter(line);
content: var(--tw-content);
}
.before\:select-none:before {
content: var(--tw-content);
-webkit-user-select: none;
user-select: none;
}
.before\:\[counter-increment\:line\]:before {
content: var(--tw-content);
counter-increment: line;
}
.after\:absolute:after {
content: var(--tw-content);
position: absolute;
}
.after\:right-0:after {
content: var(--tw-content);
right: calc(var(--spacing) * 0);
}
.after\:-bottom-px:after {
content: var(--tw-content);
bottom: -1px;
}
.after\:left-0:after {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
.after\:h-px:after {
content: var(--tw-content);
height: 1px;
}
.after\:bg-brand-500:after {
content: var(--tw-content);
background-color: var(--color-brand-500);
}
.after\:bg-transparent:after {
content: var(--tw-content);
background-color: #0000;
}
.after\:transition-colors:after {
content: var(--tw-content);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.first\:mt-0:first-child {
margin-top: calc(var(--spacing) * 0);
}
@media (hover: hover) {
.hover\:-translate-y-px:hover {
--tw-translate-y: -1px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (hover: hover) {
.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);
}
}
@media (hover: hover) {
.hover\:rounded-md:hover {
border-radius: var(--radius-md);
}
}
@media (hover: hover) {
.hover\:rounded-xl:hover {
border-radius: var(--radius-xl);
}
}
@media (hover: hover) {
.hover\:border-brand-500\/30:hover {
border-color: #e8901a4d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-brand-500\/30:hover {
border-color: color-mix(in oklab, var(--color-brand-500) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-danger\/30:hover {
border-color: #ff6b6b4d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-danger\/30:hover {
border-color: color-mix(in oklab, var(--color-danger) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-success\/30:hover {
border-color: #5cd87a4d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-success\/30:hover {
border-color: color-mix(in oklab, var(--color-success) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-surface-5:hover {
border-color: var(--color-surface-5);
}
}
@media (hover: hover) {
.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);
}
}
}
@media (hover: hover) {
.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);
}
}
}
@media (hover: hover) {
.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);
}
}
}
@media (hover: hover) {
.hover\:border-white\/\[0\.12\]:hover {
border-color: #ffffff1f;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-white\/\[0\.12\]:hover {
border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-white\/\[0\.15\]:hover {
border-color: #ffffff26;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-white\/\[0\.15\]:hover {
border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-blue-500\/30:hover {
background-color: #3080ff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-blue-500\/30:hover {
background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-brand-400:hover {
background-color: var(--color-brand-400);
}
}
@media (hover: hover) {
.hover\:bg-brand-500:hover {
background-color: var(--color-brand-500);
}
}
@media (hover: hover) {
.hover\:bg-danger\/10:hover {
background-color: #ff6b6b1a;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-danger\/10:hover {
background-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-danger\/15:hover {
background-color: #ff6b6b26;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-danger\/15:hover {
background-color: color-mix(in oklab, var(--color-danger) 15%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-emerald-500\/30:hover {
background-color: #00bb7f4d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-emerald-500\/30:hover {
background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-orange-500\/30:hover {
background-color: #fe6e004d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-orange-500\/30:hover {
background-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-pink-500\/30:hover {
background-color: #f6339a4d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-pink-500\/30:hover {
background-color: color-mix(in oklab, var(--color-pink-500) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-red-500:hover {
background-color: var(--color-red-500);
}
}
@media (hover: hover) {
.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);
}
}
}
@media (hover: hover) {
.hover\:bg-rose-500:hover {
background-color: var(--color-rose-500);
}
}
@media (hover: hover) {
.hover\:bg-success\/15:hover {
background-color: #5cd87a26;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-success\/15:hover {
background-color: color-mix(in oklab, var(--color-success) 15%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-surface-2:hover {
background-color: var(--color-surface-2);
}
}
@media (hover: hover) {
.hover\:bg-surface-2\/40:hover {
background-color: #13101966;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-surface-2\/40:hover {
background-color: color-mix(in oklab, var(--color-surface-2) 40%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-surface-3:hover {
background-color: var(--color-surface-3);
}
}
@media (hover: hover) {
.hover\:bg-surface-4:hover {
background-color: var(--color-surface-4);
}
}
@media (hover: hover) {
.hover\:bg-violet-400:hover {
background-color: var(--color-violet-400);
}
}
@media (hover: hover) {
.hover\:bg-violet-500\/20:hover {
background-color: #8d54ff33;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-violet-500\/20:hover {
background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-violet-500\/30:hover {
background-color: #8d54ff4d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-violet-500\/30:hover {
background-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
}
}
}
@media (hover: hover) {
.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);
}
}
}
@media (hover: hover) {
.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);
}
}
}
@media (hover: hover) {
.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);
}
}
}
@media (hover: hover) {
.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);
}
}
}
@media (hover: hover) {
.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);
}
}
}
@media (hover: hover) {
.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);
}
}
}
@media (hover: hover) {
.hover\:bg-yellow-500\/30:hover {
background-color: #edb2004d;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-yellow-500\/30:hover {
background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:text-amber-200:hover {
color: var(--color-amber-200);
}
}
@media (hover: hover) {
.hover\:text-ink-1:hover {
color: var(--color-ink-1);
}
}
@media (hover: hover) {
.hover\:text-ink-2:hover {
color: var(--color-ink-2);
}
}
@media (hover: hover) {
.hover\:text-red-300:hover {
color: var(--color-red-300);
}
}
@media (hover: hover) {
.hover\:text-red-400:hover {
color: var(--color-red-400);
}
}
@media (hover: hover) {
.hover\:text-white:hover {
color: var(--color-white);
}
}
@media (hover: hover) {
.hover\:text-white\/50:hover {
color: #ffffff80;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:text-white\/50:hover {
color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
}
@media (hover: hover) {
.hover\:text-white\/60:hover {
color: #fff9;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:text-white\/60:hover {
color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}
}
@media (hover: hover) {
.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);
}
}
}
@media (hover: hover) {
.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);
}
}
}
@media (hover: hover) {
.hover\:underline:hover {
text-decoration-line: underline;
}
}
@media (hover: hover) {
.hover\:opacity-100:hover {
opacity: 1;
}
}
@media (hover: hover) {
.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-brand-500\/50:focus {
border-color: #e8901a80;
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:border-brand-500\/50:focus {
border-color: color-mix(in oklab, var(--color-brand-500) 50%, transparent);
}
}
.focus\:outline-none:focus {
--tw-outline-style: none;
outline-style: none;
}
.focus-visible\:bg-danger\/10:focus-visible {
background-color: #ff6b6b1a;
}
@supports (color: color-mix(in lab, red, red)) {
.focus-visible\:bg-danger\/10:focus-visible {
background-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
}
}
.focus-visible\:bg-surface-3:focus-visible {
background-color: var(--color-surface-3);
}
.focus-visible\:text-ink-1:focus-visible {
color: var(--color-ink-1);
}
.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-brand-400:focus-visible {
--tw-ring-color: var(--color-brand-400);
}
.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-100:active {
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.active\:scale-\[0\.97\]:active {
scale: .97;
}
.active\:bg-brand-600:active {
background-color: var(--color-brand-600);
}
.active\:bg-danger\/25:active {
background-color: #ff6b6b40;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-danger\/25:active {
background-color: color-mix(in oklab, var(--color-danger) 25%, transparent);
}
}
.active\:bg-success\/25:active {
background-color: #5cd87a40;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-success\/25:active {
background-color: color-mix(in oklab, var(--color-success) 25%, transparent);
}
}
.active\:bg-surface-3:active {
background-color: var(--color-surface-3);
}
.active\:bg-surface-4:active {
background-color: var(--color-surface-4);
}
.active\:bg-white\/15:active {
background-color: #ffffff26;
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-white\/15:active {
background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
.disabled\:pointer-events-none:disabled {
pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}
.disabled\:opacity-40:disabled {
opacity: .4;
}
.disabled\:opacity-50:disabled {
opacity: .5;
}
.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
grid-template-columns: 1fr auto;
}
.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot="card-footer"]) {
padding-bottom: calc(var(--spacing) * 0);
}
.data-\[size\=sm\]\:gap-3[data-size="sm"] {
gap: calc(var(--spacing) * 3);
}
.data-\[size\=sm\]\:py-4[data-size="sm"] {
padding-block: calc(var(--spacing) * 4);
}
.data-\[state\=active\]\:border-b-2[data-state="active"] {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
}
.data-\[state\=active\]\:border-brand-400[data-state="active"] {
border-color: var(--color-brand-400);
}
.data-\[state\=active\]\:bg-brand-500\/10[data-state="active"] {
background-color: #e8901a1a;
}
@supports (color: color-mix(in lab, red, red)) {
.data-\[state\=active\]\:bg-brand-500\/10[data-state="active"] {
background-color: color-mix(in oklab, var(--color-brand-500) 10%, transparent);
}
}
.data-\[state\=active\]\:text-brand-300[data-state="active"] {
color: var(--color-brand-300);
}
@supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
.supports-\[backdrop-filter\]\: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, );
}
}
@supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
.supports-\[backdrop-filter\]\: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, );
}
}
@media (min-width: 40rem) {
.sm\:block {
display: block;
}
}
@media (min-width: 40rem) {
.sm\:inline {
display: inline;
}
}
@media (min-width: 40rem) {
.sm\:h-\[420px\] {
height: 420px;
}
}
@media (min-width: 40rem) {
.sm\:max-w-2xl {
max-width: var(--container-2xl);
}
}
@media (min-width: 40rem) {
.sm\:max-w-none {
max-width: none;
}
}
@media (min-width: 40rem) {
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 40rem) {
.sm\:gap-1\.5 {
gap: calc(var(--spacing) * 1.5);
}
}
@media (min-width: 40rem) {
.sm\:gap-3 {
gap: calc(var(--spacing) * 3);
}
}
@media (min-width: 40rem) {
.sm\:gap-4 {
gap: calc(var(--spacing) * 4);
}
}
@media (min-width: 40rem) {
.sm\:gap-8 {
gap: calc(var(--spacing) * 8);
}
}
@media (min-width: 40rem) {
.sm\:rounded-2xl {
border-radius: var(--radius-2xl);
}
}
@media (min-width: 40rem) {
.sm\:p-6 {
padding: calc(var(--spacing) * 6);
}
}
@media (min-width: 40rem) {
.sm\:px-2\.5 {
padding-inline: calc(var(--spacing) * 2.5);
}
}
@media (min-width: 40rem) {
.sm\:px-6 {
padding-inline: calc(var(--spacing) * 6);
}
}
@media (min-width: 40rem) {
.sm\:pb-6 {
padding-bottom: calc(var(--spacing) * 6);
}
}
@media (min-width: 40rem) {
.sm\:pb-16 {
padding-bottom: calc(var(--spacing) * 16);
}
}
@media (min-width: 40rem) {
.sm\:text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
@media (min-width: 40rem) {
.sm\:text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
@media (min-width: 48rem) {
.md\:flex {
display: flex;
}
}
@media (min-width: 48rem) {
.md\:hidden {
display: none;
}
}
@media (min-width: 48rem) {
.md\:w-56 {
width: calc(var(--spacing) * 56);
}
}
@media (min-width: 48rem) {
.md\:flex-row {
flex-direction: row;
}
}
@media (min-width: 48rem) {
.md\:gap-10 {
gap: calc(var(--spacing) * 10);
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-\[var\(--shiki-dark-bg\,var\(--sdm-tbg\)\)\] {
background-color: var(--shiki-dark-bg, var(--sdm-tbg));
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-\[var\(--shiki-dark\,var\(--sdm-c\,inherit\)\)\] {
color: var(--shiki-dark, var(--sdm-c, inherit));
}
}
.\[\&_a\]\:text-violet-400 a {
color: var(--color-violet-400);
}
.\[\&_a\]\:no-underline a {
text-decoration-line: none;
}
.\[\&_a\:hover\]\:underline a:hover {
text-decoration-line: underline;
}
.\[\&_code\]\:text-xs code {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.\[\&_code\]\:text-violet-300 code {
color: var(--color-violet-300);
}
.\[\&_pre\]\:rounded-xl pre {
border-radius: var(--radius-xl);
}
.\[\&_pre\]\:border pre {
border-style: var(--tw-border-style);
border-width: 1px;
}
.\[\&_pre\]\:border-white\/10 pre {
border-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.\[\&_pre\]\:border-white\/10 pre {
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.\[\&_pre\]\:bg-black\/40 pre {
background-color: #0006;
}
@supports (color: color-mix(in lab, red, red)) {
.\[\&_pre\]\:bg-black\/40 pre {
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
}
}
.\[\&_svg\]\:pointer-events-none svg {
pointer-events: none;
}
.\[\&_svg\]\:size-4 svg {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.\[\&_svg\]\:h-auto svg {
height: auto;
}
.\[\&_svg\]\:w-auto svg {
width: auto;
}
.\[\&_svg\]\:shrink-0 svg {
flex-shrink: 0;
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.\[\&_table\]\:border-collapse table {
border-collapse: collapse;
}
.\[\&_td\]\:border td {
border-style: var(--tw-border-style);
border-width: 1px;
}
.\[\&_td\]\:border-white\/10 td {
border-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.\[\&_td\]\:border-white\/10 td {
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.\[\&_td\]\:px-3 td {
padding-inline: calc(var(--spacing) * 3);
}
.\[\&_td\]\:py-1 td {
padding-block: calc(var(--spacing) * 1);
}
.\[\&_th\]\:border th {
border-style: var(--tw-border-style);
border-width: 1px;
}
.\[\&_th\]\:border-white\/10 th {
border-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
.\[\&_th\]\:border-white\/10 th {
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.\[\&_th\]\:px-3 th {
padding-inline: calc(var(--spacing) * 3);
}
.\[\&_th\]\:py-1 th {
padding-block: calc(var(--spacing) * 1);
}
.\[\&_thead\]\:sticky thead {
position: sticky;
}
.\[\&_thead\]\:top-0 thead {
top: calc(var(--spacing) * 0);
}
.\[\&_thead\]\:z-10 thead {
z-index: 10;
}
.\[\&\:\:-moz-range-thumb\]\:size-3::-moz-range-thumb {
width: calc(var(--spacing) * 3);
height: calc(var(--spacing) * 3);
}
.\[\&\:\:-moz-range-thumb\]\:size-4::-moz-range-thumb {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.\[\&\:\:-moz-range-thumb\]\:cursor-pointer::-moz-range-thumb {
cursor: pointer;
}
.\[\&\:\:-moz-range-thumb\]\:appearance-none::-moz-range-thumb {
appearance: none;
}
.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
border-radius: 3.40282e38px;
}
.\[\&\:\:-moz-range-thumb\]\:border-2::-moz-range-thumb {
border-style: var(--tw-border-style);
border-width: 2px;
}
.\[\&\:\:-moz-range-thumb\]\:border-brand-500::-moz-range-thumb {
border-color: var(--color-brand-500);
}
.\[\&\:\:-moz-range-thumb\]\:bg-ink-1::-moz-range-thumb {
background-color: var(--color-ink-1);
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
display: none;
}
.\[\&\:\:-webkit-scrollbar\]\:h-\[6px\]::-webkit-scrollbar {
height: 6px;
}
.\[\&\:\:-webkit-scrollbar\]\:w-\[6px\]::-webkit-scrollbar {
width: 6px;
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
border-radius: 3.40282e38px;
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-surface-4::-webkit-scrollbar-thumb {
background-color: var(--color-surface-4);
}
.\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg-surface-5::-webkit-scrollbar-thumb:hover {
background-color: var(--color-surface-5);
}
.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
background-color: #0000;
}
.\[\&\:\:-webkit-slider-thumb\]\:size-3::-webkit-slider-thumb {
width: calc(var(--spacing) * 3);
height: calc(var(--spacing) * 3);
}
.\[\&\:\:-webkit-slider-thumb\]\:size-4::-webkit-slider-thumb {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb {
cursor: pointer;
}
.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
appearance: none;
}
.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
border-radius: 3.40282e38px;
}
.\[\&\:\:-webkit-slider-thumb\]\:border-2::-webkit-slider-thumb {
border-style: var(--tw-border-style);
border-width: 2px;
}
.\[\&\:\:-webkit-slider-thumb\]\:border-brand-500::-webkit-slider-thumb {
border-color: var(--color-brand-500);
}
.\[\&\:\:-webkit-slider-thumb\]\:bg-ink-1::-webkit-slider-thumb {
background-color: var(--color-ink-1);
}
.\[\&\:\:-webkit-slider-thumb\]\:transition-transform::-webkit-slider-thumb {
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));
}
@media (hover: hover) {
.hover\:\[\&\:\:-webkit-slider-thumb\]\:scale-110:hover::-webkit-slider-thumb {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
.\[\&\>\*\:first-child\]\:mt-0 > :first-child {
margin-top: calc(var(--spacing) * 0);
}
.\[\&\>\*\:last-child\]\:mb-0 > :last-child {
margin-bottom: calc(var(--spacing) * 0);
}
.\[\&\>\*\:last-child\]\:after\:inline > :last-child:after {
content: var(--tw-content);
display: inline;
}
.\[\&\>\*\:last-child\]\:after\:align-baseline > :last-child:after {
content: var(--tw-content);
vertical-align: baseline;
}
.\[\&\>\*\:last-child\]\:after\:content-\[var\(--streamdown-caret\)\] > :last-child:after {
--tw-content: var(--streamdown-caret);
content: var(--tw-content);
}
.\[\&\>p\]\:inline > p {
display: inline;
}
li .\[li_\&\]\:pl-6 {
padding-left: calc(var(--spacing) * 6);
}
}
:root, [data-theme="dark"] {
--oa-surface-0: #07060a;
--oa-surface-1: #0c0a10;
--oa-surface-2: #131019;
--oa-surface-3: #1c1825;
--oa-surface-4: #2a2434;
--oa-surface-5: #3a3346;
--oa-ink-1: #f7f3ee;
--oa-ink-2: #c9c2b8;
--oa-ink-3: #8a8479;
--oa-ink-4: #595449;
--oa-text-primary: var(--oa-ink-1);
--oa-text-secondary: var(--oa-ink-2);
--oa-text-muted: var(--oa-ink-3);
--oa-text-link: var(--oa-pulse-500);
--oa-brand-50: #fef7e6;
--oa-brand-100: #fde9bf;
--oa-brand-200: #fcd989;
--oa-brand-300: #f8c258;
--oa-brand-400: #f5a936;
--oa-brand-500: #e8901a;
--oa-brand-600: #c0741b;
--oa-brand-700: #8a5314;
--oa-brand-800: #5a3608;
--oa-brand-900: #2c1a04;
--oa-pulse-100: #e6fbf5;
--oa-pulse-300: #b6f5e5;
--oa-pulse-500: #4fd1c5;
--oa-pulse-700: #1f8a80;
--oa-pulse-900: #0a3a36;
--oa-success: #5cd87a;
--oa-warning: #f5b840;
--oa-danger: #ff6b6b;
--oa-info: var(--oa-pulse-500);
--oa-status-online: #5cd87a;
--oa-status-idle: #f5b840;
--oa-status-dnd: #ff6b6b;
--oa-status-offline: #595449;
--oa-status-streaming: var(--oa-brand-500);
--oa-font-sans: "Geist", "Inter", ui-sans-serif, system-ui, sans-serif;
--oa-font-mono: "Geist Mono", ui-monospace, "JetBrains Mono", "Fira Code",
monospace;
--oa-font-display: "Newsreader", "Iowan Old Style", "Apple Garamond", Georgia,
serif;
--oa-radius-xs: 2px;
--oa-radius-sm: 6px;
--oa-radius-md: 10px;
--oa-radius-lg: 16px;
--oa-radius-xl: 22px;
--oa-radius-full: 9999px;
--oa-ease-out: cubic-bezier(.16, 1, .3, 1);
--oa-ease-in-out: cubic-bezier(.65, 0, .35, 1);
--oa-ease-spring: cubic-bezier(.34, 1.56, .64, 1);
--oa-dur-instant: 80ms;
--oa-dur-fast: .15s;
--oa-dur-base: .24s;
--oa-dur-slow: .4s;
--oa-transition-fast: var(--oa-dur-fast) var(--oa-ease-out);
--oa-transition-normal: var(--oa-dur-base) var(--oa-ease-out);
--oa-transition-slow: var(--oa-dur-slow) var(--oa-ease-out);
--oa-shadow-low: 0 1px 2px #07060a73,
0 1px 3px #07060a40;
--oa-shadow-medium: 0 4px 8px #07060a66,
0 2px 4px #07060a40;
--oa-shadow-high: 0 16px 36px #07060a8c,
0 6px 12px #07060a59;
--oa-shadow-floating: 0 24px 48px #07060a99,
0 8px 16px #07060a66,
inset 0 1px 0 #f7f3ee0a;
--oa-glass-bg: #131019b8;
--oa-glass-border: #f7f3ee0f;
--oa-glass-blur: 18px;
--oa-focus-ring: 0 0 0 2px #e8901a2e,
inset 0 0 0 1px #e8901a80;
--oa-focus-ring-danger: 0 0 0 2px #ff6b6b2e,
inset 0 0 0 1px #ff6b6b80;
--primary: var(--oa-brand-500);
--primary-foreground: #1a1108;
--secondary: var(--oa-surface-3);
--secondary-foreground: var(--oa-ink-1);
--destructive: var(--oa-danger);
--destructive-foreground: var(--oa-ink-1);
--muted: var(--oa-surface-2);
--muted-foreground: var(--oa-ink-3);
--accent: var(--oa-pulse-500);
--accent-foreground: #06201d;
--background: var(--oa-surface-0);
--foreground: var(--oa-ink-1);
--card: var(--oa-surface-1);
--card-foreground: var(--oa-ink-1);
--popover: var(--oa-surface-2);
--popover-foreground: var(--oa-ink-1);
--border: var(--oa-surface-4);
--input: var(--oa-surface-3);
--ring: var(--oa-brand-500);
--ring-offset-color: var(--oa-surface-0);
}
.oa-glass {
background: var(--oa-glass-bg);
-webkit-backdrop-filter: blur(var(--oa-glass-blur)) saturate(140%);
border: 1px solid var(--oa-glass-border);
}
.oa-glass-strong {
-webkit-backdrop-filter: blur(28px) saturate(160%);
border: 1px solid var(--oa-glass-border);
background: #131019e0;
}
.oa-hairline {
background: linear-gradient(to right, transparent 0%, var(--oa-surface-4) 12%, var(--oa-surface-4) 88%, transparent 100%);
height: 1px;
}
.oa-focus-ring:focus-visible {
box-shadow: var(--oa-focus-ring);
outline: none;
}
.oa-focus-ring-danger:focus-visible {
box-shadow: var(--oa-focus-ring-danger);
outline: none;
}
.oa-focus-outline:focus-visible {
outline: 2px solid var(--oa-brand-500);
outline-offset: 2px;
}
.oa-surface-shine {
box-shadow: inset 0 1px #f7f3ee0d, 0 1px 2px #07060a4d;
}
.oa-scrollbar::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.oa-scrollbar::-webkit-scrollbar-track {
background: none;
}
.oa-scrollbar::-webkit-scrollbar-thumb {
background: var(--oa-surface-4);
border-radius: 3px;
}
.oa-scrollbar::-webkit-scrollbar-thumb:hover {
background: var(--oa-surface-5);
}
.oa-scrollbar-none::-webkit-scrollbar {
display: none;
}
.oa-scrollbar-none {
-ms-overflow-style: none;
scrollbar-width: none;
}
@keyframes oa-pulse {
0%, 100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: .55;
transform: scale(.92);
}
}
.oa-pulse {
animation: oa-pulse 1.4s var(--oa-ease-in-out) infinite;
}
@keyframes oa-shimmer {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
.oa-shimmer {
background-image: linear-gradient(90deg, var(--oa-surface-3) 0%, var(--oa-surface-4) 50%, var(--oa-surface-3) 100%);
background-size: 200% 100%;
animation: 1.6s linear infinite oa-shimmer;
}
@media (prefers-reduced-motion: reduce) {
.oa-pulse, .oa-shimmer {
animation: none;
}
}
@font-face {
font-family: Geist;
src: url("../media/Geist-Variable.0wwoifih_22r-.woff2") format("woff2-variations"), url("../media/Geist-Variable.0wwoifih_22r-.woff2") format("woff2");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Geist;
src: url("../media/Geist-Italic-Variable.18dqr2khs782p.woff2") format("woff2-variations"), url("../media/Geist-Italic-Variable.18dqr2khs782p.woff2") format("woff2");
font-weight: 100 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Geist Mono;
src: url("../media/GeistMono-Variable.075j-3l5ydswj.woff2") format("woff2-variations"), url("../media/GeistMono-Variable.075j-3l5ydswj.woff2") format("woff2");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Newsreader;
src: url("../media/Newsreader-Variable.0ahck4euig6od.woff2") format("woff2-variations"), url("../media/Newsreader-Variable.0ahck4euig6od.woff2") format("woff2");
font-weight: 200 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Newsreader;
src: url("../media/Newsreader-Italic-Variable.0pcg0xhu3ldt4.woff2") format("woff2-variations"), url("../media/Newsreader-Italic-Variable.0pcg0xhu3ldt4.woff2") format("woff2");
font-weight: 200 800;
font-style: italic;
font-display: swap;
}
.oa-grain {
isolation: isolate;
position: relative;
}
.oa-grain:after {
content: "";
z-index: 1;
pointer-events: none;
opacity: .04;
mix-blend-mode: overlay;
background-image: url("data:image/svg+xml;utf8,");
background-size: 200px 200px;
position: absolute;
inset: 0;
}
.oa-grain-strong:after {
opacity: .08;
}
.oa-halo-brand {
isolation: isolate;
position: relative;
}
.oa-halo-brand:before {
content: "";
z-index: 0;
pointer-events: none;
background: radial-gradient(60% 80% at 100% 0, #e8901a14 0%, #e8901a05 35%, #0000 65%);
position: absolute;
inset: 0;
}
.oa-halo-pulse {
isolation: isolate;
position: relative;
}
.oa-halo-pulse:before {
content: "";
z-index: 0;
pointer-events: none;
background: radial-gradient(60% 80% at 0 100%, #4fd1c514 0%, #4fd1c505 35%, #0000 65%);
position: absolute;
inset: 0;
}
.oa-rule {
background: linear-gradient(to right, #0000 0%, #f7f3ee0f 12% 88%, #0000 100%);
width: 100%;
height: 1px;
position: relative;
}
.oa-rule-decorative {
background: linear-gradient(to right, #0000, #e8901a2e, #0000);
width: 100%;
height: 1px;
position: relative;
box-shadow: 0 0 8px #e8901a1f;
}
.oa-card-lift {
transition: transform var(--oa-dur-base, .24s) var(--oa-ease-out, cubic-bezier(.16, 1, .3, 1)), box-shadow var(--oa-dur-base, .24s) var(--oa-ease-out, cubic-bezier(.16, 1, .3, 1));
}
.oa-card-lift:hover {
transform: translateY(-1px);
box-shadow: 0 8px 24px #07060a66, 0 2px 6px #07060a40;
}
.oa-tactile {
transition: transform 80ms var(--oa-ease-out, cubic-bezier(.16, 1, .3, 1));
}
.oa-tactile:active {
transform: scale(.97);
}
@media (prefers-reduced-motion: reduce) {
.oa-card-lift, .oa-tactile {
transition: none;
}
.oa-card-lift:hover, .oa-tactile:active {
transform: none;
}
}
.oa-noise-overlay:before {
content: "";
pointer-events: none;
opacity: .04;
mix-blend-mode: overlay;
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
position: absolute;
inset: 0;
}
[data-theme="dark"] {
--oa-surface-0: #07060a;
--oa-surface-1: #0c0a10;
--oa-surface-2: #131019;
--oa-surface-3: #1c1825;
--oa-surface-4: #2a2434;
--oa-surface-5: #3a3346;
--oa-ink-1: #f7f3ee;
--oa-ink-2: #c9c2b8;
--oa-ink-3: #8a8479;
--oa-ink-4: #595449;
--oa-brand-500: #e8901a;
--oa-pulse-500: #4fd1c5;
--background: #07060a;
--foreground: #f7f3ee;
--card: #0c0a10;
--popover: #131019;
--border: #2a2434;
--input: #1c1825;
--ring: #e8901a;
}
html, body {
max-width: 100vw;
height: 100dvh;
overflow: hidden;
}
html[data-bg="transparent"], html[data-bg="transparent"] body {
background: none !important;
}
@media (max-width: 640px) {
[data-radix-dialog-content] {
border-radius: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
height: 100dvh !important;
max-height: 100dvh !important;
top: 0 !important;
left: 0 !important;
transform: none !important;
}
button:not([role="tab"]):not(.no-mobile-tap-min), [role="button"]:not(.no-mobile-tap-min) {
min-width: 44px;
min-height: 44px;
}
[role="tablist"] {
scrollbar-width: none;
overflow-x: auto;
flex-wrap: nowrap !important;
}
[role="tablist"]::-webkit-scrollbar {
display: none;
}
[role="tab"] {
flex-shrink: 0;
min-height: 40px;
}
.persona-side-panel {
width: 100vw !important;
max-width: 100vw !important;
}
.group .opacity-0.group-hover\:opacity-100 {
opacity: 1;
}
.control-bar-compact {
gap: .5rem;
}
}
@media (max-height: 500px) and (orientation: landscape) {
.persona-chat-panel {
height: 45dvh !important;
max-height: 45dvh !important;
}
}
.scrollbar-thin {
scrollbar-width: thin;
scrollbar-color: #ffffff1a transparent;
}
.scrollbar-thin::-webkit-scrollbar {
width: 4px;
}
.scrollbar-thin::-webkit-scrollbar-track {
background: none;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
background: #ffffff1a;
border-radius: 2px;
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
background: #fff3;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(12px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.animate-fade-in {
animation: .3s ease-out fadeIn;
}
.animate-slide-up {
animation: .3s ease-out slideUp;
}
@media (prefers-reduced-motion: reduce) {
*, :before, :after {
scroll-behavior: auto !important;
transition-duration: .01ms !important;
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
}
}
.custom-scrollbar {
scrollbar-width: thin;
scrollbar-color: #ffffff14 transparent;
}
.custom-scrollbar::-webkit-scrollbar {
width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
background: none;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background: #ffffff14;
border-radius: 2px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
background: #ffffff26;
}
@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-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-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: "";
}
@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;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes pulse {
50% {
opacity: .5;
}
}
@keyframes bounce {
0%, 100% {
animation-timing-function: cubic-bezier(.8, 0, 1, 1);
transform: translateY(-25%);
}
50% {
animation-timing-function: cubic-bezier(0, 0, .2, 1);
transform: none;
}
}
/*# sourceMappingURL=apps_web_src_app_globals_10btyws.css.map*/