@layer properties;
@font-face { font-family: "Inter Variable"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("fonts/inter-cyrillic-ext-wght-normal.woff2") format("woff2-variations"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Inter Variable"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("fonts/inter-cyrillic-wght-normal.woff2") format("woff2-variations"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Inter Variable"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("fonts/inter-greek-ext-wght-normal.woff2") format("woff2-variations"); unicode-range: U+1F00-1FFF; }
@font-face { font-family: "Inter Variable"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("fonts/inter-greek-wght-normal.woff2") format("woff2-variations"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: "Inter Variable"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("fonts/inter-vietnamese-wght-normal.woff2") format("woff2-variations"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Inter Variable"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("fonts/inter-latin-ext-wght-normal.woff2") format("woff2-variations"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter Variable"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("fonts/inter-latin-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope Variable"; font-style: normal; font-display: swap; font-weight: 200 800; src: url("fonts/manrope-cyrillic-ext-wght-normal.woff2") format("woff2-variations"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Manrope Variable"; font-style: normal; font-display: swap; font-weight: 200 800; src: url("fonts/manrope-cyrillic-wght-normal.woff2") format("woff2-variations"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Manrope Variable"; font-style: normal; font-display: swap; font-weight: 200 800; src: url("fonts/manrope-greek-wght-normal.woff2") format("woff2-variations"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: "Manrope Variable"; font-style: normal; font-display: swap; font-weight: 200 800; src: url("fonts/manrope-vietnamese-wght-normal.woff2") format("woff2-variations"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Manrope Variable"; font-style: normal; font-display: swap; font-weight: 200 800; src: url("fonts/manrope-latin-ext-wght-normal.woff2") format("woff2-variations"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Manrope Variable"; font-style: normal; font-display: swap; font-weight: 200 800; src: url("fonts/manrope-latin-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-display: swap; font-weight: 400; src: url("fonts/jetbrains-mono-cyrillic-ext-400-normal.woff2") format("woff2"), url("/node_modules/@fontsource/jetbrains-mono/files/jetbrains-mono-cyrillic-ext-400-normal.woff") format("woff"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-display: swap; font-weight: 400; src: url("fonts/jetbrains-mono-cyrillic-400-normal.woff2") format("woff2"), url("/node_modules/@fontsource/jetbrains-mono/files/jetbrains-mono-cyrillic-400-normal.woff") format("woff"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-display: swap; font-weight: 400; src: url("fonts/jetbrains-mono-greek-400-normal.woff2") format("woff2"), url("/node_modules/@fontsource/jetbrains-mono/files/jetbrains-mono-greek-400-normal.woff") format("woff"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-display: swap; font-weight: 400; src: url("fonts/jetbrains-mono-vietnamese-400-normal.woff2") format("woff2"), url("/node_modules/@fontsource/jetbrains-mono/files/jetbrains-mono-vietnamese-400-normal.woff") format("woff"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-display: swap; font-weight: 400; src: url("fonts/jetbrains-mono-latin-ext-400-normal.woff2") format("woff2"), url("/node_modules/@fontsource/jetbrains-mono/files/jetbrains-mono-latin-ext-400-normal.woff") format("woff"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-display: swap; font-weight: 400; src: url("fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2"), url("/node_modules/@fontsource/jetbrains-mono/files/jetbrains-mono-latin-400-normal.woff") format("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-display: swap; font-weight: 500; src: url("fonts/jetbrains-mono-cyrillic-ext-500-normal.woff2") format("woff2"), url("/node_modules/@fontsource/jetbrains-mono/files/jetbrains-mono-cyrillic-ext-500-normal.woff") format("woff"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-display: swap; font-weight: 500; src: url("fonts/jetbrains-mono-cyrillic-500-normal.woff2") format("woff2"), url("/node_modules/@fontsource/jetbrains-mono/files/jetbrains-mono-cyrillic-500-normal.woff") format("woff"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-display: swap; font-weight: 500; src: url("fonts/jetbrains-mono-greek-500-normal.woff2") format("woff2"), url("/node_modules/@fontsource/jetbrains-mono/files/jetbrains-mono-greek-500-normal.woff") format("woff"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-display: swap; font-weight: 500; src: url("fonts/jetbrains-mono-vietnamese-500-normal.woff2") format("woff2"), url("/node_modules/@fontsource/jetbrains-mono/files/jetbrains-mono-vietnamese-500-normal.woff") format("woff"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-display: swap; font-weight: 500; src: url("fonts/jetbrains-mono-latin-ext-500-normal.woff2") format("woff2"), url("/node_modules/@fontsource/jetbrains-mono/files/jetbrains-mono-latin-ext-500-normal.woff") format("woff"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-display: swap; font-weight: 500; src: url("fonts/jetbrains-mono-latin-500-normal.woff2") format("woff2"), url("/node_modules/@fontsource/jetbrains-mono/files/jetbrains-mono-latin-500-normal.woff") format("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@layer theme, base, components, utilities;
@layer theme {
:root, :host { --font-sans: "Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
sans-serif; --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace; --color-amber-400: oklch(82.8% 0.189 84.429); --color-emerald-400: oklch(76.5% 0.177 163.223); --color-teal-400: oklch(77.7% 0.152 181.912); --color-teal-500: oklch(70.4% 0.14 182.503); --color-teal-700: oklch(51.1% 0.096 186.391); --color-blue-300: oklch(80.9% 0.105 251.813); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-700: oklch(48.8% 0.243 264.376); --color-indigo-300: oklch(78.5% 0.115 274.713); --color-violet-400: oklch(70.2% 0.183 293.541); --color-violet-500: oklch(60.6% 0.25 292.717); --color-violet-700: oklch(49.1% 0.27 292.581); --color-pink-400: oklch(71.8% 0.202 349.761); --color-pink-500: oklch(65.6% 0.241 354.308); --color-pink-700: oklch(52.5% 0.223 3.958); --color-rose-200: oklch(89.2% 0.058 10.001); --color-rose-300: oklch(81% 0.117 11.638); --color-rose-400: oklch(71.2% 0.194 13.428); --color-slate-900: oklch(20.8% 0.042 265.755); --color-zinc-400: oklch(70.5% 0.015 286.067); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-black: 900; --tracking-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0.23, 1, 0.32, 1); --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-sm: 8px; --blur-xl: 24px; --aspect-video: 16 / 9; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: "Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
sans-serif; --default-mono-font-family: var(--font-mono); --color-background: var(--background); --color-foreground: var(--foreground); --color-border: var(--border); }
}
@layer base {
*, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0px; padding: 0px; border: 0px solid; }
html, :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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: 0px; color: inherit; border-top-width: 1px; }
abbr:where([title]) { text-decoration: underline dotted; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
progress { vertical-align: baseline; }
summary { display: list-item; }
ol, ul, menu { list-style: none; }
img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; border-radius: 0px; background-color: transparent; opacity: 1; }
:where(select:is([multiple], [size])) optgroup { font-weight: bolder; }
:where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }
::file-selector-button { margin-inline-end: 4px; }
::placeholder { opacity: 1; }
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(currentcolor, transparent);
}
}
}
textarea { resize: vertical; }
::-webkit-search-decoration { appearance: none; }
::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
::-webkit-datetime-edit { display: inline-flex; }
::-webkit-datetime-edit-fields-wrapper { padding: 0px; }
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
::-webkit-calendar-picker-indicator { line-height: 1; }
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
[hidden]:where(:not([hidden="until-found"])) { display: none !important; }
}
@layer utilities {
.\@container { container-type: inline-size; }
.card-sheen::before { content: ""; position: absolute; inset: 0px; pointer-events: none; opacity: 0.22; mix-blend-mode: overlay; background-image: url("data:image/svg+xml;utf8,"); }
.card-sheen::after { content: ""; position: absolute; inset: 0px; pointer-events: none; border-radius: inherit; background-image: radial-gradient( 60% 80% at var(--mx, 25%) var(--my, 10%), rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 60% ), linear-gradient(115deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 38%); box-shadow: rgba(255, 255, 255, 0.28) 0px 1px 0px inset, rgba(0, 0, 0, 0.35) 0px -1px 0px inset, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset; }
.pointer-events-auto { pointer-events: auto; }
.pointer-events-none { pointer-events: none; }
.collapse { visibility: collapse; }
.invisible { visibility: hidden; }
.visible { visibility: visible; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0px; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.relative { position: relative; }
.static { position: static; }
.sticky { position: sticky; }
.inset-0 { inset: 0px; }
.inset-x-0 { inset-inline: 0px; }
.inset-x-2 { inset-inline: calc(var(--spacing) * 2); }
.inset-x-3 { inset-inline: calc(var(--spacing) * 3); }
.inset-y-0 { inset-block: 0px; }
.inset-y-1 { inset-block: var(--spacing); }
.inset-y-3 { inset-block: calc(var(--spacing) * 3); }
.inset-y-\[3px\] { inset-block: 3px; }
.-top-0\.5 { top: calc(var(--spacing) * -0.5); }
.-top-1\.5 { top: calc(var(--spacing) * -1.5); }
.-top-2\.5 { top: calc(var(--spacing) * -2.5); }
.-top-10 { top: calc(var(--spacing) * -10); }
.-top-12 { top: calc(var(--spacing) * -12); }
.top-0 { top: 0px; }
.top-1\.5 { top: calc(var(--spacing) * 1.5); }
.top-1\/2 { top: calc(50%); }
.top-2 { top: calc(var(--spacing) * 2); }
.top-2\.5 { top: calc(var(--spacing) * 2.5); }
.top-3 { top: calc(var(--spacing) * 3); }
.top-4 { top: calc(var(--spacing) * 4); }
.top-6 { top: calc(var(--spacing) * 6); }
.top-7 { top: calc(var(--spacing) * 7); }
.top-10 { top: calc(var(--spacing) * 10); }
.top-\[7px\] { top: 7px; }
.top-\[12vh\] { top: 12vh; }
.top-\[50\%\] { top: 50%; }
.top-\[calc\(50\%\+40px\)\] { top: calc(50% + 40px); }
.-right-0\.5 { right: calc(var(--spacing) * -0.5); }
.-right-1 { right: calc(var(--spacing) * -1); }
.-right-2\.5 { right: calc(var(--spacing) * -2.5); }
.-right-10 { right: calc(var(--spacing) * -10); }
.-right-12 { right: calc(var(--spacing) * -12); }
.right-1 { right: var(--spacing); }
.right-1\.5 { right: calc(var(--spacing) * 1.5); }
.right-2 { right: calc(var(--spacing) * 2); }
.right-2\.5 { right: calc(var(--spacing) * 2.5); }
.right-3 { right: calc(var(--spacing) * 3); }
.right-4 { right: calc(var(--spacing) * 4); }
.right-12 { right: calc(var(--spacing) * 12); }
.bottom-0 { bottom: 0px; }
.bottom-1 { bottom: var(--spacing); }
.bottom-2 { bottom: calc(var(--spacing) * 2); }
.bottom-10 { bottom: calc(var(--spacing) * 10); }
.bottom-24 { bottom: calc(var(--spacing) * 24); }
.bottom-\[92px\] { bottom: 92px; }
.bottom-\[164px\] { bottom: 164px; }
.bottom-\[max\(12px\,env\(safe-area-inset-bottom\)\)\] { bottom: max(12px, env(safe-area-inset-bottom)); }
.left-0 { left: 0px; }
.left-1\/2 { left: calc(50%); }
.left-2 { left: calc(var(--spacing) * 2); }
.left-2\.5 { left: calc(var(--spacing) * 2.5); }
.left-3 { left: calc(var(--spacing) * 3); }
.left-4 { left: calc(var(--spacing) * 4); }
.left-\[11px\] { left: 11px; }
.left-\[13px\] { left: 13px; }
.left-\[31px\] { left: 31px; }
.left-\[50\%\] { left: 50%; }
.isolate { isolation: isolate; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-40 { z-index: 40; }
.z-50 { z-index: 50; }
.z-\[1\] { z-index: 1; }
.z-\[45\] { z-index: 45; }
.z-\[46\] { z-index: 46; }
.z-\[100\] { z-index: 100; }
.order-7 { order: 7; }
.order-first { order: -9999; }
.col-span-2 { grid-column: span 2 / span 2; }
.col-span-3 { grid-column: span 3 / span 3; }
.col-span-full { grid-column: 1 / -1; }
.col-start-2 { grid-column-start: 2; }
.row-span-2 { grid-row: span 2 / span 2; }
.container {
width: 100%;
@media (width >= 40rem) {
max-width: 40rem;
}
@media (width >= 48rem) {
max-width: 48rem;
}
@media (width >= 45.25rem) {
max-width: 64rem;
}
@media (width >= 61.25rem) {
max-width: 80rem;
}
@media (width >= 77.25rem) {
max-width: 96rem;
}
@media (width >= 101.25rem) {
max-width: 120rem;
}
@media (width >= 141.25rem) {
max-width: 160rem;
}
}
.m-3 { margin: calc(var(--spacing) * 3); }
.-mx-1 { margin-inline: calc(var(--spacing) * -1); }
.-mx-2 { margin-inline: calc(var(--spacing) * -2); }
.-mx-6 { margin-inline: calc(var(--spacing) * -6); }
.-mx-\[18px\] { margin-inline: calc(-18px); }
.mx-0 { margin-inline: 0px; }
.mx-0\.5 { margin-inline: calc(var(--spacing) * 0.5); }
.mx-1 { margin-inline: var(--spacing); }
.mx-2 { margin-inline: calc(var(--spacing) * 2); }
.mx-3 { margin-inline: calc(var(--spacing) * 3); }
.mx-\[18px\] { margin-inline: 18px; }
.mx-auto { margin-inline: auto; }
.-my-1 { margin-block: calc(var(--spacing) * -1); }
.my-1 { margin-block: var(--spacing); }
.my-6 { margin-block: calc(var(--spacing) * 6); }
.my-8 { margin-block: calc(var(--spacing) * 8); }
.my-10 { margin-block: calc(var(--spacing) * 10); }
.prose {
color: var(--tw-prose-body); max-width: 65ch;
& :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; }
& :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; }
& :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; }
& :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; }
& :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; }
& :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; }
& :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; }
& :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; }
& :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; }
& :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; }
& :where():not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; }
& :where():not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; }
& :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; }
& :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; }
& :where():not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; }
& :where():not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; }
& :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: decimal; }
& :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; }
& :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); }
& :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); }
& :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; }
& :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; }
& :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "“" "”" "‘" "’"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; }
& :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::before { content: open-quote; }
& :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { content: close-quote; }
& :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0px; margin-bottom: 0.888889em; line-height: 1.11111; }
& :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 900; color: inherit; }
& :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.33333; }
& :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 800; color: inherit; }
& :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; }
& :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 700; color: inherit; }
& :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; }
& :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 700; color: inherit; }
& :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
& :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; }
& :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
& :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline: 0.375em; padding-bottom: 0.1875em; }
& :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; }
& :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before { content: "`"; }
& :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { content: "`"; }
& :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; }
& :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; }
& :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: 0.875em; }
& :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: 0.9em; }
& :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; }
& :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; }
& :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; }
& :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.71429; margin-top: 1.71429em; margin-bottom: 1.71429em; border-radius: 0.375rem; padding-top: 0.857143em; padding-inline: 1.14286em; padding-bottom: 0.857143em; }
& :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { background-color: transparent; border-width: 0px; border-radius: 0px; padding: 0px; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; }
& :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before { content: none; }
& :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { content: none; }
& :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.71429; }
& :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); }
& :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-inline: 0.571429em; padding-bottom: 0.571429em; }
& :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); }
& :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 0px; }
& :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: baseline; }
& :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); }
& :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: top; }
& :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-align: start; }
& :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
& :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.42857; margin-top: 0.857143em; }
--tw-prose-body: oklch(37.3% 0.034 259.733); --tw-prose-headings: oklch(21% 0.034 264.665); --tw-prose-lead: oklch(44.6% 0.03 256.802); --tw-prose-links: oklch(21% 0.034 264.665); --tw-prose-bold: oklch(21% 0.034 264.665); --tw-prose-counters: oklch(55.1% 0.027 264.364); --tw-prose-bullets: oklch(87.2% 0.01 258.338); --tw-prose-hr: oklch(92.8% 0.006 264.531); --tw-prose-quotes: oklch(21% 0.034 264.665); --tw-prose-quote-borders: oklch(92.8% 0.006 264.531); --tw-prose-captions: oklch(55.1% 0.027 264.364); --tw-prose-kbd: oklch(21% 0.034 264.665); --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent); --tw-prose-code: oklch(21% 0.034 264.665); --tw-prose-pre-code: oklch(92.8% 0.006 264.531); --tw-prose-pre-bg: oklch(27.8% 0.033 256.848); --tw-prose-th-borders: oklch(87.2% 0.01 258.338); --tw-prose-td-borders: oklch(92.8% 0.006 264.531); --tw-prose-invert-body: oklch(87.2% 0.01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% 0.022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% 0.022 261.325); --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802); --tw-prose-invert-hr: oklch(37.3% 0.034 259.733); --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733); --tw-prose-invert-captions: oklch(70.7% 0.022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338); --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802); --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733); font-size: 1rem; line-height: 1.75;
& :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
& :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; }
& :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0.375em; }
& :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0.375em; }
& :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; }
& :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; }
& :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; }
& :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; }
& :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; }
& :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; }
& :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; }
& :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; }
& :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
& :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
& :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
& :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
& :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0px; }
& :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; }
& :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 0.571429em; padding-inline: 0.571429em; padding-bottom: 0.571429em; }
& :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0px; }
& :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; }
& :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
& :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
& :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0px; }
}
.prose-sm {
font-size: 0.875rem; line-height: 1.71429;
& :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; }
& :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 1.28571em; line-height: 1.55556; margin-top: 0.888889em; margin-bottom: 0.888889em; }
& :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; padding-inline-start: 1.11111em; }
& :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 2.14286em; margin-top: 0px; margin-bottom: 0.8em; line-height: 1.2; }
& :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 1.42857em; margin-top: 1.6em; margin-bottom: 0.8em; line-height: 1.4; }
& :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 1.28571em; margin-top: 1.55556em; margin-bottom: 0.444444em; line-height: 1.55556; }
& :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.42857em; margin-bottom: 0.571429em; line-height: 1.42857; }
& :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; }
& :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; }
& :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
& :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; }
& :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.857143em; border-radius: 0.3125rem; padding-top: 0.142857em; padding-inline: 0.357143em; padding-bottom: 0.142857em; }
& :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.857143em; }
& :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.9em; }
& :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.888889em; }
& :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.857143em; line-height: 1.66667; margin-top: 1.66667em; margin-bottom: 1.66667em; border-radius: 0.25rem; padding-top: 0.666667em; padding-inline: 1em; padding-bottom: 0.666667em; }
& :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; padding-inline-start: 1.57143em; }
& :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; padding-inline-start: 1.57143em; }
& :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.285714em; margin-bottom: 0.285714em; }
& :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0.428571em; }
& :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0.428571em; }
& :where(.prose-sm > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.571429em; margin-bottom: 0.571429em; }
& :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; }
& :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.14286em; }
& :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; }
& :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.14286em; }
& :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.571429em; margin-bottom: 0.571429em; }
& :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; }
& :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; }
& :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.285714em; padding-inline-start: 1.57143em; }
& :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2.85714em; margin-bottom: 2.85714em; }
& :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
& :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
& :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
& :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
& :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.857143em; line-height: 1.5; }
& :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline: 1em; padding-bottom: 0.666667em; }
& :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0px; }
& :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; }
& :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 0.666667em; padding-inline: 1em; padding-bottom: 0.666667em; }
& :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0px; }
& :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; }
& :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; }
& :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
& :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.857143em; line-height: 1.33333; margin-top: 0.666667em; }
& :where(.prose-sm > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
& :where(.prose-sm > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0px; }
}
.-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\.5 { margin-top: calc(var(--spacing) * -3.5); }
.mt-0 { margin-top: 0px; }
.mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); }
.mt-1 { margin-top: var(--spacing); }
.mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); }
.mt-2 { margin-top: calc(var(--spacing) * 2); }
.mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); }
.mt-3 { margin-top: calc(var(--spacing) * 3); }
.mt-3\.5 { margin-top: calc(var(--spacing) * 3.5); }
.mt-4 { margin-top: calc(var(--spacing) * 4); }
.mt-5 { margin-top: calc(var(--spacing) * 5); }
.mt-6 { margin-top: calc(var(--spacing) * 6); }
.mt-10 { margin-top: calc(var(--spacing) * 10); }
.mt-\[7px\] { margin-top: 7px; }
.mt-auto { margin-top: auto; }
.mt-px { margin-top: 1px; }
.-mr-1 { margin-right: calc(var(--spacing) * -1); }
.mr-0 { margin-right: 0px; }
.mr-1 { margin-right: var(--spacing); }
.mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); }
.mr-2 { margin-right: calc(var(--spacing) * 2); }
.mr-auto { margin-right: auto; }
.-mb-\[18px\] { margin-bottom: calc(-18px); }
.mb-1 { margin-bottom: var(--spacing); }
.mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); }
.mb-2 { margin-bottom: calc(var(--spacing) * 2); }
.mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); }
.mb-3 { margin-bottom: calc(var(--spacing) * 3); }
.mb-3\.5 { margin-bottom: calc(var(--spacing) * 3.5); }
.mb-4 { margin-bottom: calc(var(--spacing) * 4); }
.mb-\[18px\] { margin-bottom: 18px; }
.-ml-1 { margin-left: calc(var(--spacing) * -1); }
.-ml-2 { margin-left: calc(var(--spacing) * -2); }
.ml-1 { margin-left: var(--spacing); }
.ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); }
.ml-2 { margin-left: calc(var(--spacing) * 2); }
.ml-\[17px\] { margin-left: 17px; }
.ml-auto { margin-left: auto; }
.line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.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; }
.table { display: table; }
.aspect-\[1\.586\/1\] { aspect-ratio: 1.586 / 1; }
.aspect-\[2\/1\] { aspect-ratio: 2 / 1; }
.aspect-square { aspect-ratio: 1 / 1; }
.aspect-video { aspect-ratio: var(--aspect-video); }
.size-\(--cell-size\) { width: var(--cell-size); height: var(--cell-size); }
.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-2\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); }
.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-4\.5 { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5); }
.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-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); }
.size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); }
.size-44 { width: calc(var(--spacing) * 44); height: calc(var(--spacing) * 44); }
.size-\[7px\] { width: 7px; height: 7px; }
.size-\[13px\] { width: 13px; height: 13px; }
.size-\[15px\] { width: 15px; height: 15px; }
.size-\[18px\] { width: 18px; height: 18px; }
.size-\[22px\] { width: 22px; height: 22px; }
.size-\[26px\] { width: 26px; height: 26px; }
.size-\[34px\] { width: 34px; height: 34px; }
.size-\[38px\] { width: 38px; height: 38px; }
.size-\[200px\] { width: 200px; height: 200px; }
.size-full { width: 100%; height: 100%; }
.h-\(--cell-size\) { height: var(--cell-size); }
.h-0 { height: 0px; }
.h-0\.5 { height: calc(var(--spacing) * 0.5); }
.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-14 { height: calc(var(--spacing) * 14); }
.h-16 { height: calc(var(--spacing) * 16); }
.h-20 { height: calc(var(--spacing) * 20); }
.h-24 { height: calc(var(--spacing) * 24); }
.h-44 { height: calc(var(--spacing) * 44); }
.h-52 { height: calc(var(--spacing) * 52); }
.h-\[3px\] { height: 3px; }
.h-\[17px\] { height: 17px; }
.h-\[18px\] { height: 18px; }
.h-\[26px\] { height: 26px; }
.h-\[30px\] { height: 30px; }
.h-\[32rem\] { height: 32rem; }
.h-\[38px\] { height: 38px; }
.h-\[180px\] { height: 180px; }
.h-\[calc\(100dvh-24px\)\] { height: calc(100dvh - 24px); }
.h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); }
.h-auto { height: auto; }
.h-fit { height: fit-content; }
.h-full { height: 100%; }
.h-max { height: max-content; }
.h-px { height: 1px; }
.max-h-\(--radix-select-content-available-height\) { max-height: var(--radix-select-content-available-height); }
.max-h-28 { max-height: calc(var(--spacing) * 28); }
.max-h-32 { max-height: calc(var(--spacing) * 32); }
.max-h-40 { max-height: calc(var(--spacing) * 40); }
.max-h-48 { max-height: calc(var(--spacing) * 48); }
.max-h-56 { max-height: calc(var(--spacing) * 56); }
.max-h-60 { max-height: calc(var(--spacing) * 60); }
.max-h-64 { max-height: calc(var(--spacing) * 64); }
.max-h-72 { max-height: calc(var(--spacing) * 72); }
.max-h-80 { max-height: calc(var(--spacing) * 80); }
.max-h-96 { max-height: calc(var(--spacing) * 96); }
.max-h-\[46vh\] { max-height: 46vh; }
.max-h-\[60vh\] { max-height: 60vh; }
.max-h-\[75vh\] { max-height: 75vh; }
.max-h-\[80dvh\] { max-height: 80dvh; }
.max-h-\[85vh\] { max-height: 85vh; }
.max-h-\[90dvh\] { max-height: 90dvh; }
.max-h-\[90vh\] { max-height: 90vh; }
.max-h-\[92vh\] { max-height: 92vh; }
.max-h-\[420px\] { max-height: 420px; }
.max-h-\[480px\] { max-height: 480px; }
.max-h-\[calc\(100dvh-2rem\)\] { max-height: calc(100dvh - 2rem); }
.max-h-\[min\(60vh\,34rem\)\] { max-height: min(60vh, 34rem); }
.max-h-\[min\(85dvh\,46rem\)\] { max-height: min(85dvh, 46rem); }
.max-h-\[min\(420px\,60dvh\)\] { max-height: min(420px, 60dvh); }
.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] { max-height: var(--radix-dropdown-menu-content-available-height); }
.min-h-0 { min-height: 0px; }
.min-h-8 { min-height: calc(var(--spacing) * 8); }
.min-h-10 { min-height: calc(var(--spacing) * 10); }
.min-h-11 { min-height: calc(var(--spacing) * 11); }
.min-h-24 { min-height: calc(var(--spacing) * 24); }
.min-h-40 { min-height: calc(var(--spacing) * 40); }
.min-h-56 { min-height: calc(var(--spacing) * 56); }
.min-h-\[2lh\] { min-height: 2lh; }
.min-h-\[30vh\] { min-height: 30vh; }
.min-h-\[40vh\] { min-height: 40vh; }
.min-h-\[60px\] { min-height: 60px; }
.min-h-\[60vh\] { min-height: 60vh; }
.min-h-\[140px\] { min-height: 140px; }
.min-h-\[160px\] { min-height: 160px; }
.min-h-\[300px\] { min-height: 300px; }
.min-h-\[560px\] { min-height: 560px; }
.min-h-dvh { min-height: 100dvh; }
.min-h-full { min-height: 100%; }
.min-h-screen { min-height: 100vh; }
.w-\(--cell-size\) { width: var(--cell-size); }
.w-0 { width: 0px; }
.w-0\.5 { width: calc(var(--spacing) * 0.5); }
.w-1\.5 { width: calc(var(--spacing) * 1.5); }
.w-1\/3 { width: calc(33.3333%); }
.w-2 { width: calc(var(--spacing) * 2); }
.w-2\/5 { width: calc(40%); }
.w-3 { width: calc(var(--spacing) * 3); }
.w-3\.5 { width: calc(var(--spacing) * 3.5); }
.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-14 { width: calc(var(--spacing) * 14); }
.w-16 { width: calc(var(--spacing) * 16); }
.w-20 { width: calc(var(--spacing) * 20); }
.w-24 { width: calc(var(--spacing) * 24); }
.w-28 { width: calc(var(--spacing) * 28); }
.w-32 { width: calc(var(--spacing) * 32); }
.w-36 { width: calc(var(--spacing) * 36); }
.w-40 { width: calc(var(--spacing) * 40); }
.w-44 { width: calc(var(--spacing) * 44); }
.w-48 { width: calc(var(--spacing) * 48); }
.w-52 { width: calc(var(--spacing) * 52); }
.w-56 { width: calc(var(--spacing) * 56); }
.w-60 { width: calc(var(--spacing) * 60); }
.w-64 { width: calc(var(--spacing) * 64); }
.w-72 { width: calc(var(--spacing) * 72); }
.w-80 { width: calc(var(--spacing) * 80); }
.w-\[--radix-popover-trigger-width\] { }
.w-\[10\.5cqw\] { width: 10.5cqw; }
.w-\[12cqw\] { width: 12cqw; }
.w-\[15\%\] { width: 15%; }
.w-\[18px\] { width: 18px; }
.w-\[26\%\] { width: 26%; }
.w-\[28\%\] { width: 28%; }
.w-\[38\%\] { width: 38%; }
.w-\[70px\] { width: 70px; }
.w-\[72px\] { width: 72px; }
.w-\[75px\] { width: 75px; }
.w-\[120px\] { width: 120px; }
.w-\[132px\] { width: 132px; }
.w-\[140px\] { width: 140px; }
.w-\[150px\] { width: 150px; }
.w-\[160px\] { width: 160px; }
.w-\[168px\] { width: 168px; }
.w-\[170px\] { width: 170px; }
.w-\[180px\] { width: 180px; }
.w-\[190px\] { width: 190px; }
.w-\[230px\] { width: 230px; }
.w-\[232px\] { width: 232px; }
.w-\[260px\] { width: 260px; }
.w-\[calc\(100\%-24px\)\] { width: calc(100% - 24px); }
.w-\[calc\(100vw-1rem\)\] { width: calc(-1rem + 100vw); }
.w-\[min\(20rem\,calc\(100vw-2\.5rem\)\)\] { width: min(20rem, -2.5rem + 100vw); }
.w-\[min\(24rem\,calc\(100vw-2rem\)\)\] { width: min(24rem, -2rem + 100vw); }
.w-\[min\(300px\,32vw\)\] { width: min(300px, 32vw); }
.w-\[min\(560px\,calc\(100vw-24px\)\)\] { width: min(560px, -24px + 100vw); }
.w-auto { width: auto; }
.w-fit { width: fit-content; }
.w-full { width: 100%; }
.w-max { width: max-content; }
.w-px { width: 1px; }
.max-w-2xl { max-width: var(--container-2xl); }
.max-w-3xl { max-width: var(--container-3xl); }
.max-w-4xl { max-width: var(--container-4xl); }
.max-w-7xl { max-width: var(--container-7xl); }
.max-w-32 { max-width: calc(var(--spacing) * 32); }
.max-w-40 { max-width: calc(var(--spacing) * 40); }
.max-w-48 { max-width: calc(var(--spacing) * 48); }
.max-w-52 { max-width: calc(var(--spacing) * 52); }
.max-w-56 { max-width: calc(var(--spacing) * 56); }
.max-w-60 { max-width: calc(var(--spacing) * 60); }
.max-w-64 { max-width: calc(var(--spacing) * 64); }
.max-w-72 { max-width: calc(var(--spacing) * 72); }
.max-w-80 { max-width: calc(var(--spacing) * 80); }
.max-w-\[14rem\] { max-width: 14rem; }
.max-w-\[16rem\] { max-width: 16rem; }
.max-w-\[18rem\] { max-width: 18rem; }
.max-w-\[32rem\] { max-width: 32rem; }
.max-w-\[45\%\] { max-width: 45%; }
.max-w-\[70\%\] { max-width: 70%; }
.max-w-\[78\%\] { max-width: 78%; }
.max-w-\[92\%\] { max-width: 92%; }
.max-w-\[180px\] { max-width: 180px; }
.max-w-\[200px\] { max-width: 200px; }
.max-w-\[220px\] { max-width: 220px; }
.max-w-\[260px\] { max-width: 260px; }
.max-w-\[280px\] { max-width: 280px; }
.max-w-\[320px\] { max-width: 320px; }
.max-w-\[340px\] { max-width: 340px; }
.max-w-\[360px\] { max-width: 360px; }
.max-w-\[380px\] { max-width: 380px; }
.max-w-\[390px\] { max-width: 390px; }
.max-w-\[400px\] { max-width: 400px; }
.max-w-\[420px\] { max-width: 420px; }
.max-w-\[440px\] { max-width: 440px; }
.max-w-\[520px\] { max-width: 520px; }
.max-w-\[640px\] { max-width: 640px; }
.max-w-\[1280px\] { max-width: 1280px; }
.max-w-\[calc\(100\%-24px\)\] { max-width: calc(100% - 24px); }
.max-w-\[min\(640px\,calc\(100vw-48px\)\)\] { max-width: min(640px, -48px + 100vw); }
.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); }
.max-w-xs { max-width: var(--container-xs); }
.min-w-\(--cell-size\) { min-width: var(--cell-size); }
.min-w-0 { min-width: 0px; }
.min-w-4 { min-width: calc(var(--spacing) * 4); }
.min-w-5 { min-width: calc(var(--spacing) * 5); }
.min-w-6 { min-width: calc(var(--spacing) * 6); }
.min-w-7 { min-width: calc(var(--spacing) * 7); }
.min-w-12 { min-width: calc(var(--spacing) * 12); }
.min-w-36 { min-width: calc(var(--spacing) * 36); }
.min-w-48 { min-width: calc(var(--spacing) * 48); }
.min-w-56 { min-width: calc(var(--spacing) * 56); }
.min-w-72 { min-width: calc(var(--spacing) * 72); }
.min-w-80 { min-width: calc(var(--spacing) * 80); }
.min-w-\[8rem\] { min-width: 8rem; }
.min-w-\[10rem\] { min-width: 10rem; }
.min-w-\[11rem\] { min-width: 11rem; }
.min-w-\[12rem\] { min-width: 12rem; }
.min-w-\[13rem\] { min-width: 13rem; }
.min-w-\[14rem\] { min-width: 14rem; }
.min-w-\[16rem\] { min-width: 16rem; }
.min-w-\[17px\] { min-width: 17px; }
.min-w-\[18px\] { min-width: 18px; }
.min-w-\[22px\] { min-width: 22px; }
.min-w-\[88px\] { min-width: 88px; }
.min-w-\[110px\] { min-width: 110px; }
.min-w-\[200px\] { min-width: 200px; }
.min-w-\[860px\] { min-width: 860px; }
.min-w-\[min\(100\%\,14rem\)\] { min-width: min(100%, 14rem); }
.min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); }
.min-w-max { min-width: max-content; }
.flex-1 { flex: 1 1 0%; }
.shrink { flex-shrink: 1; }
.shrink-0 { flex-shrink: 0; }
.grow { flex-grow: 1; }
.basis-56 { flex-basis: calc(var(--spacing) * 56); }
.basis-60 { flex-basis: calc(var(--spacing) * 60); }
.basis-64 { flex-basis: calc(var(--spacing) * 64); }
.table-fixed { table-layout: fixed; }
.caption-bottom { caption-side: bottom; }
.border-collapse { border-collapse: collapse; }
.origin-\(--radix-dropdown-menu-content-transform-origin\) { transform-origin: var(--radix-dropdown-menu-content-transform-origin); }
.origin-\(--radix-popover-content-transform-origin\) { transform-origin: var(--radix-popover-content-transform-origin); }
.origin-\(--radix-select-content-transform-origin\) { transform-origin: var(--radix-select-content-transform-origin); }
.origin-\(--radix-tooltip-content-transform-origin\) { transform-origin: var(--radix-tooltip-content-transform-origin); }
.-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); 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-1 { rotate: 1deg; }
.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-caret-blink { animation: 1.25s ease-out 0s infinite normal none running caret-blink; }
.animate-in { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
.animate-pulse { animation: var(--animate-pulse); }
.animate-spin { animation: var(--animate-spin); }
.cursor-default { cursor: default; }
.cursor-grab { cursor: grab; }
.cursor-help { cursor: help; }
.cursor-pointer { cursor: pointer; }
.touch-none { touch-action: none; }
.resize { resize: both; }
.resize-none { resize: none; }
.scroll-mt-6 { scroll-margin-top: calc(var(--spacing) * 6); }
.scroll-mt-24 { scroll-margin-top: calc(var(--spacing) * 24); }
.\[scrollbar-width\:none\] { scrollbar-width: none; }
.\[scrollbar-width\:thin\] { scrollbar-width: thin; }
.\[scrollbar-gutter\:auto\] { scrollbar-gutter: auto; }
.list-decimal { list-style-type: decimal; }
.list-disc { list-style-type: disc; }
.\[appearance\:textfield\] { appearance: textfield; }
.auto-rows-fr { grid-auto-rows: minmax(0px, 1fr); }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
.grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
.grid-cols-8 { grid-template-columns: repeat(8, minmax(0px, 1fr)); }
.grid-cols-\[7rem_minmax\(0\,14rem\)_minmax\(0\,1fr\)\] { grid-template-columns: 7rem minmax(0px, 14rem) minmax(0px, 1fr); }
.grid-cols-\[8rem_minmax\(0\,1fr\)\] { grid-template-columns: 8rem minmax(0px, 1fr); }
.grid-cols-\[110px_minmax\(0\,1fr\)_56px\] { grid-template-columns: 110px minmax(0px, 1fr) 56px; }
.grid-cols-\[130px_minmax\(0\,1fr\)\] { grid-template-columns: 130px minmax(0px, 1fr); }
.grid-cols-\[auto_minmax\(0\,1fr\)\] { grid-template-columns: auto minmax(0px, 1fr); }
.grid-cols-\[auto_minmax\(0\,1fr\)_auto\] { grid-template-columns: auto minmax(0px, 1fr) auto; }
.grid-cols-\[max-content_minmax\(0\,1fr\)\] { grid-template-columns: max-content minmax(0px, 1fr); }
.grid-cols-\[minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 1fr); }
.grid-cols-\[minmax\(0\,1fr\)_7rem\] { grid-template-columns: minmax(0px, 1fr) 7rem; }
.grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0px, 1fr) auto; }
.grid-cols-\[minmax\(0\,1fr\)_auto_auto\] { grid-template-columns: minmax(0px, 1fr) auto auto; }
.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); }
.grid-cols-\[minmax\(0\,6\.5rem\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 6.5rem) minmax(0px, 1fr); }
.grid-cols-\[minmax\(0\,8rem\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 8rem) minmax(0px, 1fr); }
.grid-cols-\[minmax\(0\,8rem\)_minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0px, 8rem) minmax(0px, 1fr) auto; }
.grid-cols-\[minmax\(0\,9rem\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 9rem) minmax(0px, 1fr); }
.grid-cols-\[repeat\(auto-fill\,minmax\(300px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.flex-col { flex-direction: column; }
.flex-col-reverse { flex-direction: column-reverse; }
.flex-row { flex-direction: row; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-wrap { flex-wrap: wrap; }
.place-content-center { place-content: center; }
.place-items-center { place-items: center; }
.content-start { align-content: flex-start; }
.items-baseline { align-items: baseline; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.items-start { align-items: flex-start; }
.items-stretch { align-items: stretch; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.justify-start { justify-content: flex-start; }
.justify-items-center { justify-items: center; }
.gap-0 { gap: 0px; }
.gap-0\.5 { gap: calc(var(--spacing) * 0.5); }
.gap-1 { gap: var(--spacing); }
.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-3\.5 { gap: calc(var(--spacing) * 3.5); }
.gap-4 { gap: calc(var(--spacing) * 4); }
.gap-5 { gap: calc(var(--spacing) * 5); }
.gap-6 { gap: calc(var(--spacing) * 6); }
.gap-7 { gap: calc(var(--spacing) * 7); }
.gap-\[3px\] { gap: 3px; }
.gap-\[7px\] { gap: 7px; }
.gap-px { gap: 1px; }
:where(.space-y-0\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); }
:where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse)); margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse))); }
:where(.space-y-1\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); }
:where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); }
:where(.space-y-2\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); }
:where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); }
:where(.space-y-3\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse))); }
:where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); }
:where(.space-y-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))); }
.gap-x-1\.5 { column-gap: calc(var(--spacing) * 1.5); }
.gap-x-2 { column-gap: calc(var(--spacing) * 2); }
.gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); }
.gap-x-3 { column-gap: calc(var(--spacing) * 3); }
.gap-x-3\.5 { column-gap: calc(var(--spacing) * 3.5); }
.gap-x-4 { column-gap: calc(var(--spacing) * 4); }
.gap-x-5 { column-gap: calc(var(--spacing) * 5); }
.gap-x-6 { column-gap: calc(var(--spacing) * 6); }
.gap-x-8 { column-gap: calc(var(--spacing) * 8); }
.gap-x-10 { column-gap: calc(var(--spacing) * 10); }
.gap-y-0\.5 { row-gap: calc(var(--spacing) * 0.5); }
.gap-y-1 { row-gap: var(--spacing); }
.gap-y-1\.5 { row-gap: calc(var(--spacing) * 1.5); }
.gap-y-2 { row-gap: calc(var(--spacing) * 2); }
.gap-y-3 { row-gap: calc(var(--spacing) * 3); }
.gap-y-4 { row-gap: calc(var(--spacing) * 4); }
.gap-y-6 { row-gap: calc(var(--spacing) * 6); }
:where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); }
:where(.divide-border > :not(:last-child)) { border-color: var(--border); }
:where(.divide-white\/15 > :not(:last-child)) {
border-color: color-mix(in srgb, rgb(255, 255, 255) 15%, transparent 85%);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
.self-start { align-self: flex-start; }
.self-stretch { align-self: stretch; }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-x-auto { overflow-x: auto; }
.overflow-x-clip { overflow-x: clip; }
.overflow-x-hidden { overflow-x: hidden; }
.overflow-y-auto { overflow-y: auto; }
.overflow-y-hidden { overflow-y: hidden; }
.rounded { border-radius: 0.25rem; }
.rounded-2xl { border-radius: calc(var(--radius) + 8px); }
.rounded-\[2px\] { border-radius: 2px; }
.rounded-\[3\.715\%\/5\.891\%\] { border-radius: 3.715% / 5.891%; }
.rounded-\[3px\] { border-radius: 3px; }
.rounded-\[4px\] { border-radius: 4px; }
.rounded-\[5px\] { border-radius: 5px; }
.rounded-\[6px\] { border-radius: 6px; }
.rounded-\[7px\] { border-radius: 7px; }
.rounded-\[8px\] { border-radius: 8px; }
.rounded-\[9px\] { border-radius: 9px; }
.rounded-\[10px\] { border-radius: 10px; }
.rounded-\[11px\] { border-radius: 11px; }
.rounded-\[12px\] { border-radius: 12px; }
.rounded-\[14px\] { border-radius: 14px; }
.rounded-\[16px\] { border-radius: 16px; }
.rounded-\[18px\] { border-radius: 18px; }
.rounded-\[20px\] { border-radius: 20px; }
.rounded-\[21px\] { border-radius: 21px; }
.rounded-\[22px\] { border-radius: 22px; }
.rounded-\[23px\] { border-radius: 23px; }
.rounded-\[24px\] { border-radius: 24px; }
.rounded-\[25px\] { border-radius: 25px; }
.rounded-\[26px\] { border-radius: 26px; }
.rounded-full { border-radius: calc(infinity * 1px); }
.rounded-lg { border-radius: var(--radius); }
.rounded-md { border-radius: calc(var(--radius) - 2px); }
.rounded-none { border-radius: 0px; }
.rounded-sm { border-radius: calc(var(--radius) - 4px); }
.rounded-xl { border-radius: calc(var(--radius) + 4px); }
.rounded-l-md { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
.rounded-r-md { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
.rounded-b-2xl { border-bottom-right-radius: calc(var(--radius) + 8px); border-bottom-left-radius: calc(var(--radius) + 8px); }
.rounded-b-md { border-bottom-right-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
.rounded-br-sm { border-bottom-right-radius: calc(var(--radius) - 4px); }
.rounded-bl-sm { border-bottom-left-radius: calc(var(--radius) - 4px); }
.border { border-style: var(--tw-border-style); border-width: 1px; }
.border-0 { border-style: var(--tw-border-style); border-width: 0px; }
.border-2 { border-style: var(--tw-border-style); border-width: 2px; }
.border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; }
.border-\[3px\] { border-style: var(--tw-border-style); border-width: 3px; }
.border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; }
.border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
.border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0px; }
.border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; }
.border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; }
.border-dashed { --tw-border-style: dashed; border-style: dashed; }
.border-\[\#141726\] { border-color: rgb(20, 23, 38); }
.border-\[\#151925\] { border-color: rgb(21, 25, 37); }
.border-\[\#b8b2e8\] { border-color: rgb(184, 178, 232); }
.border-\[\#c9cedb\] { border-color: rgb(201, 206, 219); }
.border-\[\#cfd3dd\] { border-color: rgb(207, 211, 221); }
.border-\[\#d5d9e2\] { border-color: rgb(213, 217, 226); }
.border-\[\#dcdaf9\] { border-color: rgb(220, 218, 249); }
.border-\[\#dcdafb\] { border-color: rgb(220, 218, 251); }
.border-\[\#e1dcff\] { border-color: rgb(225, 220, 255); }
.border-\[\#f2c4c4\] { border-color: rgb(242, 196, 196); }
.border-\[\#f3d9a8\] { border-color: rgb(243, 217, 168); }
.border-action { border-color: var(--action); }
.border-bad-dot\/30 {
border-color: var(--bad-dot);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--bad-dot) 30%, transparent);
}
}
.border-bad\/25 {
border-color: var(--bad);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--bad) 25%, transparent);
}
}
.border-bad\/30 {
border-color: var(--bad);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--bad) 30%, transparent);
}
}
.border-border { border-color: var(--border); }
.border-border\/60 {
border-color: var(--border);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--border) 60%, transparent);
}
}
.border-border\/70 {
border-color: var(--border);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--border) 70%, transparent);
}
}
.border-destructive { border-color: var(--destructive); }
.border-destructive\/25 {
border-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--destructive) 25%, transparent);
}
}
.border-destructive\/30 {
border-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
}
}
.border-destructive\/40 {
border-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
.border-foreground { border-color: var(--foreground); }
.border-good-dot\/30 {
border-color: var(--good-dot);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--good-dot) 30%, transparent);
}
}
.border-good\/20 {
border-color: var(--good);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--good) 20%, transparent);
}
}
.border-input { border-color: var(--input); }
.border-muted-foreground\/40 {
border-color: var(--muted-foreground);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
}
}
.border-primary { border-color: var(--primary); }
.border-primary\/15 {
border-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--primary) 15%, transparent);
}
}
.border-primary\/20 {
border-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--primary) 20%, transparent);
}
}
.border-primary\/30 {
border-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--primary) 30%, transparent);
}
}
.border-rose-300\/40 {
border-color: color-mix(in srgb, oklch(0.81 0.117 11.638) 40%, transparent 60%);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-rose-300) 40%, transparent);
}
}
.border-success\/30 {
border-color: var(--success);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--success) 30%, transparent);
}
}
.border-transparent { border-color: transparent; }
.border-warn-dot\/30 {
border-color: var(--warn-dot);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--warn-dot) 30%, transparent);
}
}
.border-warn-dot\/40 {
border-color: var(--warn-dot);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--warn-dot) 40%, transparent);
}
}
.border-warning\/30 {
border-color: var(--warning);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--warning) 30%, transparent);
}
}
.border-warning\/40 {
border-color: var(--warning);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--warning) 40%, transparent);
}
}
.border-white { border-color: var(--color-white); }
.border-white\/15 {
border-color: color-mix(in srgb, rgb(255, 255, 255) 15%, transparent 85%);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
.border-white\/70 {
border-color: color-mix(in srgb, rgb(255, 255, 255) 70%, transparent 30%);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
.bg-\[\#0E1016\] { background-color: rgb(14, 16, 22); }
.bg-\[\#0b0d16\] { background-color: rgb(11, 13, 22); }
.bg-\[\#9aa1b4\] { background-color: rgb(154, 161, 180); }
.bg-\[\#06070c\] { background-color: rgb(6, 7, 12); }
.bg-\[\#EEF0F5\] { background-color: rgb(238, 240, 245); }
.bg-\[\#b8b2e8\] { background-color: rgb(184, 178, 232); }
.bg-\[\#d9dcf8\] { background-color: rgb(217, 220, 248); }
.bg-\[\#dcdfe6\] { background-color: rgb(220, 223, 230); }
.bg-\[\#e3e6ed\] { background-color: rgb(227, 230, 237); }
.bg-\[\#e4e6eb\] { background-color: rgb(228, 230, 235); }
.bg-\[\#e6e8ef\] { background-color: rgb(230, 232, 239); }
.bg-\[\#e7e9ef\] { background-color: rgb(231, 233, 239); }
.bg-\[\#e8f1fd\] { background-color: rgb(232, 241, 253); }
.bg-\[\#e9ebf0\] { background-color: rgb(233, 235, 240); }
.bg-\[\#eef0f4\] { background-color: rgb(238, 240, 244); }
.bg-\[\#eef1f5\] { background-color: rgb(238, 241, 245); }
.bg-\[\#f1efff\] { background-color: rgb(241, 239, 255); }
.bg-\[\#f6f7f9\] { background-color: rgb(246, 247, 249); }
.bg-\[\#f7f8fa\] { background-color: rgb(247, 248, 250); }
.bg-\[\#fafbfc\] { background-color: rgb(250, 251, 252); }
.bg-\[rgba\(15\,18\,30\,0\.35\)\] { background-color: rgba(15, 18, 30, 0.35); }
.bg-\[rgba\(15\,18\,30\,0\.45\)\] { background-color: rgba(15, 18, 30, 0.45); }
.bg-accent { background-color: var(--accent); }
.bg-action { background-color: var(--action); }
.bg-action\/40 {
background-color: var(--action);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--action) 40%, transparent);
}
}
.bg-background { background-color: var(--background); }
.bg-background\/60 {
background-color: var(--background);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--background) 60%, transparent);
}
}
.bg-bad { background-color: var(--bad); }
.bg-bad-dot { background-color: var(--bad-dot); }
.bg-bad-wash { background-color: var(--bad-wash); }
.bg-black { background-color: var(--color-black); }
.bg-black\/25 {
background-color: color-mix(in srgb, rgb(0, 0, 0) 25%, transparent 75%);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
}
}
.bg-black\/35 {
background-color: color-mix(in srgb, rgb(0, 0, 0) 35%, transparent 65%);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 35%, transparent);
}
}
.bg-black\/40 {
background-color: color-mix(in srgb, rgb(0, 0, 0) 40%, transparent 60%);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
}
}
.bg-blue-500 { background-color: var(--color-blue-500); }
.bg-blue-500\/10 {
background-color: color-mix(in srgb, oklch(0.623 0.214 259.815) 10%, transparent 90%);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
}
}
.bg-border { background-color: var(--border); }
.bg-brand-wash { background-color: rgb(238, 237, 253); }
.bg-brand-wash\/50 { background-color: color-mix(rgb(238, 237, 253), transparent); }
.bg-brand-wash\/60 { background-color: color-mix(rgb(238, 237, 253) 60%, transparent 40%); }
.bg-canvas { background-color: var(--canvas); }
.bg-canvas\/50 {
background-color: var(--canvas);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--canvas) 50%, transparent);
}
}
.bg-canvas\/60 {
background-color: var(--canvas);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--canvas) 60%, transparent);
}
}
.bg-card { background-color: var(--card); }
.bg-destructive { background-color: var(--destructive); }
.bg-destructive\/5 {
background-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
}
}
.bg-destructive\/10 {
background-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
}
}
.bg-destructive\/15 {
background-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
}
}
.bg-emerald-400 { background-color: var(--color-emerald-400); }
.bg-foreground { background-color: var(--foreground); }
.bg-foreground\/35 {
background-color: var(--foreground);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--foreground) 35%, transparent);
}
}
.bg-good { background-color: var(--good); }
.bg-good-dot { background-color: var(--good-dot); }
.bg-good-wash { background-color: var(--good-wash); }
.bg-indigo-300 { background-color: var(--color-indigo-300); }
.bg-muted { background-color: var(--muted); }
.bg-muted-foreground { background-color: var(--muted-foreground); }
.bg-muted-foreground\/40 {
background-color: var(--muted-foreground);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
}
}
.bg-muted-foreground\/50 {
background-color: var(--muted-foreground);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
}
}
.bg-muted-foreground\/60 {
background-color: var(--muted-foreground);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
}
}
.bg-muted\/20 {
background-color: var(--muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted) 20%, transparent);
}
}
.bg-muted\/30 {
background-color: var(--muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted) 30%, transparent);
}
}
.bg-muted\/40 {
background-color: var(--muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted) 40%, transparent);
}
}
.bg-muted\/50 {
background-color: var(--muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
.bg-muted\/60 {
background-color: var(--muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted) 60%, transparent);
}
}
.bg-pink-500 { background-color: var(--color-pink-500); }
.bg-pink-500\/10 {
background-color: color-mix(in srgb, oklch(0.656 0.241 354.308) 10%, transparent 90%);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent);
}
}
.bg-popover { background-color: var(--popover); }
.bg-primary { background-color: var(--primary); }
.bg-primary-glow { background-color: var(--primary-glow); }
.bg-primary\/5 {
background-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--primary) 5%, transparent);
}
}
.bg-primary\/10 {
background-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--primary) 10%, transparent);
}
}
.bg-primary\/15 {
background-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--primary) 15%, transparent);
}
}
.bg-primary\/20 {
background-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--primary) 20%, transparent);
}
}
.bg-primary\/50 {
background-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--primary) 50%, transparent);
}
}
.bg-primary\/\[0\.05\] {
background-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--primary) 5%, transparent);
}
}
.bg-primary\/\[0\.06\] {
background-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--primary) 6%, transparent);
}
}
.bg-primary\/\[0\.07\] {
background-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--primary) 7.000000000000001%, transparent);
}
}
.bg-rose-400\/10 {
background-color: color-mix(in srgb, oklch(0.712 0.194 13.428) 10%, transparent 90%);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent);
}
}
.bg-secondary { background-color: var(--secondary); }
.bg-success\/10 {
background-color: var(--success);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--success) 10%, transparent);
}
}
.bg-success\/15 {
background-color: var(--success);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--success) 15%, transparent);
}
}
.bg-teal-500 { background-color: var(--color-teal-500); }
.bg-teal-500\/10 {
background-color: color-mix(in srgb, oklch(0.704 0.14 182.503) 10%, transparent 90%);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent);
}
}
.bg-transparent { background-color: transparent; }
.bg-violet-500 { background-color: var(--color-violet-500); }
.bg-violet-500\/10 {
background-color: color-mix(in srgb, oklch(0.606 0.25 292.717) 10%, transparent 90%);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
}
}
.bg-warn-dot { background-color: var(--warn-dot); }
.bg-warn-wash { background-color: var(--warn-wash); }
.bg-warning\/10 {
background-color: var(--warning);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--warning) 10%, transparent);
}
}
.bg-warning\/20 {
background-color: var(--warning);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--warning) 20%, transparent);
}
}
.bg-white { background-color: var(--color-white); }
.bg-white\/12 {
background-color: color-mix(in srgb, rgb(255, 255, 255) 12%, transparent 88%);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
}
}
.bg-white\/15 {
background-color: color-mix(in srgb, rgb(255, 255, 255) 15%, transparent 85%);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
.bg-white\/20 {
background-color: color-mix(in srgb, rgb(255, 255, 255) 20%, transparent 80%);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.bg-white\/75 {
background-color: color-mix(in srgb, rgb(255, 255, 255) 75%, transparent 25%);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
}
}
.bg-white\/90 {
background-color: color-mix(in srgb, rgb(255, 255, 255) 90%, transparent 10%);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
.bg-zinc-400 { background-color: var(--color-zinc-400); }
.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)); }
.card-emboss { background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(223, 227, 239) 55%, rgb(185, 191, 208) 100%); background-clip: text; color: transparent; filter: drop-shadow(rgba(0, 0, 0, 0.45) 0px 1px 0px) drop-shadow(rgba(255, 255, 255, 0.25) 0px -0.5px 0px); }
.bg-\[linear-gradient\(135deg\,\#7c74f0\,\#4f46e5\)\] { background-image: linear-gradient(135deg, rgb(124, 116, 240), rgb(79, 70, 229)); }
.bg-\[linear-gradient\(135deg\,var\(--primary\)_0\%\,var\(--primary-glow\)_100\%\)\] { background-image: linear-gradient(135deg,var(--primary) 0%,var(--primary-glow) 100%); }
.bg-\[radial-gradient\(55\%_75\%_at_50\%_120\%\,rgba\(99\,102\,241\,\.6\)\,transparent_70\%\)\,radial-gradient\(35\%_50\%_at_12\%_0\%\,rgba\(126\,136\,250\,\.16\)\,transparent_70\%\)\] { background-image: radial-gradient(55% 75% at 50% 120%, rgba(99, 102, 241, 0.6), transparent 70%), radial-gradient(35% 50% at 12% 0%, rgba(126, 136, 250, 0.16), transparent 70%); }
.card-surface-amex { background-image: radial-gradient(140% 120% at 0% 0%, rgba(255, 255, 255, 0.55), transparent 55%), radial-gradient(120% 120% at 100% 100%, rgba(40, 60, 80, 0.55), transparent 60%), linear-gradient(145deg, rgb(154, 167, 180) 0%, rgb(201, 210, 218) 45%, rgb(125, 138, 151) 100%); }
.card-surface-discover { background-image: radial-gradient(140% 120% at 0% 0%, rgba(255, 190, 120, 0.4), transparent 55%), radial-gradient(120% 120% at 100% 100%, rgba(0, 0, 0, 0.85), transparent 60%), linear-gradient(145deg, rgb(36, 26, 18) 0%, rgb(58, 42, 26) 50%, rgb(18, 12, 8) 100%); }
.card-surface-generic { background-image: radial-gradient(140% 120% at 0% 0%, rgba(126, 136, 250, 0.55), transparent 55%), radial-gradient(120% 120% at 100% 100%, rgba(8, 6, 40, 0.85), transparent 60%), linear-gradient(145deg, rgb(30, 26, 92) 0%, rgb(59, 47, 184) 50%, rgb(18, 15, 61) 100%); }
.card-surface-mastercard { background-image: radial-gradient(140% 120% at 0% 0%, rgba(255, 255, 255, 0.16), transparent 55%), radial-gradient(120% 120% at 100% 100%, rgba(0, 0, 0, 0.9), transparent 60%), linear-gradient(145deg, rgb(27, 27, 32) 0%, rgb(44, 44, 51) 50%, rgb(14, 14, 18) 100%); }
.card-surface-visa { background-image: radial-gradient(140% 120% at 0% 0%, rgba(110, 125, 255, 0.55), transparent 55%), radial-gradient(120% 120% at 100% 100%, rgba(4, 6, 30, 0.85), transparent 60%), linear-gradient(145deg, rgb(13, 18, 64) 0%, rgb(28, 36, 112) 48%, rgb(10, 14, 51) 100%); }
.from-\[\#151925\] { --tw-gradient-from: #151925; --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-destructive\/10 {
--tw-gradient-from: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--destructive) 10%, transparent);
}
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/10 {
--tw-gradient-from: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent);
}
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-success\/15 {
--tw-gradient-from: var(--success);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--success) 15%, transparent);
}
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-warning\/15 {
--tw-gradient-from: var(--warning);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--warning) 15%, transparent);
}
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-\[\#3d4456\] { --tw-gradient-to: #3d4456; --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)); }
.fill-amber-400 { fill: var(--color-amber-400); }
.fill-current { fill: currentcolor; }
.fill-muted-foreground { fill: var(--muted-foreground); }
.fill-primary { fill: var(--primary); }
.stroke-border { stroke: var(--border); }
.stroke-muted-foreground\/40 {
stroke: var(--muted-foreground);
@supports (color: color-mix(in lab, red, red)) {
stroke: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
}
}
.object-contain { object-fit: contain; }
.object-cover { object-fit: cover; }
.object-center { object-position: center center; }
.p-0 { padding: 0px; }
.p-0\.5 { padding: calc(var(--spacing) * 0.5); }
.p-1 { padding: var(--spacing); }
.p-1\.5 { padding: calc(var(--spacing) * 1.5); }
.p-2 { padding: calc(var(--spacing) * 2); }
.p-2\.5 { padding: calc(var(--spacing) * 2.5); }
.p-3 { padding: calc(var(--spacing) * 3); }
.p-3\.5 { padding: calc(var(--spacing) * 3.5); }
.p-4 { padding: calc(var(--spacing) * 4); }
.p-5 { padding: calc(var(--spacing) * 5); }
.p-6 { padding: calc(var(--spacing) * 6); }
.p-8 { padding: calc(var(--spacing) * 8); }
.p-10 { padding: calc(var(--spacing) * 10); }
.p-12 { padding: calc(var(--spacing) * 12); }
.p-\[3px\] { padding: 3px; }
.p-\[7\%\] { padding: 7%; }
.p-\[11px\] { padding: 11px; }
.p-\[14px\] { padding: 14px; }
.p-\[18px\] { padding: 18px; }
.p-\[22px\] { padding: 22px; }
.px-\(--cell-size\) { padding-inline: var(--cell-size); }
.px-0 { padding-inline: 0px; }
.px-0\.5 { padding-inline: calc(var(--spacing) * 0.5); }
.px-1 { padding-inline: var(--spacing); }
.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-\[5px\] { padding-inline: 5px; }
.px-\[9px\] { padding-inline: 9px; }
.px-\[10px\] { padding-inline: 10px; }
.px-\[11px\] { padding-inline: 11px; }
.px-\[18px\] { padding-inline: 18px; }
.px-\[22px\] { padding-inline: 22px; }
.py-0 { padding-block: 0px; }
.py-0\.5 { padding-block: calc(var(--spacing) * 0.5); }
.py-1 { padding-block: var(--spacing); }
.py-1\.5 { padding-block: calc(var(--spacing) * 1.5); }
.py-2 { padding-block: calc(var(--spacing) * 2); }
.py-2\.5 { padding-block: calc(var(--spacing) * 2.5); }
.py-3 { padding-block: calc(var(--spacing) * 3); }
.py-3\.5 { padding-block: calc(var(--spacing) * 3.5); }
.py-4 { padding-block: calc(var(--spacing) * 4); }
.py-5 { padding-block: calc(var(--spacing) * 5); }
.py-6 { padding-block: calc(var(--spacing) * 6); }
.py-8 { padding-block: calc(var(--spacing) * 8); }
.py-10 { padding-block: calc(var(--spacing) * 10); }
.py-12 { padding-block: calc(var(--spacing) * 12); }
.py-14 { padding-block: calc(var(--spacing) * 14); }
.py-16 { padding-block: calc(var(--spacing) * 16); }
.py-\[11px\] { padding-block: 11px; }
.py-\[18px\] { padding-block: 18px; }
.py-\[26px\] { padding-block: 26px; }
.py-px { padding-block: 1px; }
.pt-0 { padding-top: 0px; }
.pt-0\.5 { padding-top: calc(var(--spacing) * 0.5); }
.pt-1 { padding-top: var(--spacing); }
.pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); }
.pt-2 { padding-top: calc(var(--spacing) * 2); }
.pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); }
.pt-3 { padding-top: calc(var(--spacing) * 3); }
.pt-3\.5 { padding-top: calc(var(--spacing) * 3.5); }
.pt-4 { padding-top: calc(var(--spacing) * 4); }
.pt-5 { padding-top: calc(var(--spacing) * 5); }
.pt-6 { padding-top: calc(var(--spacing) * 6); }
.pt-8 { padding-top: calc(var(--spacing) * 8); }
.pt-12 { padding-top: calc(var(--spacing) * 12); }
.pt-16 { padding-top: calc(var(--spacing) * 16); }
.pt-\[18px\] { padding-top: 18px; }
.pt-px { padding-top: 1px; }
.pr-1 { padding-right: var(--spacing); }
.pr-2 { padding-right: calc(var(--spacing) * 2); }
.pr-2\.5 { padding-right: calc(var(--spacing) * 2.5); }
.pr-3 { padding-right: calc(var(--spacing) * 3); }
.pr-4 { padding-right: calc(var(--spacing) * 4); }
.pr-5 { padding-right: calc(var(--spacing) * 5); }
.pr-6 { padding-right: calc(var(--spacing) * 6); }
.pr-7 { padding-right: calc(var(--spacing) * 7); }
.pr-8 { padding-right: calc(var(--spacing) * 8); }
.pr-9 { padding-right: calc(var(--spacing) * 9); }
.pr-10 { padding-right: calc(var(--spacing) * 10); }
.pr-12 { padding-right: calc(var(--spacing) * 12); }
.pr-14 { padding-right: calc(var(--spacing) * 14); }
.pr-16 { padding-right: calc(var(--spacing) * 16); }
.pr-20 { padding-right: calc(var(--spacing) * 20); }
.pr-\[18px\] { padding-right: 18px; }
.pb-0 { padding-bottom: 0px; }
.pb-0\.5 { padding-bottom: calc(var(--spacing) * 0.5); }
.pb-1 { padding-bottom: var(--spacing); }
.pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); }
.pb-2 { padding-bottom: calc(var(--spacing) * 2); }
.pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); }
.pb-3 { padding-bottom: calc(var(--spacing) * 3); }
.pb-3\.5 { padding-bottom: calc(var(--spacing) * 3.5); }
.pb-4 { padding-bottom: calc(var(--spacing) * 4); }
.pb-6 { padding-bottom: calc(var(--spacing) * 6); }
.pb-8 { padding-bottom: calc(var(--spacing) * 8); }
.pb-28 { padding-bottom: calc(var(--spacing) * 28); }
.pb-40 { padding-bottom: calc(var(--spacing) * 40); }
.pb-\[18px\] { padding-bottom: 18px; }
.pl-2 { padding-left: calc(var(--spacing) * 2); }
.pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); }
.pl-3 { padding-left: calc(var(--spacing) * 3); }
.pl-4 { padding-left: calc(var(--spacing) * 4); }
.pl-5 { padding-left: calc(var(--spacing) * 5); }
.pl-6 { padding-left: calc(var(--spacing) * 6); }
.pl-8 { padding-left: calc(var(--spacing) * 8); }
.pl-9 { padding-left: calc(var(--spacing) * 9); }
.pl-12 { padding-left: calc(var(--spacing) * 12); }
.pl-\[17px\] { padding-left: 17px; }
.pl-\[18px\] { padding-left: 18px; }
.pl-\[50px\] { padding-left: 50px; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.align-baseline { vertical-align: baseline; }
.align-middle { vertical-align: middle; }
.align-top { vertical-align: top; }
.font-display { font-family: "Manrope Variable", Manrope, "Inter Variable", ui-sans-serif, system-ui, sans-serif; }
.font-mono { font-family: var(--font-mono); }
.font-sans { font-family: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); }
.text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); }
.text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); }
.text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); }
.text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); }
.text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
.text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); }
.text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
.text-\[0\.8rem\] { font-size: 0.8rem; }
.text-\[0\.85em\] { font-size: 0.85em; }
.text-\[5\.4cqw\] { font-size: 5.4cqw; }
.text-\[7\.6cqw\] { font-size: 7.6cqw; }
.text-\[12\.5px\] { font-size: 12.5px; }
.text-\[12px\] { font-size: 12px; }
.text-\[13\.5px\] { font-size: 13.5px; }
.text-\[13px\] { font-size: 13px; }
.text-\[14\.5px\] { font-size: 14.5px; }
.text-\[14px\] { font-size: 14px; }
.text-\[15px\] { font-size: 15px; }
.text-\[17px\] { font-size: 17px; }
.text-\[18px\] { font-size: 18px; }
.text-\[20px\] { font-size: 20px; }
.text-\[22px\] { font-size: 22px; }
.text-\[24px\] { font-size: 24px; }
.text-\[26px\] { font-size: 26px; }
.text-\[28px\] { font-size: 28px; }
.text-\[30px\] { font-size: 30px; }
.text-\[34px\] { font-size: 34px; }
.text-\[52px\] { font-size: 52px; }
.text-\[max\(12px\,3\.6cqw\)\] { font-size: max(12px, 3.6cqw); }
.text-\[max\(12px\,3\.8cqw\)\] { font-size: max(12px, 3.8cqw); }
.leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); }
.leading-\[1\.15\] { --tw-leading: 1.15; line-height: 1.15; }
.leading-\[1\.55\] { --tw-leading: 1.55; line-height: 1.55; }
.leading-none { --tw-leading: 1; line-height: 1; }
.leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); }
.leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); }
.leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); }
.font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); }
.font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
.font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
.font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); }
.font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
.tracking-\[-0\.01em\] { --tw-tracking: -0.01em; letter-spacing: -0.01em; }
.tracking-\[-0\.02em\] { --tw-tracking: -0.02em; letter-spacing: -0.02em; }
.tracking-\[-0\.03em\] { --tw-tracking: -0.03em; letter-spacing: -0.03em; }
.tracking-\[-0\.04em\] { --tw-tracking: -0.04em; letter-spacing: -0.04em; }
.tracking-\[-0\.005em\] { --tw-tracking: -0.005em; letter-spacing: -0.005em; }
.tracking-\[0\.06em\] { --tw-tracking: 0.06em; letter-spacing: 0.06em; }
.tracking-\[0\.08em\] { --tw-tracking: 0.08em; letter-spacing: 0.08em; }
.tracking-\[0\.12em\] { --tw-tracking: 0.12em; letter-spacing: 0.12em; }
.tracking-\[0\.14em\] { --tw-tracking: 0.14em; letter-spacing: 0.14em; }
.tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); }
.tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); }
.tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); }
.tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); }
.tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); }
.text-balance { text-wrap: balance; }
.\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere; }
.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-line { white-space: pre-line; }
.whitespace-pre-wrap { white-space: pre-wrap; }
.text-\[\#1d4f91\] { color: rgb(29, 79, 145); }
.text-\[\#2E77BC\] { color: rgb(46, 119, 188); }
.text-\[\#3D4456\] { color: rgb(61, 68, 86); }
.text-\[\#3d4456\] { color: rgb(61, 68, 86); }
.text-\[\#6b3a08\] { color: rgb(107, 58, 8); }
.text-\[\#596173\] { color: rgb(89, 97, 115); }
.text-\[\#a5b4fc\] { color: rgb(165, 180, 252); }
.text-\[\#a9b0c7\] { color: rgb(169, 176, 199); }
.text-\[\#b3b8c8\] { color: rgb(179, 184, 200); }
.text-accent-foreground { color: var(--accent-foreground); }
.text-action-foreground { color: var(--action-foreground); }
.text-amber-400 { color: var(--color-amber-400); }
.text-bad { color: var(--bad); }
.text-blue-700 { color: var(--color-blue-700); }
.text-brand-ink { color: rgb(63, 55, 201); }
.text-card-foreground { color: var(--card-foreground); }
.text-current { color: currentcolor; }
.text-destructive { color: var(--destructive); }
.text-destructive-foreground { color: var(--destructive-foreground); }
.text-foreground { color: var(--foreground); }
.text-foreground\/80 {
color: var(--foreground);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--foreground) 80%, transparent);
}
}
.text-foreground\/90 {
color: var(--foreground);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--foreground) 90%, transparent);
}
}
.text-good { color: var(--good); }
.text-good-dot { color: var(--good-dot); }
.text-muted-foreground { color: var(--muted-foreground); }
.text-muted-foreground\/70 {
color: var(--muted-foreground);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
}
}
.text-pink-700 { color: var(--color-pink-700); }
.text-popover-foreground { color: var(--popover-foreground); }
.text-primary { color: var(--primary); }
.text-primary-foreground { color: var(--primary-foreground); }
.text-primary-foreground\/80 {
color: var(--primary-foreground);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--primary-foreground) 80%, transparent);
}
}
.text-rose-200 { color: var(--color-rose-200); }
.text-secondary-foreground { color: var(--secondary-foreground); }
.text-slate-900 { color: var(--color-slate-900); }
.text-success { color: var(--success); }
.text-teal-700 { color: var(--color-teal-700); }
.text-violet-700 { color: var(--color-violet-700); }
.text-warn { color: var(--warn); }
.text-warn-dot { color: var(--warn-dot); }
.text-warning { color: var(--warning); }
.text-white { color: var(--color-white); }
.text-white\/55 {
color: color-mix(in srgb, rgb(255, 255, 255) 55%, transparent 45%);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 55%, transparent);
}
}
.text-white\/60 {
color: color-mix(in srgb, rgb(255, 255, 255) 60%, transparent 40%);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}
.text-white\/70 {
color: color-mix(in srgb, rgb(255, 255, 255) 70%, transparent 30%);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
.text-white\/75 {
color: color-mix(in srgb, rgb(255, 255, 255) 75%, transparent 25%);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 75%, transparent);
}
}
.text-white\/80 {
color: color-mix(in srgb, rgb(255, 255, 255) 80%, transparent 20%);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}
.text-white\/85 {
color: color-mix(in srgb, rgb(255, 255, 255) 85%, transparent 15%);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 85%, transparent);
}
}
.text-white\/90 {
color: color-mix(in srgb, rgb(255, 255, 255) 90%, transparent 10%);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
.capitalize { text-transform: capitalize; }
.lowercase { text-transform: lowercase; }
.normal-case { text-transform: none; }
.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,); }
.line-through { text-decoration-line: line-through; }
.underline { text-decoration-line: underline; }
.decoration-\[\#c9cedb\] { text-decoration-color: rgb(201, 206, 219); }
.decoration-\[\#cc0000\] { text-decoration-color: rgb(204, 0, 0); }
.decoration-border { text-decoration-color: var(--border); }
.decoration-dotted { text-decoration-style: dotted; }
.decoration-2 { text-decoration-thickness: 2px; }
.underline-offset-2 { text-underline-offset: 2px; }
.underline-offset-4 { text-underline-offset: 4px; }
.underline-offset-\[3px\] { text-underline-offset: 3px; }
.opacity-0 { opacity: 0; }
.opacity-40 { opacity: 0.4; }
.opacity-45 { opacity: 0.45; }
.opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
.opacity-80 { opacity: 0.8; }
.opacity-100 { opacity: 1; }
.shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-\[0_0_3px_rgba\(255\,255\,255\,0\.95\)\,0_0_7px_rgba\(165\,160\,255\,0\.75\)\] { --tw-shadow: 0 0 3px var(--tw-shadow-color, rgba(255,255,255,0.95)), 0 0 7px var(--tw-shadow-color, rgba(165,160,255,0.75)); 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_4px_color-mix\(in_oklch\,var\(--primary-glow\)_60\%\,transparent\)\,0_0_10px_color-mix\(in_oklch\,var\(--primary-glow\)_35\%\,transparent\)\] {
--tw-shadow: 0 0 4px var(--tw-shadow-color, var(--primary-glow)), 0 0 10px var(--tw-shadow-color, var(--primary-glow));
@supports (color: color-mix(in lab, red, red)) {
--tw-shadow: 0 0 4px var(--tw-shadow-color, color-mix(in oklch,var(--primary-glow) 60%,transparent)), 0 0 10px var(--tw-shadow-color, color-mix(in oklch,var(--primary-glow) 35%,transparent));
}
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_var\(--border\)\] { --tw-shadow: 0 1px 0 var(--tw-shadow-color, var(--border)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.25\)\,0_12px_24px_-10px_rgba\(12\,14\,40\,0\.55\)\,0_32px_56px_-28px_rgba\(12\,14\,40\,0\.6\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.25)), 0 12px 24px -10px var(--tw-shadow-color, rgba(12,14,40,0.55)), 0 32px 56px -28px var(--tw-shadow-color, rgba(12,14,40,0.6)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-\[0_1px_2px_rgba\(15\,18\,30\,0\.12\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(15,18,30,0.12)); 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_2px_rgba\(15\,18\,30\,0\.25\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(15,18,30,0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-\[0_1px_3px_rgba\(15\,18\,30\,0\.14\)\] { --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(15,18,30,0.14)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-\[0_8px_24px_-10px_rgba\(0\,0\,0\,0\.7\)\] { --tw-shadow: 0 8px 24px -10px var(--tw-shadow-color, rgba(0,0,0,0.7)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-\[0_10px_30px_-14px_rgba\(20\,24\,36\,0\.18\)\] { --tw-shadow: 0 10px 30px -14px var(--tw-shadow-color, rgba(20,24,36,0.18)); 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_12px_32px_-12px_rgba\(15\,18\,30\,0\.25\)\] { --tw-shadow: 0 12px 32px -12px var(--tw-shadow-color, rgba(15,18,30,0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-\[0_12px_32px_-12px_rgba\(15\,18\,30\,0\.32\)\,0_0_0_1px_rgba\(15\,18\,30\,0\.05\)\] { --tw-shadow: 0 12px 32px -12px var(--tw-shadow-color, rgba(15,18,30,0.32)), 0 0 0 1px var(--tw-shadow-color, rgba(15,18,30,0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-\[0_12px_32px_-12px_rgba\(15\,18\,30\,0\.35\)\] { --tw-shadow: 0 12px 32px -12px var(--tw-shadow-color, rgba(15,18,30,0.35)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-\[0_12px_32px_-12px_rgba\(21\,25\,37\,0\.35\)\] { --tw-shadow: 0 12px 32px -12px var(--tw-shadow-color, rgba(21,25,37,0.35)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-\[0_20px_50px_-24px_rgba\(15\,18\,30\,0\.25\)\] { --tw-shadow: 0 20px 50px -24px var(--tw-shadow-color, rgba(15,18,30,0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-\[0_24px_48px_-20px_rgba\(79\,57\,246\,0\.55\)\] { --tw-shadow: 0 24px 48px -20px var(--tw-shadow-color, rgba(79,57,246,0.55)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-\[0_30px_70px_-24px_rgba\(10\,12\,20\,0\.45\)\] { --tw-shadow: 0 30px 70px -24px var(--tw-shadow-color, rgba(10,12,20,0.45)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-\[0_30px_80px_-20px_rgba\(10\,12\,20\,0\.45\)\] { --tw-shadow: 0 30px 80px -20px var(--tw-shadow-color, rgba(10,12,20,0.45)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.ring { --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-\[3px\] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.ring-\[\#151925\] { --tw-ring-color: #151925; }
.ring-action { --tw-ring-color: var(--action); }
.ring-background { --tw-ring-color: var(--background); }
.ring-black\/5 {
--tw-ring-color: color-mix(in srgb, #000 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
}
}
.ring-black\/10 {
--tw-ring-color: color-mix(in srgb, #000 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
}
}
.ring-border { --tw-ring-color: var(--border); }
.ring-canvas { --tw-ring-color: var(--canvas); }
.ring-card { --tw-ring-color: var(--card); }
.ring-destructive\/70 {
--tw-ring-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 70%, transparent);
}
}
.ring-primary { --tw-ring-color: var(--primary); }
.ring-primary\/15 {
--tw-ring-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--primary) 15%, transparent);
}
}
.ring-primary\/40 {
--tw-ring-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent);
}
}
.ring-primary\/50 {
--tw-ring-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent);
}
}
.ring-ring { --tw-ring-color: var(--ring); }
.ring-transparent { --tw-ring-color: transparent; }
.ring-white { --tw-ring-color: var(--color-white); }
.ring-white\/10 {
--tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.ring-white\/70 {
--tw-ring-color: color-mix(in srgb, #fff 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
.ring-offset-1 { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
.ring-offset-2 { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
.ring-offset-background { --tw-ring-offset-color: var(--background); }
.outline { outline-style: var(--tw-outline-style); outline-width: 1px; }
.blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.blur-\[3px\] { --tw-blur: blur(3px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.blur-sm { --tw-blur: blur(var(--blur-sm)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.drop-shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.35\)\] { --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgba(0,0,0,0.35))); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.invert { --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.backdrop-blur-\[2px\] { --tw-backdrop-blur: blur(2px); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
.backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
.backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
.backdrop-saturate-150 { --tw-backdrop-saturate: saturate(150%); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
.transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
.transition-\[background-color\,border-color\,color\,transform\] { transition-property: background-color, border-color, color, transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
.transition-\[background-color\,color\,box-shadow\] { transition-property: background-color, color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
.transition-\[border-color\,box-shadow\] { transition-property: border-color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
.transition-\[transform\,width\] { transition-property: transform, width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
.transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
.transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
.transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
.transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
.transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
.transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
.duration-100 { --tw-duration: 100ms; transition-duration: 100ms; }
.duration-150 { --tw-duration: 150ms; transition-duration: 150ms; }
.duration-200 { --tw-duration: 200ms; transition-duration: 200ms; }
.duration-500 { --tw-duration: 500ms; transition-duration: 500ms; }
.duration-1000 { --tw-duration: 1000ms; transition-duration: 1000ms; }
.duration-\[220ms\] { --tw-duration: 220ms; transition-duration: 220ms; }
.duration-\[250ms\] { --tw-duration: 250ms; transition-duration: 250ms; }
.ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\] { --tw-ease: cubic-bezier(0.23,1,0.32,1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
.ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] { --tw-ease: cubic-bezier(0.32,0.72,0,1); transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1); }
.ease-\[var\(--ease-out\)\] { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); }
.ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); }
.ease-in-out { --tw-ease: cubic-bezier(0.77, 0, 0.175, 1); transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
.ease-out { --tw-ease: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
.will-change-transform { will-change: transform; }
.fade-in-0 { --tw-enter-opacity: 0; }
.outline-none { --tw-outline-style: none; outline-style: none; }
.select-all { user-select: all; }
.select-none { user-select: none; }
.zoom-in-95 { --tw-enter-scale: .95; }
.\[--cell-size\:2rem\] { --cell-size: 2rem; }
.\[background\:repeating-linear-gradient\(135deg\,rgba\(255\,255\,255\,0\.12\)_0_2px\,transparent_2px_9px\)\] { background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0px, rgba(255, 255, 255, 0.12) 2px, transparent 2px, transparent 9px); }
.\[background\:repeating-linear-gradient\(135deg\,rgba\(255\,255\,255\,0\.14\)_0_2px\,transparent_2px_9px\)\] { background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0px, rgba(255, 255, 255, 0.14) 2px, transparent 2px, transparent 9px); }
.\[grid-area\:1\/1\] { grid-area: 1 / 1; }
.paused { animation-play-state: paused; }
.running { animation-play-state: running; }
.slide-in-from-right { --tw-enter-translate-x: 100%; }
@media (hover: hover) {
.group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; }
.group-hover\/conv\:bg-\[\#f7f8fa\]:is(:where(.group\/conv):hover *) { background-color: rgb(247, 248, 250); }
}
.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *) { position: relative; }
.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *) { z-index: 10; }
.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused="true"] *) { border-color: var(--ring); }
.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) {
--tw-ring-color: var(--ring);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
.peer-focus-visible\:ring-1:is(:where(.peer):focus-visible ~ *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.peer-focus-visible\:ring-ring:is(:where(.peer):focus-visible ~ *) { --tw-ring-color: var(--ring); }
.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) { cursor: not-allowed; }
.peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) { opacity: 0.7; }
.first-letter\:uppercase::first-letter { text-transform: uppercase; }
.marker\:text-muted-foreground ::marker { color: var(--muted-foreground); }
.marker\:text-muted-foreground::marker { color: var(--muted-foreground); }
.marker\:text-muted-foreground ::-webkit-details-marker { color: var(--muted-foreground); }
.marker\:text-muted-foreground::-webkit-details-marker { color: var(--muted-foreground); }
.file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0px; }
.file\:bg-transparent::file-selector-button { background-color: transparent; }
.file\:text-sm::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
.file\:font-medium::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
.file\:text-foreground::file-selector-button { color: var(--foreground); }
.placeholder\:text-muted-foreground::placeholder { color: var(--muted-foreground); }
.after\:absolute::after { content: var(--tw-content); position: absolute; }
.after\:-inset-1::after { content: var(--tw-content); inset: calc(var(--spacing) * -1); }
.after\:-inset-px::after { content: var(--tw-content); inset: -1px; }
.after\:inset-0::after { content: var(--tw-content); inset: 0px; }
.after\:content-\[\'\'\]::after { --tw-content: ''; content: var(--tw-content); }
.first\:mt-0:first-child { margin-top: 0px; }
.first\:border-t-0:first-child { border-top-style: var(--tw-border-style); border-top-width: 0px; }
.first\:pt-0:first-child { padding-top: 0px; }
.first\:pl-\[18px\]:first-child { padding-left: 18px; }
.last\:border-0:last-child { border-style: var(--tw-border-style); border-width: 0px; }
.last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.last\:pr-\[18px\]:last-child { padding-right: 18px; }
.last\:pb-0:last-child { padding-bottom: 0px; }
.empty\:hidden:empty { display: none; }
.focus-within\:ring-2:focus-within { --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-within\:ring-ring:focus-within { --tw-ring-color: var(--ring); }
@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); }
.hover\:border-\[\#c9cedb\]:hover { border-color: rgb(201, 206, 219); }
.hover\:border-foreground:hover { border-color: var(--foreground); }
.hover\:border-primary\/40:hover { border-color: var(--primary); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-primary\/40:hover { border-color: color-mix(in oklab, var(--primary) 40%, transparent); }
}
.hover\:border-primary\/50:hover { border-color: var(--primary); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-primary\/50:hover { border-color: color-mix(in oklab, var(--primary) 50%, transparent); }
}
.hover\:bg-\[\#c81e1e\]:hover { background-color: rgb(200, 30, 30); }
.hover\:bg-\[\#e8eaee\]:hover { background-color: rgb(232, 234, 238); }
.hover\:bg-\[\#eef1f5\]:hover { background-color: rgb(238, 241, 245); }
.hover\:bg-\[\#f6f7f9\]:hover { background-color: rgb(246, 247, 249); }
.hover\:bg-\[\#f7f8fa\]:hover { background-color: rgb(247, 248, 250); }
.hover\:bg-accent:hover { background-color: var(--accent); }
.hover\:bg-accent\/30:hover { background-color: var(--accent); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-accent\/30:hover { background-color: color-mix(in oklab, var(--accent) 30%, transparent); }
}
.hover\:bg-accent\/60:hover { background-color: var(--accent); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-accent\/60:hover { background-color: color-mix(in oklab, var(--accent) 60%, transparent); }
}
.hover\:bg-action-hover:hover { background-color: var(--action-hover); }
.hover\:bg-brand-wash:hover { background-color: rgb(238, 237, 253); }
.hover\:bg-canvas:hover { background-color: var(--canvas); }
.hover\:bg-canvas\/70:hover { background-color: var(--canvas); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-canvas\/70:hover { background-color: color-mix(in oklab, var(--canvas) 70%, transparent); }
}
.hover\:bg-card\/70:hover { background-color: var(--card); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-card\/70:hover { background-color: color-mix(in oklab, var(--card) 70%, transparent); }
}
.hover\:bg-destructive\/20:hover { background-color: var(--destructive); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-destructive\/20:hover { background-color: color-mix(in oklab, var(--destructive) 20%, transparent); }
}
.hover\:bg-destructive\/80:hover { background-color: var(--destructive); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-destructive\/80:hover { background-color: color-mix(in oklab, var(--destructive) 80%, transparent); }
}
.hover\:bg-foreground\/\[0\.06\]:hover { background-color: var(--foreground); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-foreground\/\[0\.06\]:hover { background-color: color-mix(in oklab, var(--foreground) 6%, transparent); }
}
.hover\:bg-muted:hover { background-color: var(--muted); }
.hover\:bg-muted\/40:hover { background-color: var(--muted); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted\/40:hover { background-color: color-mix(in oklab, var(--muted) 40%, transparent); }
}
.hover\:bg-muted\/50:hover { background-color: var(--muted); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted\/50:hover { background-color: color-mix(in oklab, var(--muted) 50%, transparent); }
}
.hover\:bg-muted\/60:hover { background-color: var(--muted); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted\/60:hover { background-color: color-mix(in oklab, var(--muted) 60%, transparent); }
}
.hover\:bg-primary:hover { background-color: var(--primary); }
.hover\:bg-primary\/10:hover { background-color: var(--primary); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-primary\/10:hover { background-color: color-mix(in oklab, var(--primary) 10%, transparent); }
}
.hover\:bg-primary\/80:hover { background-color: var(--primary); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-primary\/80:hover { background-color: color-mix(in oklab, var(--primary) 80%, transparent); }
}
.hover\:bg-primary\/90:hover { background-color: var(--primary); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-primary\/90:hover { background-color: color-mix(in oklab, var(--primary) 90%, transparent); }
}
.hover\:bg-primary\/\[0\.07\]:hover { background-color: var(--primary); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-primary\/\[0\.07\]:hover { background-color: color-mix(in oklab, var(--primary) 7.000000000000001%, transparent); }
}
.hover\:bg-secondary:hover { background-color: var(--secondary); }
.hover\:bg-secondary\/40:hover { background-color: var(--secondary); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-secondary\/40:hover { background-color: color-mix(in oklab, var(--secondary) 40%, transparent); }
}
.hover\:bg-secondary\/60:hover { background-color: var(--secondary); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-secondary\/60:hover { background-color: color-mix(in oklab, var(--secondary) 60%, transparent); }
}
.hover\:bg-secondary\/80:hover { background-color: var(--secondary); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-secondary\/80:hover { background-color: color-mix(in oklab, var(--secondary) 80%, transparent); }
}
.hover\:bg-transparent:hover { background-color: transparent; }
.hover\:bg-white\/15:hover { background-color: color-mix(in srgb, rgb(255, 255, 255) 15%, transparent 85%); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/15:hover { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); }
}
.hover\:bg-white\/20:hover { background-color: color-mix(in srgb, rgb(255, 255, 255) 20%, transparent 80%); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/20:hover { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }
}
.hover\:bg-white\/25:hover { background-color: color-mix(in srgb, rgb(255, 255, 255) 25%, transparent 75%); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/25:hover { background-color: color-mix(in oklab, var(--color-white) 25%, transparent); }
}
.hover\:bg-white\/60:hover { background-color: color-mix(in srgb, rgb(255, 255, 255) 60%, transparent 40%); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/60:hover { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); }
}
.hover\:bg-white\/90:hover { background-color: color-mix(in srgb, rgb(255, 255, 255) 90%, transparent 10%); }
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/90:hover { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); }
}
.hover\:text-accent-foreground:hover { color: var(--accent-foreground); }
.hover\:text-bad:hover { color: var(--bad); }
.hover\:text-destructive:hover { color: var(--destructive); }
.hover\:text-foreground:hover { color: var(--foreground); }
.hover\:text-primary:hover { color: var(--primary); }
.hover\:text-primary-foreground:hover { color: var(--primary-foreground); }
.hover\:text-white:hover { color: var(--color-white); }
.hover\:underline:hover { text-decoration-line: underline; }
.hover\:decoration-foreground:hover { text-decoration-color: var(--foreground); }
.hover\:opacity-100:hover { opacity: 1; }
.hover\:shadow-\[0_10px_30px_-16px_rgba\(21\,25\,37\,0\.35\)\]:hover { --tw-shadow: 0 10px 30px -16px var(--tw-shadow-color, rgba(21,25,37,0.35)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
}
.focus\:border-primary:focus { border-color: var(--primary); }
.focus\:bg-accent:focus { background-color: var(--accent); }
.focus\:text-accent-foreground:focus { color: var(--accent-foreground); }
.focus\:text-destructive:focus { color: var(--destructive); }
.focus\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.focus\:ring-\[3px\]:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.focus\:ring-primary\/15:focus {
--tw-ring-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--primary) 15%, transparent);
}
}
.focus\:ring-ring:focus { --tw-ring-color: var(--ring); }
.focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
.focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; }
.focus-visible\:border-primary:focus-visible { border-color: var(--primary); }
.focus-visible\:bg-canvas:focus-visible { background-color: var(--canvas); }
.focus-visible\:bg-muted:focus-visible { background-color: var(--muted); }
.focus-visible\:bg-muted\/50:focus-visible {
background-color: var(--muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
.focus-visible\:underline:focus-visible { text-decoration-line: underline; }
.focus-visible\:opacity-100:focus-visible { opacity: 1; }
.focus-visible\:ring-0:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.focus-visible\:ring-1:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.focus-visible\:ring-\[3px\]:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.focus-visible\:ring-destructive:focus-visible { --tw-ring-color: var(--destructive); }
.focus-visible\:ring-primary\/15:focus-visible {
--tw-ring-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--primary) 15%, transparent);
}
}
.focus-visible\:ring-ring:focus-visible { --tw-ring-color: var(--ring); }
.focus-visible\:ring-white\/60:focus-visible {
--tw-ring-color: color-mix(in srgb, #fff 60%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}
.focus-visible\:ring-offset-0:focus-visible { --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
.focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
.focus-visible\:ring-offset-background:focus-visible { --tw-ring-offset-color: var(--background); }
.focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; }
.focus-visible\:outline-primary:focus-visible { outline-color: var(--primary); }
.focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; }
.focus-visible\:ring-inset:focus-visible { --tw-ring-inset: inset; }
.active\:scale-95:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); }
.active\:scale-\[0\.97\]:active { scale: 0.97; }
.active\:scale-\[0\.98\]:active { scale: 0.98; }
.active\:scale-\[0\.99\]:active { scale: 0.99; }
.active\:cursor-grabbing:active { cursor: grabbing; }
.disabled\:pointer-events-none:disabled { pointer-events: none; }
.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
.disabled\:text-muted-foreground:disabled { color: var(--muted-foreground); }
.disabled\:opacity-40:disabled { opacity: 0.4; }
.disabled\:opacity-50:disabled { opacity: 0.5; }
.has-focus\:border-ring:has(:focus) { border-color: var(--ring); }
.has-focus\:ring-\[3px\]:has(:focus) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.has-focus\:ring-ring\/50:has(:focus) {
--tw-ring-color: var(--ring);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
.has-\[\:disabled\]\:opacity-50:has(:is(:disabled)) { opacity: 0.5; }
.has-\[\:focus-visible\]\:ring-2:has(:is(: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); }
.has-\[\:focus-visible\]\:ring-ring:has(:is(:focus-visible)) { --tw-ring-color: var(--ring); }
.has-\[\[data-state\=checked\]\]\:border-primary:has(:is([data-state="checked"])) { border-color: var(--primary); }
.has-\[\[data-state\=checked\]\]\:bg-primary\/5:has(:is([data-state="checked"])) {
background-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--primary) 5%, transparent);
}
}
.aria-disabled\:opacity-50[aria-disabled="true"] { opacity: 0.5; }
.aria-invalid\:border-destructive[aria-invalid="true"] { border-color: var(--destructive); }
.aria-invalid\:ring-1[aria-invalid="true"] { --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); }
.aria-invalid\:ring-\[3px\][aria-invalid="true"] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.aria-invalid\:ring-destructive\/15[aria-invalid="true"] {
--tw-ring-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 15%, transparent);
}
}
.aria-invalid\:ring-destructive\/30[aria-invalid="true"] {
--tw-ring-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 30%, transparent);
}
}
.aria-selected\:text-muted-foreground[aria-selected="true"] { color: var(--muted-foreground); }
.data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; }
.data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; }
.data-\[placeholder\]\:text-muted-foreground[data-placeholder] { color: var(--muted-foreground); }
.data-\[range-end\=true\]\:rounded-md[data-range-end="true"] { border-radius: calc(var(--radius) - 2px); }
.data-\[range-end\=true\]\:bg-primary[data-range-end="true"] { background-color: var(--primary); }
.data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] { color: var(--primary-foreground); }
.data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] { border-radius: 0px; }
.data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] { background-color: var(--accent); }
.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] { color: var(--accent-foreground); }
.data-\[range-start\=true\]\:rounded-md[data-range-start="true"] { border-radius: calc(var(--radius) - 2px); }
.data-\[range-start\=true\]\:bg-primary[data-range-start="true"] { background-color: var(--primary); }
.data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] { color: var(--primary-foreground); }
.data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] { background-color: var(--primary); }
.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] { color: var(--primary-foreground); }
.data-\[selected\=true\]\:rounded-none[data-selected="true"] { border-radius: 0px; }
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] { --tw-translate-y: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); }
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: calc(2*var(--spacing)*-1); }
.data-\[side\=left\]\:-translate-x-1[data-side="left"] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: calc(2*var(--spacing)); }
.data-\[side\=right\]\:translate-x-1[data-side="right"] { --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); }
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: calc(2*var(--spacing)*-1); }
.data-\[side\=top\]\:-translate-y-1[data-side="top"] { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: calc(2*var(--spacing)); }
.data-\[state\=active\]\:bg-card[data-state="active"] { background-color: var(--card); }
.data-\[state\=active\]\:text-foreground[data-state="active"] { color: var(--foreground); }
.data-\[state\=active\]\:shadow-\[0_1px_2px_rgba\(15\,18\,30\,0\.12\)\][data-state="active"] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(15,18,30,0.12)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.data-\[state\=checked\]\:translate-x-4[data-state="checked"] { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); }
.data-\[state\=checked\]\:border-primary[data-state="checked"] { border-color: var(--primary); }
.data-\[state\=checked\]\:bg-action[data-state="checked"] { background-color: var(--action); }
.data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: var(--primary); }
.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: var(--primary-foreground); }
.data-\[state\=closed\]\:animate-out[data-state="closed"] { animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
.data-\[state\=closed\]\:duration-200[data-state="closed"] { --tw-duration: 200ms; transition-duration: 200ms; }
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; }
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; }
.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] { --tw-exit-translate-y: 100%; }
.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] { --tw-exit-translate-x: -100%; }
.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] { --tw-exit-translate-x: 100%; }
.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] { --tw-exit-translate-y: -100%; }
.data-\[state\=open\]\:animate-in[data-state="open"] { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
.data-\[state\=open\]\:border-primary[data-state="open"] { border-color: var(--primary); }
.data-\[state\=open\]\:bg-accent[data-state="open"] { background-color: var(--accent); }
.data-\[state\=open\]\:bg-secondary[data-state="open"] { background-color: var(--secondary); }
.data-\[state\=open\]\:text-muted-foreground[data-state="open"] { color: var(--muted-foreground); }
.data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; }
.data-\[state\=open\]\:ring-\[3px\][data-state="open"] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.data-\[state\=open\]\:ring-primary\/15[data-state="open"] {
--tw-ring-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--primary) 15%, transparent);
}
}
.data-\[state\=open\]\:duration-\[260ms\][data-state="open"] { --tw-duration: 260ms; transition-duration: 260ms; }
.data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; }
.data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; }
.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] { --tw-enter-translate-y: 100%; }
.data-\[state\=open\]\:slide-in-from-left[data-state="open"] { --tw-enter-translate-x: -100%; }
.data-\[state\=open\]\:slide-in-from-right[data-state="open"] { --tw-enter-translate-x: 100%; }
.data-\[state\=open\]\:slide-in-from-top[data-state="open"] { --tw-enter-translate-y: -100%; }
.data-\[state\=selected\]\:bg-\[\#f4f3ff\][data-state="selected"] { background-color: rgb(244, 243, 255); }
.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { --tw-translate-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); }
.data-\[state\=unchecked\]\:bg-\[\#d5d8e1\][data-state="unchecked"] { background-color: rgb(213, 216, 225); }
@media (prefers-reduced-motion: no-preference) {
.motion-safe\:animate-ping { animation: var(--animate-ping); }
.motion-safe\:\[animation-duration\:2\.2s\] { animation-duration: 2.2s; }
}
@media (prefers-reduced-motion: reduce) {
.motion-reduce\:hidden { display: none; }
.motion-reduce\:transition-none { transition-property: none; }
}
@media (width < 400px) {
.max-\[400px\]\:hidden { display: none; }
}
@media (width < 40rem) {
.max-sm\:sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0px; }
.max-sm\:flex { display: flex; }
.max-sm\:hidden { display: none; }
.max-sm\:w-full { width: 100%; }
.max-sm\:flex-1 { flex: 1 1 0%; }
.max-sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.max-sm\:justify-center { justify-content: center; }
.max-sm\:gap-1 { gap: var(--spacing); }
.max-sm\:gap-1\.5 { gap: calc(var(--spacing) * 1.5); }
.max-sm\:px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); }
}
@media (width >= 400px) {
.min-\[400px\]\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.min-\[400px\]\:gap-3 { gap: calc(var(--spacing) * 3); }
}
@media (width >= 40rem) {
.sm\:not-sr-only { position: static; width: auto; height: auto; padding: 0px; margin: 0px; overflow: visible; clip-path: none; white-space: normal; }
.sm\:inset-auto { inset: auto; }
.sm\:right-5 { right: calc(var(--spacing) * 5); }
.sm\:bottom-24 { bottom: calc(var(--spacing) * 24); }
.sm\:left-auto { left: auto; }
.sm\:col-span-2 { grid-column: span 2 / span 2; }
.sm\:mt-0 { margin-top: 0px; }
.sm\:ml-auto { margin-left: auto; }
.sm\:block { display: block; }
.sm\:flex { display: flex; }
.sm\:grid { display: grid; }
.sm\:hidden { display: none; }
.sm\:inline { display: inline; }
.sm\:inline-flex { display: inline-flex; }
.sm\:table-cell { display: table-cell; }
.sm\:h-\[min\(42rem\,calc\(100dvh-8rem\)\)\] { height: min(42rem, 100dvh - 8rem); }
.sm\:w-16 { width: calc(var(--spacing) * 16); }
.sm\:w-40 { width: calc(var(--spacing) * 40); }
.sm\:w-48 { width: calc(var(--spacing) * 48); }
.sm\:w-52 { width: calc(var(--spacing) * 52); }
.sm\:w-56 { width: calc(var(--spacing) * 56); }
.sm\:w-60 { width: calc(var(--spacing) * 60); }
.sm\:w-64 { width: calc(var(--spacing) * 64); }
.sm\:w-72 { width: calc(var(--spacing) * 72); }
.sm\:w-\[22\%\] { width: 22%; }
.sm\:w-\[25rem\] { width: 25rem; }
.sm\:w-\[28rem\] { width: 28rem; }
.sm\:w-\[220px\] { width: 220px; }
.sm\:w-\[300px\] { width: 300px; }
.sm\:w-auto { width: auto; }
.sm\:max-w-2xl { max-width: var(--container-2xl); }
.sm\:max-w-3xl { max-width: var(--container-3xl); }
.sm\:max-w-60 { max-width: calc(var(--spacing) * 60); }
.sm\:max-w-\[78\%\] { max-width: 78%; }
.sm\:max-w-\[480px\] { max-width: 480px; }
.sm\:max-w-\[520px\] { max-width: 520px; }
.sm\:max-w-\[540px\] { max-width: 540px; }
.sm\:max-w-\[960px\] { max-width: 960px; }
.sm\:max-w-lg { max-width: var(--container-lg); }
.sm\:max-w-md { max-width: var(--container-md); }
.sm\:max-w-sm { max-width: var(--container-sm); }
.sm\:max-w-xl { max-width: var(--container-xl); }
.sm\:max-w-xs { max-width: var(--container-xs); }
.sm\:flex-1 { flex: 1 1 0%; }
.sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
.sm\:grid-cols-\[24px_44px_minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)\] { grid-template-columns: 24px 44px minmax(0px, 1fr) minmax(0px, 1.2fr); }
.sm\:grid-cols-\[120px_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] { grid-template-columns: 120px minmax(0px, 1fr) minmax(0px, 1fr); }
.sm\:grid-cols-\[160px_minmax\(0\,1fr\)\] { grid-template-columns: 160px minmax(0px, 1fr); }
.sm\:grid-cols-\[max-content_minmax\(0\,1fr\)\] { grid-template-columns: max-content minmax(0px, 1fr); }
.sm\:grid-cols-\[minmax\(0\,1\.5fr\)_1fr_1\.2fr\] { grid-template-columns: minmax(0px, 1.5fr) 1fr 1.2fr; }
.sm\:grid-cols-\[minmax\(0\,1fr\)_7rem_9rem\] { grid-template-columns: minmax(0px, 1fr) 7rem 9rem; }
.sm\:grid-cols-\[minmax\(0\,1fr\)_auto_auto\] { grid-template-columns: minmax(0px, 1fr) auto auto; }
.sm\:grid-cols-\[minmax\(0\,9rem\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 9rem) minmax(0px, 1fr); }
.sm\:flex-row { flex-direction: row; }
.sm\:flex-nowrap { flex-wrap: nowrap; }
.sm\:flex-wrap { flex-wrap: wrap; }
.sm\:items-center { align-items: center; }
.sm\:items-start { align-items: flex-start; }
.sm\:justify-between { justify-content: space-between; }
.sm\:justify-center { justify-content: center; }
.sm\:justify-end { justify-content: flex-end; }
.sm\:gap-3 { gap: calc(var(--spacing) * 3); }
.sm\:gap-4 { gap: calc(var(--spacing) * 4); }
.sm\:gap-6 { gap: calc(var(--spacing) * 6); }
:where(.sm\:space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); }
:where(.sm\:divide-x > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); }
.sm\:overflow-x-auto { overflow-x: auto; }
.sm\:rounded-2xl { border-radius: calc(var(--radius) + 8px); }
.sm\:border { border-style: var(--tw-border-style); border-width: 1px; }
.sm\:border-border { border-color: var(--border); }
.sm\:p-0 { padding: 0px; }
.sm\:p-6 { padding: calc(var(--spacing) * 6); }
.sm\:p-7 { padding: calc(var(--spacing) * 7); }
.sm\:p-\[22px\] { padding: 22px; }
.sm\:px-4 { padding-inline: calc(var(--spacing) * 4); }
.sm\:px-5 { padding-inline: calc(var(--spacing) * 5); }
.sm\:px-6 { padding-inline: calc(var(--spacing) * 6); }
.sm\:px-7 { padding-inline: calc(var(--spacing) * 7); }
.sm\:py-6 { padding-block: calc(var(--spacing) * 6); }
.sm\:pt-24 { padding-top: calc(var(--spacing) * 24); }
.sm\:pl-0 { padding-left: 0px; }
.sm\:pl-7 { padding-left: calc(var(--spacing) * 7); }
.sm\:text-center { text-align: center; }
.sm\:text-left { text-align: left; }
.sm\:text-\[34px\] { font-size: 34px; }
}
@media (width >= 48rem) {
.md\:col-span-2 { grid-column: span 2 / span 2; }
.md\:hidden { display: none; }
.md\:table-cell { display: table-cell; }
.md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.md\:grid-cols-\[160px_minmax\(0\,1fr\)\] { grid-template-columns: 160px minmax(0px, 1fr); }
.md\:grid-cols-\[240px_minmax\(0\,1fr\)\] { grid-template-columns: 240px minmax(0px, 1fr); }
.md\:grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0px, 1fr) auto; }
.md\:flex-row { flex-direction: row; }
.md\:items-center { align-items: center; }
.md\:justify-end { justify-content: flex-end; }
.md\:gap-6 { gap: calc(var(--spacing) * 6); }
.md\:gap-8 { gap: calc(var(--spacing) * 8); }
.md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
}
@media (width >= 45.25rem) {
.lg\:absolute { position: absolute; }
.lg\:relative { position: relative; }
.lg\:sticky { position: sticky; }
.lg\:inset-0 { inset: 0px; }
.lg\:top-4 { top: calc(var(--spacing) * 4); }
.lg\:top-6 { top: calc(var(--spacing) * 6); }
.lg\:top-16 { top: calc(var(--spacing) * 16); }
.lg\:top-\[var\(--nl-panel-top\)\] { top: var(--nl-panel-top); }
.lg\:right-5 { right: calc(var(--spacing) * 5); }
.lg\:bottom-5 { bottom: calc(var(--spacing) * 5); }
.lg\:bottom-24 { bottom: calc(var(--spacing) * 24); }
.lg\:z-10 { z-index: 10; }
.lg\:z-\[1\] { z-index: 1; }
.lg\:order-none { order: 0; }
.lg\:col-span-2 { grid-column: span 2 / span 2; }
.lg\:col-span-4 { grid-column: span 4 / span 4; }
.lg\:col-span-5 { grid-column: span 5 / span 5; }
.lg\:col-span-7 { grid-column: span 7 / span 7; }
.lg\:col-span-8 { grid-column: span 8 / span 8; }
.lg\:col-span-12 { grid-column: span 12 / span 12; }
.lg\:mx-\[22px\] { margin-inline: 22px; }
.lg\:-mt-2 { margin-top: calc(var(--spacing) * -2); }
.lg\:-mr-\[18px\] { margin-right: calc(-18px); }
.lg\:-mb-\[18px\] { margin-bottom: calc(-18px); }
.lg\:-ml-7 { margin-left: calc(var(--spacing) * -7); }
.lg\:flex { display: flex; }
.lg\:grid { display: grid; }
.lg\:hidden { display: none; }
.lg\:table-cell { display: table-cell; }
.lg\:h-\[calc\(100dvh-var\(--nl-panel-top\)-12px\)\] { height: calc(100dvh - var(--nl-panel-top) - 12px); }
.lg\:min-h-0 { min-height: 0px; }
.lg\:min-h-\[calc\(100dvh-var\(--nl-panel-top\)\)\] { min-height: calc(100dvh - var(--nl-panel-top)); }
.lg\:w-56 { width: calc(var(--spacing) * 56); }
.lg\:w-\[218px\] { width: 218px; }
.lg\:w-\[260px\] { width: 260px; }
.lg\:w-auto { width: auto; }
.lg\:flex-1 { flex: 1 1 0%; }
.lg\:flex-none { flex: 0 0 auto; }
.lg\:shrink-0 { flex-shrink: 0; }
.lg\:\[scrollbar-gutter\:stable\] { scrollbar-gutter: stable; }
.lg\:auto-cols-fr { grid-auto-columns: minmax(0px, 1fr); }
.lg\:grid-flow-col { grid-auto-flow: column; }
.lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
.lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
.lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0px, 1fr)); }
.lg\:grid-cols-\[280px_minmax\(0\,1fr\)\] { grid-template-columns: 280px minmax(0px, 1fr); }
.lg\:grid-cols-\[360px_minmax\(0\,1fr\)\] { grid-template-columns: 360px minmax(0px, 1fr); }
.lg\:grid-cols-\[380px_minmax\(0\,1fr\)\] { grid-template-columns: 380px minmax(0px, 1fr); }
.lg\:grid-cols-\[minmax\(0\,1\.9fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 1.9fr) minmax(0px, 1fr); }
.lg\:grid-cols-\[minmax\(0\,1fr\)_280px\] { grid-template-columns: minmax(0px, 1fr) 280px; }
.lg\:grid-cols-\[minmax\(0\,1fr\)_300px\] { grid-template-columns: minmax(0px, 1fr) 300px; }
.lg\:grid-cols-\[minmax\(0\,1fr\)_340px\] { grid-template-columns: minmax(0px, 1fr) 340px; }
.lg\:grid-cols-\[minmax\(0\,1fr\)_360px\] { grid-template-columns: minmax(0px, 1fr) 360px; }
.lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 2fr) minmax(0px, 1fr); }
.lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\] { grid-template-columns: minmax(0px, 2fr) minmax(0px, 3fr); }
.lg\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\] { grid-template-columns: minmax(0px, 3fr) minmax(0px, 2fr); }
.lg\:grid-cols-\[minmax\(0\,22rem\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 22rem) minmax(0px, 1fr); }
.lg\:grid-cols-\[minmax\(320px\,380px\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(320px, 380px) minmax(0px, 1fr); }
.lg\:grid-cols-\[repeat\(var\(--n\)\,minmax\(0\,1fr\)\)\] { grid-template-columns: repeat(var(--n),minmax(0,1fr)); }
.lg\:grid-cols-none { grid-template-columns: none; }
.lg\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0px, 1fr)); }
.lg\:flex-col { flex-direction: column; }
.lg\:flex-row { flex-direction: row; }
.lg\:flex-nowrap { flex-wrap: nowrap; }
.lg\:items-end { align-items: flex-end; }
.lg\:items-start { align-items: flex-start; }
.lg\:justify-between { justify-content: space-between; }
.lg\:gap-x-6 { column-gap: calc(var(--spacing) * 6); }
:where(.lg\:divide-x > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); }
.lg\:self-start { align-self: flex-start; }
.lg\:\[overflow-y\:auto\] { overflow-y: auto; }
.lg\:overflow-y-auto { overflow-y: auto; }
.lg\:rounded-l-\[28px\] { border-top-left-radius: 28px; border-bottom-left-radius: 28px; }
.lg\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; }
.lg\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.lg\:bg-\[\#06070c\] { background-color: rgb(6, 7, 12); }
.lg\:bg-canvas { background-color: var(--canvas); }
.lg\:px-10 { padding-inline: calc(var(--spacing) * 10); }
.lg\:px-\[22px\] { padding-inline: 22px; }
.lg\:py-2 { padding-block: calc(var(--spacing) * 2); }
.lg\:py-8 { padding-block: calc(var(--spacing) * 8); }
.lg\:pr-12 { padding-right: calc(var(--spacing) * 12); }
.lg\:pr-\[18px\] { padding-right: 18px; }
.lg\:pb-0 { padding-bottom: 0px; }
.lg\:pb-3 { padding-bottom: calc(var(--spacing) * 3); }
.lg\:pb-10 { padding-bottom: calc(var(--spacing) * 10); }
.lg\:pb-24 { padding-bottom: calc(var(--spacing) * 24); }
}
@media (width >= 61.25rem) {
.xl\:mt-2 { margin-top: calc(var(--spacing) * 2); }
.xl\:block { display: block; }
.xl\:flex { display: flex; }
.xl\:hidden { display: none; }
.xl\:h-9 { height: calc(var(--spacing) * 9); }
.xl\:w-full { width: 100%; }
.xl\:shrink { flex-shrink: 1; }
.xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
.xl\:grid-cols-\[210px_minmax\(0\,1fr\)\] { grid-template-columns: 210px minmax(0px, 1fr); }
.xl\:grid-cols-\[260px_minmax\(0\,1fr\)_340px\] { grid-template-columns: 260px minmax(0px, 1fr) 340px; }
.xl\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 1.35fr) minmax(0px, 1fr); }
.xl\:grid-cols-\[minmax\(0\,1\.75fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 1.75fr) minmax(0px, 1fr); }
.xl\:flex-col { flex-direction: column; }
.xl\:gap-0 { gap: 0px; }
.xl\:overflow-visible { overflow: visible; }
.xl\:pb-0 { padding-bottom: 0px; }
}
@media (width >= 77.25rem) {
.\32 xl\:mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); }
.\32 xl\:hidden { display: none; }
.\32 xl\:inline { display: inline; }
.\32 xl\:table-cell { display: table-cell; }
.\32 xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@container (width < 36rem) {
.\@max-\[36rem\]\:hidden { display: none; }
}
@container (width >= 680px) {
.\@\[680px\]\:grid-cols-\[340px_minmax\(0\,1fr\)\] { grid-template-columns: 340px minmax(0px, 1fr); }
.\@\[680px\]\:gap-6 { gap: calc(var(--spacing) * 6); }
}
@container (width >= 1240px) {
.\@\[1240px\]\:mt-0 { margin-top: 0px; }
.\@\[1240px\]\:flex { display: flex; }
.\@\[1240px\]\:items-end { align-items: flex-end; }
.\@\[1240px\]\:justify-between { justify-content: space-between; }
.\@\[1240px\]\:gap-4 { gap: calc(var(--spacing) * 4); }
.\@\[1240px\]\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.\@\[1240px\]\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.\@\[1240px\]\:border-border { border-color: var(--border); }
.\@\[1240px\]\:pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); }
}
@container (width >= 36rem) {
.\@\[36rem\]\:hidden { display: none; }
.\@\[36rem\]\:inline { display: inline; }
.\@\[36rem\]\:flex-row { flex-direction: row; }
.\@\[36rem\]\:items-center { align-items: center; }
.\@\[36rem\]\:justify-between { justify-content: space-between; }
.\@\[36rem\]\:justify-end { justify-content: flex-end; }
.\@\[36rem\]\:gap-5 { gap: calc(var(--spacing) * 5); }
}
@container (width >= 41rem) {
.\@\[41rem\]\:hidden { display: none; }
.\@\[41rem\]\:table-cell { display: table-cell; }
}
@container (width >= 48rem) {
.\@3xl\:order-last { order: 9999; }
.\@3xl\:col-span-1 { grid-column: span 1 / span 1; }
.\@3xl\:contents { display: contents; }
.\@3xl\:grid { display: grid; }
.\@3xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.\@3xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.\@3xl\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1\.5fr\)_minmax\(0\,1\.1fr\)_minmax\(0\,0\.9fr\)_5\.5rem\] { grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1.5fr) minmax(0px, 1.1fr) minmax(0px, 0.9fr) 5.5rem; }
.\@3xl\:items-center { align-items: center; }
.\@3xl\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
.\@3xl\:text-foreground { color: var(--foreground); }
}
@container (width >= 52rem) {
.\@\[52rem\]\:hidden { display: none; }
.\@\[52rem\]\:table-cell { display: table-cell; }
}
@container (width >= 45.25rem) {
.\@\[64rem\]\:table-cell { display: table-cell; }
}
.dark\:text-blue-300:is(.dark *) { color: var(--color-blue-300); }
.dark\:text-blue-400:is(.dark *) { color: var(--color-blue-400); }
.dark\:text-pink-400:is(.dark *) { color: var(--color-pink-400); }
.dark\:text-teal-400:is(.dark *) { color: var(--color-teal-400); }
.dark\:text-violet-400:is(.dark *) { color: var(--color-violet-400); }
.dark\:prose-invert:is(.dark *) { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders); }
@media print {
.print\:block { display: block; }
.print\:hidden { display: none; }
.print\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.print\:border-0 { border-style: var(--tw-border-style); border-width: 0px; }
}
.prose-headings\:mt-5 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *))) { margin-top: calc(var(--spacing) * 5); }
.prose-headings\:mb-1\.5 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *))) { margin-bottom: calc(var(--spacing) * 1.5); }
.prose-headings\:text-sm :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *))) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
.prose-headings\:font-semibold :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *))) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
.prose-p\:my-2 :is(:where(p):not(:where([class~="not-prose"], [class~="not-prose"] *))) { margin-block: calc(var(--spacing) * 2); }
.prose-p\:leading-relaxed :is(:where(p):not(:where([class~="not-prose"], [class~="not-prose"] *))) { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); }
.prose-a\:font-medium :is(:where(a):not(:where([class~="not-prose"], [class~="not-prose"] *))) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
.prose-a\:text-primary :is(:where(a):not(:where([class~="not-prose"], [class~="not-prose"] *))) { color: var(--primary); }
.prose-a\:no-underline :is(:where(a):not(:where([class~="not-prose"], [class~="not-prose"] *))) { text-decoration-line: none; }
@media (hover: hover) {
.hover\:prose-a\:underline:hover :is(:where(a):not(:where([class~="not-prose"], [class~="not-prose"] *))) { text-decoration-line: underline; }
}
.prose-strong\:font-semibold :is(:where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *))) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
.prose-strong\:text-foreground :is(:where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *))) { color: var(--foreground); }
.prose-ol\:my-2 :is(:where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *))) { margin-block: calc(var(--spacing) * 2); }
.prose-ol\:pl-5 :is(:where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *))) { padding-left: calc(var(--spacing) * 5); }
.prose-ul\:my-2 :is(:where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *))) { margin-block: calc(var(--spacing) * 2); }
.prose-ul\:pl-5 :is(:where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *))) { padding-left: calc(var(--spacing) * 5); }
.prose-li\:my-1 :is(:where(li):not(:where([class~="not-prose"], [class~="not-prose"] *))) { margin-block: var(--spacing); }
.prose-li\:pl-0\.5 :is(:where(li):not(:where([class~="not-prose"], [class~="not-prose"] *))) { padding-left: calc(var(--spacing) * 0.5); }
.prose-li\:marker\:text-muted-foreground :is(:where(li):not(:where([class~="not-prose"], [class~="not-prose"] *))) ::marker { color: var(--muted-foreground); }
.prose-li\:marker\:text-muted-foreground :is(:where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)))::marker { color: var(--muted-foreground); }
.prose-li\:marker\:text-muted-foreground :is(:where(li):not(:where([class~="not-prose"], [class~="not-prose"] *))) ::-webkit-details-marker { color: var(--muted-foreground); }
.prose-li\:marker\:text-muted-foreground :is(:where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)))::-webkit-details-marker { color: var(--muted-foreground); }
.\[\&_\.text-muted-foreground\]\:text-white\/60 .text-muted-foreground {
color: color-mix(in srgb, rgb(255, 255, 255) 60%, transparent 40%);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}
.\[\&_a\]\:text-primary a { color: var(--primary); }
.\[\&_a\]\:underline a { text-decoration-line: underline; }
.\[\&_blockquote\]\:border-l-2 blockquote { border-left-style: var(--tw-border-style); border-left-width: 2px; }
.\[\&_blockquote\]\:border-border blockquote { border-color: var(--border); }
.\[\&_blockquote\]\:pl-3 blockquote { padding-left: calc(var(--spacing) * 3); }
.\[\&_blockquote\]\:text-muted-foreground blockquote { color: var(--muted-foreground); }
.\[\&_button\]\:h-9 button { height: calc(var(--spacing) * 9); }
.\[\&_button\]\:text-white\/90 button {
color: color-mix(in srgb, rgb(255, 255, 255) 90%, transparent 10%);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
.\[\&_h1\]\:text-xl h1 { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); }
.\[\&_h1\]\:font-semibold h1 { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
.\[\&_h2\]\:text-lg h2 { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); }
.\[\&_h2\]\:font-semibold h2 { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
.\[\&_h3\]\:font-semibold h3 { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
.\[\&_hr\]\:my-3 hr { margin-block: calc(var(--spacing) * 3); }
.\[\&_hr\]\:border-border hr { border-color: var(--border); }
.\[\&_img\]\:max-w-full img { max-width: 100%; }
.\[\&_img\]\:rounded img { border-radius: 0.25rem; }
.\[\&_input\]\:pr-20 input { padding-right: calc(var(--spacing) * 20); }
.\[\&_li\>p\]\:my-0 li > p { margin-block: 0px; }
.\[\&_ol\]\:my-2 ol { margin-block: calc(var(--spacing) * 2); }
.\[\&_ol\]\:list-decimal ol { list-style-type: decimal; }
.\[\&_ol\]\:pl-6 ol { padding-left: calc(var(--spacing) * 6); }
.\[\&_p\]\:m-0 p { margin: 0px; }
.\[\&_p\]\:my-0 p { margin-block: 0px; }
.\[\&_p\]\:my-2 p { margin-block: calc(var(--spacing) * 2); }
.\[\&_p\]\:min-h-\[1\.5em\] p { min-height: 1.5em; }
.\[\&_svg\]\:pointer-events-none svg { pointer-events: none; }
.\[\&_svg\]\:size-4 svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
.\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; }
.\[\&_td\:first-child\]\:pl-\[18px\] td:first-child { padding-left: 18px; }
.\[\&_td\:last-child\]\:pr-\[18px\] td:last-child { padding-right: 18px; }
.\[\&_th\:first-child\]\:pl-\[18px\] th:first-child { padding-left: 18px; }
.\[\&_th\:last-child\]\:pr-\[18px\] th:last-child { padding-right: 18px; }
.\[\&_tr\]\:border-0 tr { border-style: var(--tw-border-style); border-width: 0px; }
.\[\&_tr\]\:border-b tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.\[\&_tr\:last-child\]\:border-0 tr:last-child { border-style: var(--tw-border-style); border-width: 0px; }
.\[\&_ul\]\:list-disc ul { list-style-type: disc; }
.\[\&_ul\]\:pl-6 ul { padding-left: calc(var(--spacing) * 6); }
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button { appearance: none; }
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none; }
.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) { padding-right: 0px; }
:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg) { rotate: 180deg; }
:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) { rotate: 180deg; }
.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
@media (width < 45.25rem) {
.max-lg\:\[\&\:nth-child\(-n\+2\)\]\:border-b:nth-child(-n+2) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.max-lg\:\[\&\:nth-child\(odd\)\]\:border-r:nth-child(2n+1) { border-right-style: var(--tw-border-style); border-right-width: 1px; }
}
.\[\&\>\*\]\:px-4 > * { padding-inline: calc(var(--spacing) * 4); }
.\[\&\>\*\]\:px-\[18px\] > * { padding-inline: 18px; }
.\[\&\>\*\]\:py-3\.5 > * { padding-block: calc(var(--spacing) * 3.5); }
.\[\&\>\*\]\:py-4 > * { padding-block: calc(var(--spacing) * 4); }
.\[\&\>\*\:first-child\]\:mt-0 > :first-child { margin-top: 0px; }
.\[\&\>\*\:last-child\]\:col-span-2 > :last-child { grid-column: span 2 / span 2; }
.\[\&\>\*\:last-child\]\:mb-0 > :last-child { margin-bottom: 0px; }
@media (width >= 45.25rem) {
.lg\:\[\&\>\*\:last-child\]\:col-span-1 > :last-child { grid-column: span 1 / span 1; }
.\[\&\>\*\:only-child\]\:lg\:col-span-2 > :only-child { grid-column: span 2 / span 2; }
}
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] { --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); }
.\[\&\>button\]\:flex-1 > button { flex: 1 1 0%; }
.\[\&\>button\]\:justify-center > button { justify-content: center; }
.\[\&\>button\]\:px-1\.5 > button { padding-inline: calc(var(--spacing) * 1.5); }
.\[\&\>div\:first-child\]\:flex-1 > div:first-child { flex: 1 1 0%; }
.\[\&\>div\:has\(\>table\)\]\:border-t > div:has(> table) { border-top-style: var(--tw-border-style); border-top-width: 1px; }
.\[\&\>div\:has\(\>table\)\:last-child\]\:mb-\[18px\] > div:has(> table):last-child { margin-bottom: 18px; }
.\[\&\>ol\+p\]\:mt-5 > ol + p { margin-top: calc(var(--spacing) * 5); }
.\[\&\>p\+ol\]\:mt-1\.5 > p + ol { margin-top: calc(var(--spacing) * 1.5); }
.\[\&\>p\+ul\]\:mt-1\.5 > p + ul { margin-top: calc(var(--spacing) * 1.5); }
.\[\&\>span\]\:line-clamp-1 > span { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.\[\&\>span\]\:text-xs > span { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
.\[\&\>span\]\:opacity-70 > span { opacity: 0.7; }
.\[\&\>svg\]\:size-3\.5 > svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); }
.\[\&\>svg\]\:size-4 > svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
.\[\&\>svg\]\:size-5 > svg { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); }
.\[\&\>svg\]\:shrink-0 > svg { flex-shrink: 0; }
.\[\&\>svg\]\:text-muted-foreground > svg { color: var(--muted-foreground); }
.\[\&\>td\]\:py-0 > td { padding-block: 0px; }
.\[\&\>tr\]\:last\:border-b-0 > tr:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.\[\&\>ul\+p\]\:mt-5 > ul + p { margin-top: calc(var(--spacing) * 5); }
[data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent { background-color: transparent; }
[data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent { background-color: transparent; }
}
@property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
@property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
@property --tw-animation-duration { syntax: "*"; inherits: false; }
@property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
@property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
:root {
--radius: 0.75rem; --background: oklch(1 0 0); --foreground: #151925; --canvas: #f1f2f5; --action: #151925; --action-hover: #2a2f3d; --action-foreground: #ffffff; --good: #166534; --good-wash: #e6f5ea; --good-dot: #22a05a; --warn: #92400e; --warn-wash: #fdf2de; --warn-dot: #d9822b; --bad: #a61b1b; --bad-wash: #fcebeb; --bad-dot: #dc3b3b; --chart-1: #10b981; --chart-2: #3b82f6; --chart-3: #f59e0b; --chart-4: #8b5cf6; --card: oklch(1 0 0); --card-foreground: #151925; --popover: oklch(1 0 0); --popover-foreground: #151925; --primary: oklch(0.511 0.262 277); --primary-foreground: oklch(0.99 0 0); --primary-glow: oklch(0.673 0.182 277); --secondary: #f2f3f6; --secondary-foreground: #151925; --muted: #f2f3f6; --muted-foreground: #596173; --accent: #f2f3f6; --accent-foreground: #151925; --destructive: #dc2626; --destructive-foreground: oklch(0.99 0 0); --success: oklch(0.62 0.17 145); --success-foreground: oklch(0.99 0 0); --warning: oklch(0.78 0.16 80); --warning-foreground: oklch(0.2 0.02 80); --brand-blue: oklch(0.511 0.262 277); --brand-red: oklch(0.62 0.22 25); --brand-yellow: oklch(0.82 0.17 85); --brand-green: oklch(0.65 0.17 145); --border: #e4e6eb; --input: #e4e6eb; --ring: oklch(0.511 0.262 277); --chart-5: oklch(0.55 0.18 295); --sidebar: oklch(0.99 0.003 260); --sidebar-foreground: oklch(0.18 0.02 260); --sidebar-primary: oklch(0.511 0.262 277); --sidebar-primary-foreground: oklch(0.99 0 0); --sidebar-accent: oklch(0.96 0.015 277); --sidebar-accent-foreground: oklch(0.22 0.02 260); --sidebar-border: oklch(0.92 0.008 255); --sidebar-ring: oklch(0.511 0.262 277); --gradient-hero: linear-gradient(135deg, oklch(0.97 0.02 277) 0%, oklch(0.93 0.05 277) 100%); --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-glow) 100%); --shadow-elegant: 0 10px 30px -12px var(--primary);
@supports (color: color-mix(in lab, red, red)) {
--shadow-elegant: 0 10px 30px -12px color-mix(in oklab, var(--primary) 25%, transparent);
}
--shadow-soft: 0 1px 3px 0 oklch(0.18 0.02 260 / 0.08), 0 1px 2px -1px oklch(0.18 0.02 260 / 0.06);
}
.dark { --background: oklch(0.16 0.02 260); --foreground: oklch(0.97 0.005 260); --chart-1: #059669; --chart-2: #2563eb; --chart-3: #d97706; --chart-4: #7c3aed; --card: oklch(0.2 0.02 260); --card-foreground: oklch(0.97 0.005 260); --popover: oklch(0.2 0.02 260); --popover-foreground: oklch(0.97 0.005 260); --primary: oklch(0.673 0.182 277); --primary-foreground: oklch(0.16 0.02 260); --primary-glow: oklch(0.786 0.121 276); --secondary: oklch(0.26 0.02 260); --secondary-foreground: oklch(0.97 0.005 260); --muted: oklch(0.26 0.02 260); --muted-foreground: oklch(0.7 0.02 260); --accent: oklch(0.28 0.03 250); --accent-foreground: oklch(0.97 0.005 260); --destructive: oklch(0.65 0.2 25); --destructive-foreground: oklch(0.99 0 0); --success: oklch(0.7 0.16 145); --success-foreground: oklch(0.16 0.02 260); --warning: oklch(0.82 0.16 85); --warning-foreground: oklch(0.2 0.02 80); --brand-blue: oklch(0.673 0.182 277); --brand-red: oklch(0.7 0.2 25); --brand-yellow: oklch(0.85 0.16 85); --brand-green: oklch(0.7 0.16 145); --border: oklch(1 0 0 / 12%); --input: oklch(1 0 0 / 15%); --ring: oklch(0.673 0.182 277); --chart-5: oklch(0.7 0.16 295); --sidebar: oklch(0.2 0.02 260); --sidebar-foreground: oklch(0.97 0.005 260); --sidebar-primary: oklch(0.673 0.182 277); --sidebar-primary-foreground: oklch(0.16 0.02 260); --sidebar-accent: oklch(0.28 0.035 277); --sidebar-accent-foreground: oklch(0.97 0.005 260); --sidebar-border: oklch(1 0 0 / 12%); --sidebar-ring: oklch(0.673 0.182 277); }
@layer base {
:where(.overflow-x-auto, .overflow-auto, .overflow-x-scroll, .overflow-scroll) { position: relative; }
* { border-color: var(--color-border); }
html { font-family: var(--font-sans); -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; scrollbar-width: none; }
html::-webkit-scrollbar { display: none; }
* { scrollbar-width: thin; scrollbar-color: rgba(21, 25, 37, 0.25) transparent; }
html { scrollbar-gutter: stable; }
.overflow-y-auto, .overflow-y-scroll { scrollbar-gutter: stable; }
input[type="number"] { appearance: textfield; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; }
summary { list-style: none; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
summary::before { content: ""; display: inline-block; width: 0.875em; height: 0.875em; margin-right: 0.25em; vertical-align: -0.1em; background-color: currentcolor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center center / contain no-repeat; transition: transform 150ms; }
details[open] > summary::before { transform: rotate(90deg); }
body { background-color: var(--color-background); color: var(--color-foreground); font-feature-settings: "ss01", "cv11"; }
h1, h2, h3, h4, h5, h6 { letter-spacing: -0.02em; }
}
.logo-dot { position: absolute; width: 7px; height: 7px; border-radius: 9999px; top: 50%; left: 0px; }
.logo-dot-1 { animation: 5s cubic-bezier(0.65, 0, 0.35, 1) 0s infinite normal none running logo-morph-1; }
.logo-dot-2 { animation: 5s cubic-bezier(0.65, 0, 0.35, 1) 0s infinite normal none running logo-morph-2; }
.logo-dot-3 { animation: 5s cubic-bezier(0.65, 0, 0.35, 1) 0s infinite normal none running logo-morph-3; }
.logo-dot-4 { animation: 5s cubic-bezier(0.65, 0, 0.35, 1) 0s infinite normal none running logo-morph-4; }
@keyframes logo-morph-1 {
0%, 15% { transform: translate(0px, -50%); }
40%, 60% { transform: translate(7px, -180%); }
85%, 100% { transform: translate(0px, -50%); }
}
@keyframes logo-morph-2 {
0%, 15% { transform: translate(10px, -50%); }
40%, 60% { transform: translate(-2px, -50%); }
85%, 100% { transform: translate(10px, -50%); }
}
@keyframes logo-morph-3 {
0%, 15% { transform: translate(20px, -50%); }
40%, 60% { transform: translate(7px, 80%); }
85%, 100% { transform: translate(20px, -50%); }
}
@keyframes logo-morph-4 {
0%, 15% { transform: translate(30px, -50%); }
40%, 60% { transform: translate(16px, -50%); }
85%, 100% { transform: translate(30px, -50%); }
}
@media (prefers-reduced-motion: reduce) {
.logo-dot-1, .logo-dot-2, .logo-dot-3, .logo-dot-4 { animation: auto ease 0s 1 normal none running none; }
.logo-dot-1 { transform: translate(0px, -50%); }
.logo-dot-2 { transform: translate(10px, -50%); }
.logo-dot-3 { transform: translate(20px, -50%); }
.logo-dot-4 { transform: translate(30px, -50%); }
}
.popup-content { transform: translate3d(-50%, -50%, 0px); will-change: transform, opacity; backface-visibility: hidden; }
.popup-content[data-state="open"] { animation: 160ms cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running popup-zoom-in; }
.popup-content[data-state="closed"] { animation: popup-zoom-out 120ms var(--ease-out) both; }
@keyframes popup-zoom-in {
0% { opacity: 0; transform: translate3d(-50%, -50%, 0px) scale(0.96); }
100% { opacity: 1; transform: translate3d(-50%, -50%, 0px) scale(1); }
}
@keyframes popup-zoom-out {
0% { opacity: 1; transform: translate3d(-50%, -50%, 0px) scale(1); }
100% { opacity: 0; transform: translate3d(-50%, -50%, 0px) scale(0.98); }
}
@media (prefers-reduced-motion: reduce) {
.popup-content[data-state="open"], .popup-content[data-state="closed"] { animation: auto ease 0s 1 normal none running none; }
}
@keyframes ocean-drift {
0% { transform: translate3d(0px, 0px, 0px) scale(1); }
25% { transform: translate3d(3%, -2.5%, 0px) scale(1.06); }
50% { transform: translate3d(-2.5%, 2%, 0px) scale(1.1); }
75% { transform: translate3d(2%, 2.5%, 0px) scale(1.05); }
100% { transform: translate3d(0px, 0px, 0px) scale(1); }
}
[data-sk] { -webkit-text-fill-color: transparent; }
[data-sk] :where(svg, img, canvas) { visibility: hidden; }
[data-sk] :is(h2, th, button, [role="tab"], label, [data-sk-keep]) { -webkit-text-fill-color: currentcolor; }
[data-sk] :is(h2, th, button, [role="tab"], label, [data-sk-keep]) :where(svg, img) { visibility: visible; }
[data-sk] [data-sk-chip] { visibility: hidden; }
.sk-bone { background-color: rgb(233, 235, 240); background-image: linear-gradient(90deg, transparent 0px, rgba(255, 255, 255, 0.55) 50%, transparent 100%); background-size: 40vw 100%; background-repeat: no-repeat; background-attachment: fixed; animation: 1.6s linear 0s infinite normal none running sk-sweep; }
.sk-bone-dark { background-color: rgba(255, 255, 255, 0.16); background-image: linear-gradient(90deg, transparent 0px, rgba(255, 255, 255, 0.12) 50%, transparent 100%); }
@keyframes sk-sweep {
0% { background-position: -40vw 0px; }
100% { background-position: 100vw 0px; }
}
@media (prefers-reduced-motion: reduce) {
.sk-bone { animation: auto ease 0s 1 normal none running none; background-image: none; }
}
@keyframes route-progress {
0% { transform: translateX(-100%) scaleX(0.4); }
50% { transform: translateX(0%) scaleX(0.7); }
100% { transform: translateX(100%) scaleX(0.4); }
}
.route-progress-bar { transform-origin: left center; animation: 1.1s ease-in-out 0s infinite normal none running route-progress; }
@media (prefers-reduced-motion: reduce) {
.route-progress-bar { animation: auto ease 0s 1 normal none running none; }
}
.chat-panel[data-state="open"] { animation: 220ms cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running chat-panel-in; }
.chat-panel[data-state="closed"] { animation: 140ms ease-in 0s 1 normal both running chat-panel-out; }
@keyframes chat-panel-in {
0% { opacity: 0; transform: translate3d(0px, 12px, 0px) scale(0.96); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px) scale(1); }
}
@keyframes chat-panel-out {
0% { opacity: 1; transform: translate3d(0px, 0px, 0px) scale(1); }
100% { opacity: 0; transform: translate3d(0px, 8px, 0px) scale(0.98); }
}
.chat-screen-forward { animation: 220ms cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running chat-slide-in-right; }
.chat-screen-back { animation: 220ms cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running chat-slide-in-left; }
.chat-screen-fade { animation: 160ms ease-out 0s 1 normal both running chat-fade-in; }
@keyframes chat-slide-in-right {
0% { opacity: 0; transform: translate3d(14%, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes chat-slide-in-left {
0% { opacity: 0; transform: translate3d(-14%, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes chat-fade-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
.chat-bubble-new { animation: 200ms cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running chat-bubble-in; }
@keyframes chat-bubble-in {
0% { opacity: 0; transform: translate3d(0px, 8px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.chat-launcher-icon { transition: opacity 160ms, transform 220ms cubic-bezier(0.16, 1, 0.3, 1); }
.chat-launcher-icon[data-hidden="true"] { opacity: 0; transform: rotate(-90deg) scale(0.6); }
.chat-launcher-icon[data-hidden="false"] { opacity: 1; transform: rotate(0deg) scale(1); }
.chat-typing-dot { animation: 1.2s ease-in-out 0s infinite normal none running chat-typing; }
.chat-typing-dot:nth-child(2) { animation-delay: 0.15s; }
.chat-typing-dot:nth-child(3) { animation-delay: 0.3s; }
@keyframes chat-typing {
0%, 60%, 100% { opacity: 0.25; transform: translateY(0px); }
30% { opacity: 1; transform: translateY(-3px); }
}
@media (prefers-reduced-motion: reduce) {
.chat-panel[data-state="open"], .chat-panel[data-state="closed"], .chat-screen-forward, .chat-screen-back, .chat-screen-fade, .chat-bubble-new, .chat-typing-dot { animation: auto ease 0s 1 normal none running none; }
.chat-launcher-icon { transition: none; }
}
.chat-notice { animation: 260ms cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running chat-notice-in; }
@keyframes chat-notice-in {
0% { opacity: 0; transform: translate3d(0px, 16px, 0px) scale(0.97); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
.chat-notice { animation: auto ease 0s 1 normal none running none; }
}
@property --beam-angle { syntax: ""; inherits: false; initial-value: 0deg; }
.nav-beam { position: relative; }
.nav-beam::before {
content: ""; position: absolute; inset: 0px; border-radius: inherit; padding: 1px; background: conic-gradient( from var(--beam-angle), transparent 0turn, transparent 0.62turn, var(--primary) 0.82turn, var(--primary-glow) 0.95turn, transparent 1turn );
@supports (color: color-mix(in lab, red, red)) {
background: conic-gradient( from var(--beam-angle), transparent 0turn, transparent 0.62turn, color-mix(in oklab, var(--primary) 35%, transparent) 0.82turn, var(--primary-glow) 0.95turn, transparent 1turn );
}
mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); animation: 3.5s linear 0s infinite normal none running nav-beam-travel; pointer-events: none;
}
@keyframes nav-beam-travel {
100% { --beam-angle: 360deg; }
}
@media (prefers-reduced-motion: reduce) {
.nav-beam::before {
animation: auto ease 0s 1 normal none running none; background: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in oklab, var(--primary) 40%, transparent);
}
}
}
.ProseMirror p.is-editor-empty:first-child::before { content: attr(data-placeholder); float: left; height: 0px; pointer-events: none; color: var(--muted-foreground); }
@media print {
body:has([data-print-root]) * { visibility: hidden; }
body:has([data-print-root]) [data-print-root], body:has([data-print-root]) [data-print-root] * { visibility: visible; }
[data-print-root] { position: absolute; inset: 0px auto auto 0px; width: 100%; }
body:has([data-print-root]) :has([data-print-root]) { position: static !important; transform: none !important; translate: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
.shell-side { width: 248px; transition: width 240ms var(--ease-in-out); }
.shell-side[data-collapsed="true"] { width: 72px; }
.shell-side[data-instant="true"], .shell-side[data-instant="true"] * { transition: none !important; }
.shell-side .shell-fade { transition: opacity 180ms 70ms; }
.shell-side[data-collapsed="true"] .shell-fade { opacity: 0; pointer-events: none; transition: opacity 100ms; }
.shell-side .shell-heading { position: relative; white-space: nowrap; transition: color 150ms; }
.shell-side[data-collapsed="true"] .shell-heading { color: transparent; }
.shell-side .shell-heading::after { content: ""; position: absolute; left: -7px; right: 7px; top: 50%; height: 1px; background: var(--border); opacity: 0; transition: opacity 150ms; }
.shell-side[data-collapsed="true"] .shell-heading::after { opacity: 1; }
.shell-side .shell-pip { opacity: 0; transition: opacity 150ms; }
.shell-side[data-collapsed="true"] .shell-pip { opacity: 1; }
.shell-side .shell-fold { max-height: 220px; overflow: hidden; transition: max-height 240ms var(--ease-in-out), opacity 150ms ease 60ms, padding 240ms var(--ease-in-out); }
.shell-side[data-collapsed="true"] .shell-fold { max-height: 0px; opacity: 0; padding-top: 0px; padding-bottom: 0px; transition: max-height 240ms var(--ease-in-out), opacity 100ms ease, padding 240ms var(--ease-in-out); }
.shell-side .shell-unfold { max-height: 0px; opacity: 0; overflow: hidden; transition: max-height 240ms var(--ease-in-out), opacity 150ms ease; }
.shell-side[data-collapsed="true"] .shell-unfold { max-height: 40px; opacity: 1; }
.sk-bone { transition: opacity 260ms linear; }
@property --sk-r { syntax: ""; inherits: false; initial-value: 0px; }
.sk-bone.sk-bone-out { opacity: 0; }
@keyframes mz-loader-turn {
100% { transform: rotate(360deg); }
}
.mz-loader { position: relative; display: grid; width: 44px; height: 44px; place-items: center; }
.mz-loader::before { content: ""; position: absolute; inset: 0px; border-radius: 50%; border-width: 3px; border-style: solid; border-right-color: rgb(227, 229, 236); border-bottom-color: rgb(227, 229, 236); border-left-color: rgb(227, 229, 236); border-image: none; border-top-color: var(--primary); animation-duration: 800ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mz-loader-turn; animation-timeline: auto; animation-range: normal; animation-delay: var(--mz-loader-delay, 0ms); }
.mz-loader-mark { width: 22px; height: auto; user-select: none; }
@media (prefers-reduced-motion: reduce) {
.mz-loader::before { animation-duration: 2400ms; }
}
tr[data-needs-you] > td:first-child, tr[data-needs-you] > th:first-child, [data-needs-you]:not(tr) { position: relative; }
tr[data-needs-you] > td:first-child::before, tr[data-needs-you] > th:first-child::before, [data-needs-you]:not(tr)::before { content: ""; position: absolute; left: 7px; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 9999px; background: var(--primary); }
[data-needs-you]:not(tr)::before { top: 21px; }
.driver-popover.mz-tour { border-radius: 16px; padding: 18px 18px 14px; min-width: 280px; max-width: 340px; color: var(--foreground); font-family: var(--font-sans); box-shadow: rgba(10, 12, 20, 0.45) 0px 24px 60px -18px; }
.mz-tour .driver-popover-title { font: 600 15px/1.3 var(--font-sans); }
.mz-tour .driver-popover-description { margin-top: 6px; font-size: 13.5px; line-height: 1.5; color: rgb(61, 68, 86); }
.mz-tour .driver-popover-footer { margin-top: 14px; flex-wrap: wrap; row-gap: 10px; }
.mz-tour .driver-popover-progress-text { flex-basis: 100%; text-align: left; font-size: 12px; color: var(--muted-foreground); }
.mz-tour .driver-popover-navigation-btns { margin-left: auto; gap: 6px; }
.mz-tour .driver-popover-footer button { font: 500 13px var(--font-sans); white-space: nowrap; text-shadow: none; border-radius: 9px; padding: 7px 12px; border: 1px solid var(--border); background: var(--card); color: var(--foreground); transition: transform 160ms var(--ease-out); }
.mz-tour .driver-popover-footer button:active { transform: scale(0.97); }
.mz-tour .driver-popover-footer .driver-popover-next-btn { background: var(--action); border-color: var(--action); color: var(--action-foreground); }
.mz-tour .driver-popover-close-btn { width: 32px; height: 32px; font-size: 20px; color: var(--muted-foreground); }
@layer components {
.liquid-glass { position: relative; isolation: isolate; border-radius: 9999px; background: linear-gradient(140deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03) 60%, rgba(255, 255, 255, 0.06)); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset; }
.liquid-glass::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; pointer-events: none; background: radial-gradient(100% 70% at 20% -20%, rgba(255, 255, 255, 0.1), transparent 60%); }
@media (prefers-reduced-transparency: reduce) {
.liquid-glass { backdrop-filter: none; background: rgba(255, 255, 255, 0.16); }
}
}
.auth-word-mask { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: 0.08em; margin-bottom: -0.08em; }
.auth-word { display: inline-block; }
html[data-consent-open] .auth-main { padding-bottom: 15rem; }
@media (prefers-reduced-motion: no-preference) {
.auth-frame[data-entrance="full"] .auth-main { animation: 760ms cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running auth-slide-in; }
.auth-frame[data-entrance="full"] .auth-brand { animation: 700ms cubic-bezier(0.16, 1, 0.3, 1) 80ms 1 normal both running auth-brand-in; }
.auth-frame[data-entrance="full"] .auth-word { animation-duration: 850ms; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: auth-word-up; animation-timeline: auto; animation-range: normal; animation-delay: calc(480ms + var(--w, 0) * 55ms); }
.auth-frame[data-entrance="full"] .auth-lede { animation: 800ms cubic-bezier(0.16, 1, 0.3, 1) 820ms 1 normal both running auth-unblur; }
.auth-frame[data-entrance="full"] .auth-proof { animation-duration: 700ms; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: auth-rise; animation-timeline: auto; animation-range: normal; animation-delay: calc(1000ms + var(--p, 0) * 90ms); }
.auth-frame[data-entrance="full"] .auth-caption { animation: 600ms cubic-bezier(0.16, 1, 0.3, 1) 1300ms 1 normal both running auth-pop; }
.auth-card > * { animation-duration: 520ms; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: auth-rise; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--i, 0) * 55ms + var(--d, 0ms)); }
.auth-frame[data-entrance="full"] .auth-card > * { --d: 280ms; }
.auth-card > :nth-child(2) { --i: 1; }
.auth-card > :nth-child(3) { --i: 2; }
.auth-card > :nth-child(4) { --i: 3; }
.auth-card > :nth-child(5) { --i: 4; }
.auth-card > :nth-child(n+6) { --i: 5; }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 1023px) {
.auth-frame[data-entrance="full"] .auth-main { animation-name: auth-rise; }
}
@keyframes auth-slide-in {
0% { transform: translateX(42%); }
100% { transform: none; }
}
@keyframes auth-brand-in {
0% { transform: translateX(-10px); opacity: 0; }
100% { transform: none; opacity: 1; }
}
@keyframes auth-word-up {
0% { transform: translateY(110%); }
100% { transform: none; }
}
@keyframes auth-unblur {
0% { opacity: 0; filter: blur(8px); transform: translateY(4px); }
100% { opacity: 1; filter: none; transform: none; }
}
@keyframes auth-pop {
0% { opacity: 0; transform: scale(0.96); }
100% { opacity: 1; transform: none; }
}
@keyframes auth-rise {
0% { transform: translateY(8px); opacity: 0; }
100% { transform: none; opacity: 1; }
}
@keyframes star-twinkle {
0%, 100% { opacity: 0.45; transform: scale(0.8); }
50% { opacity: 1; transform: scale(1.12); }
}
.star-twinkle { animation: 2.6s ease-in-out 0s infinite normal none running star-twinkle; }
@media (prefers-reduced-motion: reduce) {
.star-twinkle { animation: auto ease 0s 1 normal none running none; opacity: 0.8; }
}
.log-table table { width: 100%; font-size: 13px; }
.log-table thead tr { text-transform: none; letter-spacing: normal; background: transparent; }
.log-table th { height: 2.5rem; padding: 0px 0.75rem; font-size: 0.75rem; font-weight: 500; white-space: nowrap; vertical-align: middle; color: var(--muted-foreground); }
.log-table td { padding: 11px 0.75rem; }
.log-table :is(th, td):first-child { padding-left: 18px; }
.log-table :is(th, td):last-child { padding-right: 18px; }
.log-table tr { border-bottom: 1px solid var(--border); }
.log-table tbody tr:last-child { border-bottom: 0px; }
.log-table tbody tr:hover { background: rgb(247, 248, 250); }
@media (prefers-reduced-motion: reduce) {
[class*="animate-in"], [class*="animate-out"] { --tw-enter-translate-x: 0 !important; --tw-enter-translate-y: 0 !important; --tw-exit-translate-x: 0 !important; --tw-exit-translate-y: 0 !important; --tw-enter-scale: 1 !important; --tw-exit-scale: 1 !important; --tw-enter-rotate: 0 !important; --tw-exit-rotate: 0 !important; }
}
[data-sonner-toaster] [data-sonner-toast] { transition-duration: 260ms; transition-timing-function: var(--ease-out); }
@media (prefers-reduced-motion: reduce) {
[data-sonner-toaster] [data-sonner-toast] { transition-property: opacity; }
}
.toast-card { background: rgb(255, 255, 255); border: 1px solid var(--border); box-shadow: rgba(21, 25, 37, 0.06) 0px 1px 2px, rgba(21, 25, 37, 0.22) 0px 12px 32px -12px; }
.toast-card-button { background: rgb(255, 255, 255); border: 1px solid var(--border); }
.toast-card-button:hover { background: rgb(246, 247, 249); }
@media (min-width: 601px) {
[data-sonner-toaster] [data-sonner-toast] { width: var(--width); }
}
@media (min-width: 601px) and (max-width: 1023px) {
[data-sonner-toaster] { --offset-top: 64px !important; --offset-right: 14px !important; }
}
body:not(:has([data-app-frame])) [data-sonner-toaster] { --offset-top: 22px !important; --mobile-offset-top: 16px !important; }
[data-sonner-toast][data-expanded="false"][data-front="false"] > [data-content], [data-sonner-toast][data-expanded="false"][data-front="false"] > [data-content] > [data-title], [data-sonner-toast][data-expanded="false"][data-front="false"] .toast-card { height: 100%; overflow: hidden; }
[data-sonner-toast][data-expanded="false"][data-front="false"] .toast-card > * { opacity: 0; }
.toast-card > * { transition: opacity 200ms var(--ease-out); }
@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-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: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@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; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@keyframes spin {
100% { transform: rotate(360deg); }
}
@keyframes ping {
75%, 100% { transform: scale(2); opacity: 0; }
}
@keyframes pulse {
50% { opacity: 0.5; }
}
@keyframes enter {
0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }
}
@keyframes exit {
100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }
}
@keyframes caret-blink {
0%, 70%, 100% { opacity: 1; }
20%, 50% { opacity: 0; }
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
*, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-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-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; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; --beam-angle: 0deg; --sk-r: 0px; }
}
}
[data-sonner-toaster][dir="ltr"], html[dir="ltr"] { --toast-icon-margin-start: -3px; --toast-icon-margin-end: 4px; --toast-svg-margin-start: -1px; --toast-svg-margin-end: 0px; --toast-button-margin-start: auto; --toast-button-margin-end: 0; --toast-close-button-start: 0; --toast-close-button-end: unset; --toast-close-button-transform: translate(-35%, -35%); }
[data-sonner-toaster][dir="rtl"], html[dir="rtl"] { --toast-icon-margin-start: 4px; --toast-icon-margin-end: -3px; --toast-svg-margin-start: 0px; --toast-svg-margin-end: -1px; --toast-button-margin-start: 0; --toast-button-margin-end: auto; --toast-close-button-start: unset; --toast-close-button-end: 0; --toast-close-button-transform: translate(35%, -35%); }
[data-sonner-toaster] { position: fixed; width: var(--width); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --gray1: hsl(0, 0%, 99%); --gray2: hsl(0, 0%, 97.3%); --gray3: hsl(0, 0%, 95.1%); --gray4: hsl(0, 0%, 93%); --gray5: hsl(0, 0%, 90.9%); --gray6: hsl(0, 0%, 88.7%); --gray7: hsl(0, 0%, 85.8%); --gray8: hsl(0, 0%, 78%); --gray9: hsl(0, 0%, 56.1%); --gray10: hsl(0, 0%, 52.3%); --gray11: hsl(0, 0%, 43.5%); --gray12: hsl(0, 0%, 9%); --border-radius: 8px; box-sizing: border-box; padding: 0px; margin: 0px; list-style: none; outline: 0px; z-index: 999999999; transition: transform 0.4s; }
@media (hover: none) and (pointer: coarse) {
[data-sonner-toaster][data-lifted="true"] { transform: none; }
}
[data-sonner-toaster][data-x-position="right"] { right: var(--offset-right); }
[data-sonner-toaster][data-x-position="left"] { left: var(--offset-left); }
[data-sonner-toaster][data-x-position="center"] { left: 50%; transform: translateX(-50%); }
[data-sonner-toaster][data-y-position="top"] { top: var(--offset-top); }
[data-sonner-toaster][data-y-position="bottom"] { bottom: var(--offset-bottom); }
[data-sonner-toast] { --y: translateY(100%); --lift-amount: calc(var(--lift) * var(--gap)); z-index: var(--z-index); position: absolute; opacity: 0; transform: var(--y); touch-action: none; transition: transform 0.4s, opacity 0.4s, height 0.4s, box-shadow 0.2s; box-sizing: border-box; outline: 0px; overflow-wrap: anywhere; }
[data-sonner-toast][data-styled="true"] { padding: 16px; background: var(--normal-bg); border: 1px solid var(--normal-border); color: var(--normal-text); border-radius: var(--border-radius); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; width: var(--width); font-size: 13px; display: flex; align-items: center; gap: 6px; }
[data-sonner-toast]:focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }
[data-sonner-toast][data-y-position="top"] { top: 0px; --y: translateY(-100%); --lift: 1; --lift-amount: calc(1 * var(--gap)); }
[data-sonner-toast][data-y-position="bottom"] { bottom: 0px; --y: translateY(100%); --lift: -1; --lift-amount: calc(var(--lift) * var(--gap)); }
[data-sonner-toast][data-styled="true"] [data-description] { font-weight: 400; line-height: 1.4; color: rgb(63, 63, 63); }
[data-rich-colors="true"][data-sonner-toast][data-styled="true"] [data-description] { color: inherit; }
[data-sonner-toaster][data-sonner-theme="dark"] [data-description] { color: rgb(232, 232, 232); }
[data-sonner-toast][data-styled="true"] [data-title] { font-weight: 500; line-height: 1.5; color: inherit; }
[data-sonner-toast][data-styled="true"] [data-icon] { display: flex; height: 16px; width: 16px; position: relative; justify-content: flex-start; align-items: center; flex-shrink: 0; margin-left: var(--toast-icon-margin-start); margin-right: var(--toast-icon-margin-end); }
[data-sonner-toast][data-promise="true"] [data-icon] > svg { opacity: 0; transform: scale(0.8); transform-origin: center center; animation: 0.3s ease 0s 1 normal forwards running sonner-fade-in; }
[data-sonner-toast][data-styled="true"] [data-icon] > * { flex-shrink: 0; }
[data-sonner-toast][data-styled="true"] [data-icon] svg { margin-left: var(--toast-svg-margin-start); margin-right: var(--toast-svg-margin-end); }
[data-sonner-toast][data-styled="true"] [data-content] { display: flex; flex-direction: column; gap: 2px; }
[data-sonner-toast][data-styled="true"] [data-button] { border-radius: 4px; padding-left: 8px; padding-right: 8px; height: 24px; font-size: 12px; color: var(--normal-bg); background: var(--normal-text); margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-weight: 500; cursor: pointer; outline: 0px; display: flex; align-items: center; flex-shrink: 0; transition: opacity 0.4s, box-shadow 0.2s; }
[data-sonner-toast][data-styled="true"] [data-button]:focus-visible { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 2px; }
[data-sonner-toast][data-styled="true"] [data-button]:first-of-type { margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); }
[data-sonner-toast][data-styled="true"] [data-cancel] { color: var(--normal-text); background: rgba(0, 0, 0, 0.08); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-styled="true"] [data-cancel] { background: rgba(255, 255, 255, 0.3); }
[data-sonner-toast][data-styled="true"] [data-close-button] { position: absolute; left: var(--toast-close-button-start); right: var(--toast-close-button-end); top: 0px; height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; padding: 0px; color: var(--gray12); background: var(--normal-bg); border: 1px solid var(--gray4); transform: var(--toast-close-button-transform); border-radius: 50%; cursor: pointer; z-index: 1; transition: opacity 0.1s, background 0.2s, border-color 0.2s; }
[data-sonner-toast][data-styled="true"] [data-close-button]:focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }
[data-sonner-toast][data-styled="true"] [data-disabled="true"] { cursor: not-allowed; }
[data-sonner-toast][data-styled="true"]:hover [data-close-button]:hover { background: var(--gray2); border-color: var(--gray5); }
[data-sonner-toast][data-swiping="true"]::before { content: ""; position: absolute; left: -100%; right: -100%; height: 100%; z-index: -1; }
[data-sonner-toast][data-y-position="top"][data-swiping="true"]::before { bottom: 50%; transform: scaleY(3) translateY(50%); }
[data-sonner-toast][data-y-position="bottom"][data-swiping="true"]::before { top: 50%; transform: scaleY(3) translateY(-50%); }
[data-sonner-toast][data-swiping="false"][data-removed="true"]::before { content: ""; position: absolute; inset: 0px; transform: scaleY(2); }
[data-sonner-toast][data-expanded="true"]::after { content: ""; position: absolute; left: 0px; height: calc(var(--gap) + 1px); bottom: 100%; width: 100%; }
[data-sonner-toast][data-mounted="true"] { --y: translateY(0); opacity: 1; }
[data-sonner-toast][data-expanded="false"][data-front="false"] { --scale: var(--toasts-before) * 0.05 + 1; --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale))); height: var(--front-toast-height); }
[data-sonner-toast] > * { transition: opacity 0.4s; }
[data-sonner-toast][data-x-position="right"] { right: 0px; }
[data-sonner-toast][data-x-position="left"] { left: 0px; }
[data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"] > * { opacity: 0; }
[data-sonner-toast][data-visible="false"] { opacity: 0; pointer-events: none; }
[data-sonner-toast][data-mounted="true"][data-expanded="true"] { --y: translateY(calc(var(--lift) * var(--offset))); height: var(--initial-height); }
[data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"] { --y: translateY(calc(var(--lift) * -100%)); opacity: 0; }
[data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"] { --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%)); opacity: 0; }
[data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"] { --y: translateY(40%); opacity: 0; transition: transform 0.5s, opacity 0.2s; }
[data-sonner-toast][data-removed="true"][data-front="false"]::before { height: calc(var(--initial-height) + 20%); }
[data-sonner-toast][data-swiping="true"] { transform: var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0)); transition: none; }
[data-sonner-toast][data-swiped="true"] { user-select: none; }
[data-sonner-toast][data-swipe-out="true"][data-y-position="bottom"], [data-sonner-toast][data-swipe-out="true"][data-y-position="top"] { animation-duration: 0.2s; animation-timing-function: ease-out; animation-fill-mode: forwards; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="left"] { animation-name: swipe-out-left; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="right"] { animation-name: swipe-out-right; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="up"] { animation-name: swipe-out-up; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="down"] { animation-name: swipe-out-down; }
@keyframes swipe-out-left {
0% { transform: var(--y) translateX(var(--swipe-amount-x)); opacity: 1; }
100% { transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%)); opacity: 0; }
}
@keyframes swipe-out-right {
0% { transform: var(--y) translateX(var(--swipe-amount-x)); opacity: 1; }
100% { transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%)); opacity: 0; }
}
@keyframes swipe-out-up {
0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }
100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%)); opacity: 0; }
}
@keyframes swipe-out-down {
0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }
100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%)); opacity: 0; }
}
@media (max-width: 600px) {
[data-sonner-toaster] { position: fixed; right: var(--mobile-offset-right); left: var(--mobile-offset-left); width: 100%; }
[data-sonner-toaster][dir="rtl"] { left: calc(var(--mobile-offset-left) * -1); }
[data-sonner-toaster] [data-sonner-toast] { left: 0px; right: 0px; width: calc(100% - var(--mobile-offset-left) * 2); }
[data-sonner-toaster][data-x-position="left"] { left: var(--mobile-offset-left); }
[data-sonner-toaster][data-y-position="bottom"] { bottom: var(--mobile-offset-bottom); }
[data-sonner-toaster][data-y-position="top"] { top: var(--mobile-offset-top); }
[data-sonner-toaster][data-x-position="center"] { left: var(--mobile-offset-left); right: var(--mobile-offset-right); transform: none; }
}
[data-sonner-toaster][data-sonner-theme="light"] { --normal-bg: #fff; --normal-border: var(--gray4); --normal-text: var(--gray12); --success-bg: hsl(143, 85%, 96%); --success-border: hsl(145, 92%, 87%); --success-text: hsl(140, 100%, 27%); --info-bg: hsl(208, 100%, 97%); --info-border: hsl(221, 91%, 93%); --info-text: hsl(210, 92%, 45%); --warning-bg: hsl(49, 100%, 97%); --warning-border: hsl(49, 91%, 84%); --warning-text: hsl(31, 92%, 45%); --error-bg: hsl(359, 100%, 97%); --error-border: hsl(359, 100%, 94%); --error-text: hsl(360, 100%, 45%); }
[data-sonner-toaster][data-sonner-theme="light"] [data-sonner-toast][data-invert="true"] { --normal-bg: #000; --normal-border: hsl(0, 0%, 20%); --normal-text: var(--gray1); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-invert="true"] { --normal-bg: #fff; --normal-border: var(--gray3); --normal-text: var(--gray12); }
[data-sonner-toaster][data-sonner-theme="dark"] { --normal-bg: #000; --normal-bg-hover: hsl(0, 0%, 12%); --normal-border: hsl(0, 0%, 20%); --normal-border-hover: hsl(0, 0%, 25%); --normal-text: var(--gray1); --success-bg: hsl(150, 100%, 6%); --success-border: hsl(147, 100%, 12%); --success-text: hsl(150, 86%, 65%); --info-bg: hsl(215, 100%, 6%); --info-border: hsl(223, 43%, 17%); --info-text: hsl(216, 87%, 65%); --warning-bg: hsl(64, 100%, 6%); --warning-border: hsl(60, 100%, 9%); --warning-text: hsl(46, 87%, 65%); --error-bg: hsl(358, 76%, 10%); --error-border: hsl(357, 89%, 16%); --error-text: hsl(358, 100%, 81%); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast] [data-close-button] { background: var(--normal-bg); border-color: var(--normal-border); color: var(--normal-text); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast] [data-close-button]:hover { background: var(--normal-bg-hover); border-color: var(--normal-border-hover); }
[data-rich-colors="true"][data-sonner-toast][data-type="success"] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="success"] [data-close-button] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="info"] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="info"] [data-close-button] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="warning"] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="warning"] [data-close-button] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="error"] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="error"] [data-close-button] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); }
.sonner-loading-wrapper { --size: 16px; height: var(--size); width: var(--size); position: absolute; inset: 0px; z-index: 10; }
.sonner-loading-wrapper[data-visible="false"] { transform-origin: center center; animation: 0.2s ease 0s 1 normal forwards running sonner-fade-out; }
.sonner-spinner { position: relative; top: 50%; left: 50%; height: var(--size); width: var(--size); }
.sonner-loading-bar { animation: 1.2s linear 0s infinite normal none running sonner-spin; background: var(--gray11); border-radius: 6px; height: 8%; left: -10%; position: absolute; top: -3.9%; width: 24%; }
.sonner-loading-bar:first-child { animation-delay: -1.2s; transform: rotate(0.0001deg) translate(146%); }
.sonner-loading-bar:nth-child(2) { animation-delay: -1.1s; transform: rotate(30deg) translate(146%); }
.sonner-loading-bar:nth-child(3) { animation-delay: -1s; transform: rotate(60deg) translate(146%); }
.sonner-loading-bar:nth-child(4) { animation-delay: -0.9s; transform: rotate(90deg) translate(146%); }
.sonner-loading-bar:nth-child(5) { animation-delay: -0.8s; transform: rotate(120deg) translate(146%); }
.sonner-loading-bar:nth-child(6) { animation-delay: -0.7s; transform: rotate(150deg) translate(146%); }
.sonner-loading-bar:nth-child(7) { animation-delay: -0.6s; transform: rotate(180deg) translate(146%); }
.sonner-loading-bar:nth-child(8) { animation-delay: -0.5s; transform: rotate(210deg) translate(146%); }
.sonner-loading-bar:nth-child(9) { animation-delay: -0.4s; transform: rotate(240deg) translate(146%); }
.sonner-loading-bar:nth-child(10) { animation-delay: -0.3s; transform: rotate(270deg) translate(146%); }
.sonner-loading-bar:nth-child(11) { animation-delay: -0.2s; transform: rotate(300deg) translate(146%); }
.sonner-loading-bar:nth-child(12) { animation-delay: -0.1s; transform: rotate(330deg) translate(146%); }
@keyframes sonner-fade-in {
0% { opacity: 0; transform: scale(0.8); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes sonner-fade-out {
0% { opacity: 1; transform: scale(1); }
100% { opacity: 0; transform: scale(0.8); }
}
@keyframes sonner-spin {
0% { opacity: 1; }
100% { opacity: 0.15; }
}
@media (prefers-reduced-motion) {
.sonner-loading-bar, [data-sonner-toast], [data-sonner-toast] > * { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
.sonner-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; transition: opacity 0.2s, transform 0.2s; }
.sonner-loader[data-visible="false"] { opacity: 0; transform: scale(0.8) translate(-50%, -50%); }
.with-scroll-bars-hidden { overflow: hidden !important; padding-right: 0px !important; }
body[data-scroll-locked] { overscroll-behavior: contain; padding-left: 0px; padding-top: 0px; padding-right: 0px; margin-left: 0px; margin-top: 0px; overflow: hidden !important; position: relative !important; margin-right: 0px !important; }
.right-scroll-bar-position { right: 0px !important; }
.width-before-scroll-bar { margin-right: 0px !important; }
.right-scroll-bar-position .right-scroll-bar-position { right: 0px !important; }
.width-before-scroll-bar .width-before-scroll-bar { margin-right: 0px !important; }
body[data-scroll-locked] { --removed-body-scroll-bar-size: 0px; }