From c122290f3712bb771035013e8b63df5caceb6375 Mon Sep 17 00:00:00 2001 From: spinline Date: Sat, 21 Feb 2026 21:03:48 +0300 Subject: [PATCH] build(frontend): add post_build hook to strip modulepreload tags preventing Safari warnings --- frontend/Trunk.toml | 5 + frontend/index.html | 2 +- frontend/public/tailwind.css | 6890 ++++++++++++++++------------------ 3 files changed, 3314 insertions(+), 3583 deletions(-) diff --git a/frontend/Trunk.toml b/frontend/Trunk.toml index fe1e56d..3e466eb 100644 --- a/frontend/Trunk.toml +++ b/frontend/Trunk.toml @@ -7,6 +7,11 @@ stage = "build" command = "sh" command_arguments = ["-c", "npx @tailwindcss/cli -i input.css -o public/tailwind.css"] +[[hooks]] +stage = "post_build" +command = "sh" +command_arguments = ["-c", "sed -i '' -e 's/]*>//g' -e 's/]*>//g' \"$TRUNK_STAGING_DIR/index.html\" || sed -i -e 's/]*>//g' -e 's/]*>//g' \"$TRUNK_STAGING_DIR/index.html\""] + [build] target = "index.html" dist = "dist" diff --git a/frontend/index.html b/frontend/index.html index 950b538..e84ab07 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -20,7 +20,7 @@ - + diff --git a/frontend/public/tailwind.css b/frontend/public/tailwind.css index 28161cf..d3dab93 100644 --- a/frontend/public/tailwind.css +++ b/frontend/public/tailwind.css @@ -1,3454 +1,3257 @@ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */ -:root:not(#\#), :host:not(#\#) { - --font-sans: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif, "Apple Color Emoji", +@layer properties; +@layer theme, base, components, utilities; +@layer theme { + :root, :host { + --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", + --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - --color-red-50: rgb(254, 242, 242); - --color-red-100: rgb(255, 226, 226); - --color-red-200: rgb(255, 202, 202); - --color-red-400: rgb(255, 101, 104); - --color-red-500: rgb(251, 44, 54); - --color-red-700: rgb(191, 0, 15); - --color-red-800: rgb(159, 7, 18); - --color-red-900: rgb(130, 24, 26); - --color-orange-100: rgb(255, 237, 213); - --color-orange-200: rgb(255, 215, 168); - --color-yellow-50: rgb(254, 252, 232); - --color-yellow-100: rgb(254, 249, 194); - --color-yellow-200: rgb(255, 240, 133); - --color-yellow-300: rgb(255, 224, 46); - --color-yellow-400: rgb(247, 201, 0); - --color-yellow-500: rgb(234, 179, 0); - --color-yellow-600: rgb(202, 138, 0); - --color-yellow-700: rgb(162, 98, 0); - --color-yellow-800: rgb(135, 76, 0); - --color-yellow-900: rgb(115, 62, 10); - --color-green-50: rgb(240, 253, 244); - --color-green-100: rgb(220, 252, 231); - --color-green-200: rgb(185, 248, 207); - --color-green-400: rgb(5, 223, 114); - --color-green-500: rgb(0, 198, 90); - --color-green-600: rgb(0, 164, 71); - --color-green-700: rgb(0, 129, 58); - --color-green-800: rgb(1, 102, 48); - --color-green-900: rgb(13, 84, 43); - --color-teal-100: rgb(203, 251, 241); - --color-teal-200: rgb(150, 247, 228); - --color-blue-50: rgb(239, 246, 255); - --color-blue-100: rgb(219, 234, 254); - --color-blue-200: rgb(190, 219, 255); - --color-blue-400: rgb(86, 162, 255); - --color-blue-500: rgb(50, 128, 255); - --color-blue-600: rgb(21, 93, 252); - --color-blue-700: rgb(20, 71, 230); - --color-blue-800: rgb(25, 60, 184); - --color-blue-900: rgb(28, 57, 142); - --color-indigo-100: rgb(224, 231, 255); - --color-indigo-200: rgb(199, 210, 255); - --color-purple-100: rgb(243, 232, 255); - --color-purple-200: rgb(233, 213, 255); - --color-pink-100: rgb(252, 231, 243); - --color-pink-200: rgb(252, 206, 232); - --color-gray-50: rgb(249, 250, 251); - --color-gray-100: rgb(243, 244, 246); - --color-gray-200: rgb(229, 231, 235); - --color-gray-300: rgb(209, 213, 220); - --color-gray-400: rgb(153, 161, 175); - --color-gray-600: rgb(74, 85, 101); - --color-black: #000; - --color-white: #fff; - --spacing: 0.25rem; - --container-xs: 20rem; - --container-sm: 24rem; - --container-md: 28rem; - --container-lg: 32rem; - --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-2xl: 1.5rem; - --text-2xl--line-height: calc(2 / 1.5); - --font-weight-normal: 400; - --font-weight-medium: 500; - --font-weight-semibold: 600; - --tracking-tight: -0.025em; - --tracking-wider: 0.05em; - --tracking-widest: 0.1em; - --leading-tight: 1.25; - --leading-relaxed: 1.625; - --radius-sm: calc(var(--radius) - 4px); - --radius-md: calc(var(--radius) - 2px); - --radius-lg: var(--radius); - --radius-xl: 0.75rem; - --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); - --animate-spin: spin 1s linear infinite; - --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; - --animate-bounce: bounce 1s infinite; - --blur-sm: 8px; - --default-transition-duration: 150ms; - --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - --default-font-family: var(--font-sans); - --default-mono-font-family: var(--font-mono); - --color-border: hsl(var(--border)); - --color-input: hsl(var(--input)); - --color-ring: hsl(var(--ring)); - --color-background: hsl(var(--background)); - --color-foreground: hsl(var(--foreground)); - --color-primary: hsl(var(--primary)); - --color-primary-foreground: hsl(var(--primary-foreground)); - --color-secondary: hsl(var(--secondary)); - --color-secondary-foreground: hsl(var(--secondary-foreground)); - --color-destructive: hsl(var(--destructive)); - --color-destructive-foreground: hsl(var(--destructive-foreground)); - --color-muted: hsl(var(--muted)); - --color-muted-foreground: hsl(var(--muted-foreground)); - --color-accent: hsl(var(--accent)); - --color-accent-foreground: hsl(var(--accent-foreground)); - --color-popover: hsl(var(--popover)); - --color-popover-foreground: hsl(var(--popover-foreground)); - --color-card: hsl(var(--card)); - --color-card-foreground: hsl(var(--card-foreground)); - --animate-accordion-down: accordion-down 0.2s ease-out; - --animate-accordion-up: accordion-up 0.2s ease-out; -} -@supports (color: color(display-p3 0 0 0%)) { -:root:not(#\#), :host:not(#\#) { - --color-red-200: rgb(255, 202, 202); - --color-red-400: rgb(255, 101, 104); - --color-red-700: rgb(191, 0, 16); - --color-orange-100: rgb(255, 237, 213); - --color-orange-200: rgb(255, 215, 168); - --color-yellow-300: rgb(255, 224, 46); - --color-yellow-400: rgb(247, 201, 0); - --color-yellow-500: rgb(234, 179, 0); - --color-yellow-600: rgb(202, 138, 0); - --color-yellow-700: rgb(162, 98, 0); - --color-yellow-800: rgb(135, 76, 0); - --color-green-500: rgb(0, 198, 90); - --color-green-600: rgb(0, 164, 71); - --color-green-700: rgb(0, 129, 58); - --color-blue-200: rgb(190, 219, 255); - --color-blue-400: rgb(86, 162, 255); - --color-blue-500: rgb(50, 128, 255); - --color-indigo-100: rgb(224, 231, 255); - --color-indigo-200: rgb(199, 210, 255); - --color-purple-200: rgb(233, 213, 255); - } - -@media (color-gamut: p3) { -:root:not(#\#), :host:not(#\#) { - --color-red-200: color(display-p3 0.96956 0.79815 0.7943); - --color-red-400: color(display-p3 0.93353 0.43168 0.42349); - --color-red-700: color(display-p3 0.69274 0.11623 0.10468); - --color-orange-100: color(display-p3 0.98876 0.93139 0.84327); - --color-orange-200: color(display-p3 0.97465 0.84705 0.68011); - --color-yellow-300: color(display-p3 0.98267 0.88088 0.32102); - --color-yellow-400: color(display-p3 0.95994 0.79017 0.05852); - --color-yellow-500: color(display-p3 0.90365 0.70306 0.07454); - --color-yellow-600: color(display-p3 0.77634 0.54249 0.04171); - --color-yellow-700: color(display-p3 0.61315 0.38666 0.05797); - --color-yellow-800: color(display-p3 0.50318 0.30478 0.07554); - --color-green-500: color(display-p3 0.30873 0.77475 0.37431); - --color-green-600: color(display-p3 0.24388 0.64082 0.29481); - --color-green-700: color(display-p3 0.19836 0.5018 0.24533); - --color-blue-200: color(display-p3 0.76688 0.85521 0.98748); - --color-blue-400: color(display-p3 0.39744 0.62813 0.99212); - --color-blue-500: color(display-p3 0.26642 0.49122 0.98862); - --color-indigo-100: color(display-p3 0.88303 0.90499 0.99314); - --color-indigo-200: color(display-p3 0.78656 0.82175 0.98845); - --color-purple-200: color(display-p3 0.90118 0.83598 0.99224); - } -} -} -:not(#\#):not(#\#)::-ms-backdrop { - box-sizing: border-box; - margin: 0; - padding: 0; - border: 0 solid; -} -:not(#\#):not(#\#)::-webkit-file-upload-button { - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin: 0; - padding: 0; - border: 0 solid; -} -*:not(#\#):not(#\#), :not(#\#):not(#\#)::after, :not(#\#):not(#\#)::before, :not(#\#):not(#\#)::backdrop, :not(#\#):not(#\#)::file-selector-button { - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin: 0; - padding: 0; - border: 0 solid; -} -html:not(#\#):not(#\#), :host:not(#\#):not(#\#) { - line-height: 1.5; - -webkit-text-size-adjust: 100%; - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif, "Apple Color Emoji", - "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); - -webkit-font-feature-settings: normal; - font-feature-settings: normal; - -webkit-font-feature-settings: var(--default-font-feature-settings, normal); - font-feature-settings: var(--default-font-feature-settings, normal); - font-variation-settings: normal; - font-variation-settings: var(--default-font-variation-settings, normal); - -webkit-tap-highlight-color: transparent; -} -hr:not(#\#):not(#\#) { - height: 0; - color: inherit; - border-top-width: 1px; -} -abbr:where([title]):not(#\#):not(#\#) { - -webkit-text-decoration: underline dotted; - text-decoration: underline; - text-decoration: underline dotted; -} -h1:not(#\#):not(#\#), h2:not(#\#):not(#\#), h3:not(#\#):not(#\#), h4:not(#\#):not(#\#), h5:not(#\#):not(#\#), h6:not(#\#):not(#\#) { - font-size: inherit; - font-weight: inherit; -} -a:not(#\#):not(#\#) { - color: inherit; - -webkit-text-decoration: inherit; - text-decoration: inherit; -} -b:not(#\#):not(#\#), strong:not(#\#):not(#\#) { - font-weight: bolder; -} -code:not(#\#):not(#\#), kbd:not(#\#):not(#\#), samp:not(#\#):not(#\#), pre:not(#\#):not(#\#) { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", - "Courier New", monospace; - font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); - -webkit-font-feature-settings: normal; - font-feature-settings: normal; - -webkit-font-feature-settings: var(--default-mono-font-feature-settings, normal); - font-feature-settings: var(--default-mono-font-feature-settings, normal); - font-variation-settings: normal; - font-variation-settings: var(--default-mono-font-variation-settings, normal); - font-size: 1em; -} -small:not(#\#):not(#\#) { - font-size: 80%; -} -sub:not(#\#):not(#\#), sup:not(#\#):not(#\#) { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} -sub:not(#\#):not(#\#) { - bottom: -0.25em; -} -sup:not(#\#):not(#\#) { - top: -0.5em; -} -table:not(#\#):not(#\#) { - text-indent: 0; - border-color: inherit; - border-collapse: collapse; -} -:-moz-focusring:not(#\#):not(#\#) { - outline: auto; -} -progress:not(#\#):not(#\#) { - vertical-align: baseline; -} -summary:not(#\#):not(#\#) { - display: list-item; -} -ol:not(#\#):not(#\#), ul:not(#\#):not(#\#), menu:not(#\#):not(#\#) { - list-style: none; -} -img:not(#\#):not(#\#), svg:not(#\#):not(#\#), video:not(#\#):not(#\#), canvas:not(#\#):not(#\#), audio:not(#\#):not(#\#), iframe:not(#\#):not(#\#), embed:not(#\#):not(#\#), object:not(#\#):not(#\#) { - display: block; - vertical-align: middle; -} -img:not(#\#):not(#\#), video:not(#\#):not(#\#) { - max-width: 100%; - height: auto; -} -:not(#\#):not(#\#)::-webkit-file-upload-button { - font: inherit; - -webkit-font-feature-settings: inherit; - font-feature-settings: inherit; - font-variation-settings: inherit; - letter-spacing: inherit; - color: inherit; - border-radius: 0; - background-color: transparent; - opacity: 1; -} -button:not(#\#):not(#\#), input:not(#\#):not(#\#), select:not(#\#):not(#\#), optgroup:not(#\#):not(#\#), textarea:not(#\#):not(#\#), :not(#\#):not(#\#)::file-selector-button { - font: inherit; - -webkit-font-feature-settings: inherit; - font-feature-settings: inherit; - font-variation-settings: inherit; - letter-spacing: inherit; - color: inherit; - border-radius: 0; - background-color: transparent; - opacity: 1; -} -:where(select[multiple]):not(#\#):not(#\#) optgroup { - font-weight: bolder; -} -:where(select[size]):not(#\#):not(#\#) optgroup { - font-weight: bolder; -} -:where(select[multiple]):not(#\#):not(#\#) optgroup option { - padding-left: 20px; -} -:where(select[size]):not(#\#):not(#\#) optgroup option { - padding-left: 20px; -} -:not(#\#):not(#\#)::-webkit-file-upload-button { - margin-right: 4px; -} -:not(#\#):not(#\#)::file-selector-button { - margin-right: 4px; -} -:not(#\#):not(#\#)::-webkit-input-placeholder { - opacity: 1; -} -:not(#\#):not(#\#)::-moz-placeholder { - opacity: 1; -} -:not(#\#):not(#\#):-ms-input-placeholder { - opacity: 1; -} -:not(#\#):not(#\#)::-ms-input-placeholder { - opacity: 1; -} -:not(#\#):not(#\#)::placeholder { - opacity: 1; -} -@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { - :not(#\#):not(#\#)::-webkit-input-placeholder { - color: currentcolor; - } - :not(#\#):not(#\#)::-moz-placeholder { - color: currentcolor; - } - :not(#\#):not(#\#):-ms-input-placeholder { - color: currentcolor; - } - :not(#\#):not(#\#)::-ms-input-placeholder { - color: currentcolor; - } - :not(#\#):not(#\#)::placeholder { - color: currentcolor; - } - @supports (color: color-mix(in lab, red, red)) { - :not(#\#):not(#\#)::-webkit-input-placeholder { - color: color-mix(in oklab, currentcolor 50%, transparent); - } - :not(#\#):not(#\#)::-moz-placeholder { - color: color-mix(in oklab, currentcolor 50%, transparent); - } - :not(#\#):not(#\#):-ms-input-placeholder { - color: color-mix(in oklab, currentcolor 50%, transparent); - } - :not(#\#):not(#\#)::-ms-input-placeholder { - color: color-mix(in oklab, currentcolor 50%, transparent); - } - :not(#\#):not(#\#)::placeholder { - color: color-mix(in oklab, currentcolor 50%, transparent); - } + --color-red-50: oklch(97.1% 0.013 17.38); + --color-red-100: oklch(93.6% 0.032 17.717); + --color-red-200: oklch(88.5% 0.062 18.334); + --color-red-800: oklch(44.4% 0.177 26.899); + --color-red-900: oklch(39.6% 0.141 25.723); + --color-yellow-50: oklch(98.7% 0.026 102.212); + --color-yellow-100: oklch(97.3% 0.071 103.193); + --color-yellow-200: oklch(94.5% 0.129 101.54); + --color-yellow-400: oklch(85.2% 0.199 91.936); + --color-yellow-500: oklch(79.5% 0.184 86.047); + --color-yellow-600: oklch(68.1% 0.162 75.834); + --color-yellow-800: oklch(47.6% 0.114 61.907); + --color-yellow-900: oklch(42.1% 0.095 57.708); + --color-green-50: oklch(98.2% 0.018 155.826); + --color-green-100: oklch(96.2% 0.044 156.743); + --color-green-200: oklch(92.5% 0.084 155.995); + --color-green-400: oklch(79.2% 0.209 151.711); + --color-green-500: oklch(72.3% 0.219 149.579); + --color-green-600: oklch(62.7% 0.194 149.214); + --color-green-800: oklch(44.8% 0.119 151.328); + --color-green-900: oklch(39.3% 0.095 152.535); + --color-blue-50: oklch(97% 0.014 254.604); + --color-blue-100: oklch(93.2% 0.032 255.585); + --color-blue-200: oklch(88.2% 0.059 254.128); + --color-blue-400: oklch(70.7% 0.165 254.624); + --color-blue-500: oklch(62.3% 0.214 259.815); + --color-blue-600: oklch(54.6% 0.245 262.881); + --color-blue-800: oklch(42.4% 0.199 265.638); + --color-blue-900: oklch(37.9% 0.146 265.522); + --color-zinc-200: oklch(92% 0.004 286.32); + --color-neutral-300: oklch(87% 0 0); + --color-neutral-700: oklch(37.1% 0 0); + --color-black: #000; + --color-white: #fff; + --spacing: 0.25rem; + --container-sm: 24rem; + --container-md: 28rem; + --container-lg: 32rem; + --container-2xl: 42rem; + --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); + --font-weight-medium: 500; + --font-weight-semibold: 600; + --font-weight-bold: 700; + --tracking-tighter: -0.05em; + --tracking-tight: -0.025em; + --tracking-wider: 0.05em; + --tracking-widest: 0.1em; + --leading-tight: 1.25; + --leading-relaxed: 1.625; + --radius-2xl: 1rem; + --ease-in: cubic-bezier(0.4, 0, 1, 1); + --ease-out: cubic-bezier(0, 0, 0.2, 1); + --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); + --animate-spin: spin 1s linear infinite; + --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + --blur-sm: 8px; + --default-transition-duration: 150ms; + --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + --default-font-family: var(--font-sans); + --default-mono-font-family: var(--font-mono); } } -textarea:not(#\#):not(#\#) { - resize: vertical; -} -:not(#\#):not(#\#)::-webkit-search-decoration { - -webkit-appearance: none; -} -:not(#\#):not(#\#)::-webkit-date-and-time-value { - min-height: 1lh; - text-align: inherit; -} -:not(#\#):not(#\#)::-webkit-datetime-edit { - display: -webkit-inline-box; - display: inline-flex; -} -:not(#\#):not(#\#)::-webkit-datetime-edit-fields-wrapper { - padding: 0; -} -:not(#\#):not(#\#)::-webkit-datetime-edit, :not(#\#):not(#\#)::-webkit-datetime-edit-year-field, :not(#\#):not(#\#)::-webkit-datetime-edit-month-field, :not(#\#):not(#\#)::-webkit-datetime-edit-day-field, :not(#\#):not(#\#)::-webkit-datetime-edit-hour-field, :not(#\#):not(#\#)::-webkit-datetime-edit-minute-field, :not(#\#):not(#\#)::-webkit-datetime-edit-second-field, :not(#\#):not(#\#)::-webkit-datetime-edit-millisecond-field, :not(#\#):not(#\#)::-webkit-datetime-edit-meridiem-field { - padding-top: 0; - padding-bottom: 0; -} -:not(#\#):not(#\#)::-webkit-calendar-picker-indicator { - line-height: 1; -} -:-moz-ui-invalid:not(#\#):not(#\#) { - box-shadow: none; -} -:not(#\#):not(#\#)::-webkit-file-upload-button { - -webkit-appearance: button; - appearance: button; -} -button:not(#\#):not(#\#), input:where([type="button"], [type="reset"], [type="submit"]):not(#\#):not(#\#), :not(#\#):not(#\#)::file-selector-button { - -webkit-appearance: button; - -moz-appearance: button; - appearance: button; -} -:not(#\#):not(#\#)::-webkit-inner-spin-button, :not(#\#):not(#\#)::-webkit-outer-spin-button { - height: auto; -} -[hidden]:where(:not([hidden="until-found"])):not(#\#):not(#\#):not(#\#) { - display: none !important; -} -.pointer-events-auto:not(#\#):not(#\#):not(#\#):not(#\#) { - pointer-events: auto; -} -.pointer-events-none:not(#\#):not(#\#):not(#\#):not(#\#) { - pointer-events: none; -} -.invisible:not(#\#):not(#\#):not(#\#):not(#\#) { - visibility: hidden; -} -.visible:not(#\#):not(#\#):not(#\#):not(#\#) { - visibility: visible; -} -.sr-only:not(#\#):not(#\#):not(#\#):not(#\#) { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip-path: inset(50%); - white-space: nowrap; - border-width: 0; -} -.absolute:not(#\#):not(#\#):not(#\#):not(#\#) { - position: absolute; -} -.fixed:not(#\#):not(#\#):not(#\#):not(#\#) { - position: fixed; -} -.relative:not(#\#):not(#\#):not(#\#):not(#\#) { - position: relative; -} -.static:not(#\#):not(#\#):not(#\#):not(#\#) { - position: static; -} -.inset-0:not(#\#):not(#\#):not(#\#):not(#\#) { - top: calc(0.25rem * 0); - right: calc(0.25rem * 0); - bottom: calc(0.25rem * 0); - left: calc(0.25rem * 0); - top: calc(var(--spacing) * 0); - right: calc(var(--spacing) * 0); - bottom: calc(var(--spacing) * 0); - left: calc(var(--spacing) * 0); -} -.inset-x-0:not(#\#):not(#\#):not(#\#):not(#\#) { - left: calc(0.25rem * 0); - right: calc(0.25rem * 0); - left: calc(var(--spacing) * 0); - right: calc(var(--spacing) * 0); -} -.inset-y-0:not(#\#):not(#\#):not(#\#):not(#\#) { - top: calc(0.25rem * 0); - bottom: calc(0.25rem * 0); - top: calc(var(--spacing) * 0); - bottom: calc(var(--spacing) * 0); -} -.top-0:not(#\#):not(#\#):not(#\#):not(#\#) { - top: calc(0.25rem * 0); - top: calc(var(--spacing) * 0); -} -.top-1\/2:not(#\#):not(#\#):not(#\#):not(#\#) { - top: calc(1/2 * 100%); -} -.top-2:not(#\#):not(#\#):not(#\#):not(#\#) { - top: calc(0.25rem * 2); - top: calc(var(--spacing) * 2); -} -.top-4:not(#\#):not(#\#):not(#\#):not(#\#) { - top: calc(0.25rem * 4); - top: calc(var(--spacing) * 4); -} -.top-12:not(#\#):not(#\#):not(#\#):not(#\#) { - top: calc(0.25rem * 12); - top: calc(var(--spacing) * 12); -} -.top-\[50\%\]:not(#\#):not(#\#):not(#\#):not(#\#) { - top: 50%; -} -.top-full:not(#\#):not(#\#):not(#\#):not(#\#) { - top: 100%; -} -.right-0:not(#\#):not(#\#):not(#\#):not(#\#) { - right: calc(0.25rem * 0); - right: calc(var(--spacing) * 0); -} -.right-2:not(#\#):not(#\#):not(#\#):not(#\#) { - right: calc(0.25rem * 2); - right: calc(var(--spacing) * 2); -} -.right-3:not(#\#):not(#\#):not(#\#):not(#\#) { - right: calc(0.25rem * 3); - right: calc(var(--spacing) * 3); -} -.right-4:not(#\#):not(#\#):not(#\#):not(#\#) { - right: calc(0.25rem * 4); - right: calc(var(--spacing) * 4); -} -.right-12:not(#\#):not(#\#):not(#\#):not(#\#) { - right: calc(0.25rem * 12); - right: calc(var(--spacing) * 12); -} -.bottom-0:not(#\#):not(#\#):not(#\#):not(#\#) { - bottom: calc(0.25rem * 0); - bottom: calc(var(--spacing) * 0); -} -.bottom-4:not(#\#):not(#\#):not(#\#):not(#\#) { - bottom: calc(0.25rem * 4); - bottom: calc(var(--spacing) * 4); -} -.bottom-12:not(#\#):not(#\#):not(#\#):not(#\#) { - bottom: calc(0.25rem * 12); - bottom: calc(var(--spacing) * 12); -} -.bottom-full:not(#\#):not(#\#):not(#\#):not(#\#) { - bottom: 100%; -} -.left-0:not(#\#):not(#\#):not(#\#):not(#\#) { - left: calc(0.25rem * 0); - left: calc(var(--spacing) * 0); -} -.left-1\/2:not(#\#):not(#\#):not(#\#):not(#\#) { - left: calc(1/2 * 100%); -} -.left-2:not(#\#):not(#\#):not(#\#):not(#\#) { - left: calc(0.25rem * 2); - left: calc(var(--spacing) * 2); -} -.left-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) { - left: calc(0.25rem * 2.5); - left: calc(var(--spacing) * 2.5); -} -.left-4:not(#\#):not(#\#):not(#\#):not(#\#) { - left: calc(0.25rem * 4); - left: calc(var(--spacing) * 4); -} -.left-12:not(#\#):not(#\#):not(#\#):not(#\#) { - left: calc(0.25rem * 12); - left: calc(var(--spacing) * 12); -} -.left-\[50\%\]:not(#\#):not(#\#):not(#\#):not(#\#) { - left: 50%; -} -.z-10:not(#\#):not(#\#):not(#\#):not(#\#) { - z-index: 10; -} -.z-40:not(#\#):not(#\#):not(#\#):not(#\#) { - z-index: 40; -} -.z-50:not(#\#):not(#\#):not(#\#):not(#\#) { - z-index: 50; -} -.z-\[99\]:not(#\#):not(#\#):not(#\#):not(#\#) { - z-index: 99; -} -.z-\[100\]:not(#\#):not(#\#):not(#\#):not(#\#) { - z-index: 100; -} -.container:not(#\#):not(#\#):not(#\#):not(#\#) { - width: 100%; -} -@media (min-width: 40rem) { - .container:not(#\#):not(#\#):not(#\#):not(#\#) { - max-width: 40rem; +@layer base { + *, ::after, ::before, ::backdrop, ::file-selector-button { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0 solid; } -} -@media (min-width: 48rem) { - .container:not(#\#):not(#\#):not(#\#):not(#\#) { - max-width: 48rem; + html, :host { + line-height: 1.5; + -webkit-text-size-adjust: 100%; + tab-size: 4; + font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); + font-feature-settings: var(--default-font-feature-settings, normal); + font-variation-settings: var(--default-font-variation-settings, normal); + -webkit-tap-highlight-color: transparent; } -} -@media (min-width: 64rem) { - .container:not(#\#):not(#\#):not(#\#):not(#\#) { - max-width: 64rem; + hr { + height: 0; + color: inherit; + border-top-width: 1px; } -} -@media (min-width: 80rem) { - .container:not(#\#):not(#\#):not(#\#):not(#\#) { - max-width: 80rem; + abbr:where([title]) { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; } -} -@media (min-width: 96rem) { - .container:not(#\#):not(#\#):not(#\#):not(#\#) { - max-width: 96rem; + h1, h2, h3, h4, h5, h6 { + font-size: inherit; + font-weight: inherit; } -} -.-mx-1:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-left: calc(0.25rem * -1); - margin-right: calc(0.25rem * -1); - margin-left: calc(var(--spacing) * -1); - margin-right: calc(var(--spacing) * -1); -} -.mx-auto:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-left: auto; - margin-right: auto; -} -.my-1:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-top: calc(0.25rem * 1); - margin-bottom: calc(0.25rem * 1); - margin-top: calc(var(--spacing) * 1); - margin-bottom: calc(var(--spacing) * 1); -} -.mt-1:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-top: calc(0.25rem * 1); - margin-top: calc(var(--spacing) * 1); -} -.mt-2:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-top: calc(0.25rem * 2); - margin-top: calc(var(--spacing) * 2); -} -.mt-3:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-top: calc(0.25rem * 3); - margin-top: calc(var(--spacing) * 3); -} -.mt-4:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-top: calc(0.25rem * 4); - margin-top: calc(var(--spacing) * 4); -} -.mt-24:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-top: calc(0.25rem * 24); - margin-top: calc(var(--spacing) * 24); -} -.mt-auto:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-top: auto; -} -.mr-2:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-right: calc(0.25rem * 2); - margin-right: calc(var(--spacing) * 2); -} -.mb-1:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-bottom: calc(0.25rem * 1); - margin-bottom: calc(var(--spacing) * 1); -} -.mb-2:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-bottom: calc(0.25rem * 2); - margin-bottom: calc(var(--spacing) * 2); -} -.mb-4:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-bottom: calc(0.25rem * 4); - margin-bottom: calc(var(--spacing) * 4); -} -.mb-24:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-bottom: calc(0.25rem * 24); - margin-bottom: calc(var(--spacing) * 24); -} -.ml-1:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-left: calc(0.25rem * 1); - margin-left: calc(var(--spacing) * 1); -} -.ml-2:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-left: calc(0.25rem * 2); - margin-left: calc(var(--spacing) * 2); -} -.ml-auto:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-left: auto; -} -.line-clamp-2:not(#\#):not(#\#):not(#\#):not(#\#) { - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; -} -.block:not(#\#):not(#\#):not(#\#):not(#\#) { - display: block; -} -.flex:not(#\#):not(#\#):not(#\#):not(#\#) { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.grid:not(#\#):not(#\#):not(#\#):not(#\#) { - display: grid; -} -.hidden:not(#\#):not(#\#):not(#\#):not(#\#) { - display: none; -} -.inline:not(#\#):not(#\#):not(#\#):not(#\#) { - display: inline; -} -.inline-flex:not(#\#):not(#\#):not(#\#):not(#\#) { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; -} -.table:not(#\#):not(#\#):not(#\#):not(#\#) { - display: table; -} -.aspect-square:not(#\#):not(#\#):not(#\#):not(#\#) { - aspect-ratio: 1 / 1; -} -.h-1:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 1); - height: calc(var(--spacing) * 1); -} -.h-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 1.5); - height: calc(var(--spacing) * 1.5); -} -.h-2:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 2); - height: calc(var(--spacing) * 2); -} -.h-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 2.5); - height: calc(var(--spacing) * 2.5); -} -.h-3:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 3); - height: calc(var(--spacing) * 3); -} -.h-3\.5:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 3.5); - height: calc(var(--spacing) * 3.5); -} -.h-4:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 4); - height: calc(var(--spacing) * 4); -} -.h-5:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 5); - height: calc(var(--spacing) * 5); -} -.h-6:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 6); - height: calc(var(--spacing) * 6); -} -.h-7:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 7); - height: calc(var(--spacing) * 7); -} -.h-8:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 8); - height: calc(var(--spacing) * 8); -} -.h-9:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 9); - height: calc(var(--spacing) * 9); -} -.h-10:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 10); - height: calc(var(--spacing) * 10); -} -.h-11:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 11); - height: calc(var(--spacing) * 11); -} -.h-12:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 12); - height: calc(var(--spacing) * 12); -} -.h-16:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 16); - height: calc(var(--spacing) * 16); -} -.h-20:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 20); - height: calc(var(--spacing) * 20); -} -.h-32:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 32); - height: calc(var(--spacing) * 32); -} -.h-48:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 48); - height: calc(var(--spacing) * 48); -} -.h-64:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 64); - height: calc(var(--spacing) * 64); -} -.h-96:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 96); - height: calc(var(--spacing) * 96); -} -.h-\[48px\]:not(#\#):not(#\#):not(#\#):not(#\#) { - height: 48px; -} -.h-auto:not(#\#):not(#\#):not(#\#):not(#\#) { - height: auto; -} -.h-full:not(#\#):not(#\#):not(#\#):not(#\#) { - height: 100%; -} -.h-px:not(#\#):not(#\#):not(#\#):not(#\#) { - height: 1px; -} -.h-screen:not(#\#):not(#\#):not(#\#):not(#\#) { - height: 100vh; -} -.max-h-60:not(#\#):not(#\#):not(#\#):not(#\#) { - max-height: calc(0.25rem * 60); - max-height: calc(var(--spacing) * 60); -} -.max-h-96:not(#\#):not(#\#):not(#\#):not(#\#) { - max-height: calc(0.25rem * 96); - max-height: calc(var(--spacing) * 96); -} -.max-h-\[300px\]:not(#\#):not(#\#):not(#\#):not(#\#) { - max-height: 300px; -} -.max-h-screen:not(#\#):not(#\#):not(#\#):not(#\#) { - max-height: 100vh; -} -.min-h-0:not(#\#):not(#\#):not(#\#):not(#\#) { - min-height: calc(0.25rem * 0); - min-height: calc(var(--spacing) * 0); -} -.min-h-8:not(#\#):not(#\#):not(#\#):not(#\#) { - min-height: calc(0.25rem * 8); - min-height: calc(var(--spacing) * 8); -} -.min-h-14:not(#\#):not(#\#):not(#\#):not(#\#) { - min-height: calc(0.25rem * 14); - min-height: calc(var(--spacing) * 14); -} -.min-h-screen:not(#\#):not(#\#):not(#\#):not(#\#) { - min-height: 100vh; -} -.w-2:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 2); - width: calc(var(--spacing) * 2); -} -.w-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 2.5); - width: calc(var(--spacing) * 2.5); -} -.w-3:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 3); - width: calc(var(--spacing) * 3); -} -.w-3\.5:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 3.5); - width: calc(var(--spacing) * 3.5); -} -.w-3\/4:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(3/4 * 100%); -} -.w-3\/5:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(3/5 * 100%); -} -.w-4:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 4); - width: calc(var(--spacing) * 4); -} -.w-4\/5:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(4/5 * 100%); -} -.w-5:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 5); - width: calc(var(--spacing) * 5); -} -.w-6:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 6); - width: calc(var(--spacing) * 6); -} -.w-7:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 7); - width: calc(var(--spacing) * 7); -} -.w-8:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 8); - width: calc(var(--spacing) * 8); -} -.w-9:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 9); - width: calc(var(--spacing) * 9); -} -.w-10:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 10); - width: calc(var(--spacing) * 10); -} -.w-11:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 11); - width: calc(var(--spacing) * 11); -} -.w-12:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 12); - width: calc(var(--spacing) * 12); -} -.w-14:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 14); - width: calc(var(--spacing) * 14); -} -.w-16:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 16); - width: calc(var(--spacing) * 16); -} -.w-20:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 20); - width: calc(var(--spacing) * 20); -} -.w-24:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 24); - width: calc(var(--spacing) * 24); -} -.w-32:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 32); - width: calc(var(--spacing) * 32); -} -.w-48:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 48); - width: calc(var(--spacing) * 48); -} -.w-56:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 56); - width: calc(var(--spacing) * 56); -} -.w-64:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 64); - width: calc(var(--spacing) * 64); -} -.w-96:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 96); - width: calc(var(--spacing) * 96); -} -.w-\[100px\]:not(#\#):not(#\#):not(#\#):not(#\#) { - width: 100px; -} -.w-auto:not(#\#):not(#\#):not(#\#):not(#\#) { - width: auto; -} -.w-full:not(#\#):not(#\#):not(#\#):not(#\#) { - width: 100%; -} -.w-px:not(#\#):not(#\#):not(#\#):not(#\#) { - width: 1px; -} -.max-w-lg:not(#\#):not(#\#):not(#\#):not(#\#) { - max-width: 32rem; - max-width: var(--container-lg); -} -.max-w-md:not(#\#):not(#\#):not(#\#):not(#\#) { - max-width: 28rem; - max-width: var(--container-md); -} -.max-w-sm:not(#\#):not(#\#):not(#\#):not(#\#) { - max-width: 24rem; - max-width: var(--container-sm); -} -.max-w-xs:not(#\#):not(#\#):not(#\#):not(#\#) { - max-width: 20rem; - max-width: var(--container-xs); -} -.min-w-0:not(#\#):not(#\#):not(#\#):not(#\#) { - min-width: calc(0.25rem * 0); - min-width: calc(var(--spacing) * 0); -} -.min-w-\[8rem\]:not(#\#):not(#\#):not(#\#):not(#\#) { - min-width: 8rem; -} -.min-w-\[12rem\]:not(#\#):not(#\#):not(#\#):not(#\#) { - min-width: 12rem; -} -.flex-1:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; -} -.flex-shrink-0:not(#\#):not(#\#):not(#\#):not(#\#) { - -ms-flex-negative: 0; - flex-shrink: 0; -} -.shrink-0:not(#\#):not(#\#):not(#\#):not(#\#) { - -ms-flex-negative: 0; - flex-shrink: 0; -} -.grow:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} -.grow-0:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; -} -.basis-full:not(#\#):not(#\#):not(#\#):not(#\#) { - -ms-flex-preferred-size: 100%; - flex-basis: 100%; -} -.border-collapse:not(#\#):not(#\#):not(#\#):not(#\#) { - border-collapse: collapse; -} -.-translate-x-1\/2:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-translate-x: calc(calc(1/2 * 100%) * -1); - translate: calc((1/2 * 100%) * -1) var(--tw-translate-y); - translate: calc(calc(1/2 * 100%) * -1) var(--tw-translate-y); - translate: var(--tw-translate-x) var(--tw-translate-y); -} -.-translate-x-full:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-translate-x: -100%; - translate: -100% var(--tw-translate-y); - translate: var(--tw-translate-x) var(--tw-translate-y); -} -.translate-x-0:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-translate-x: calc(var(--spacing) * 0); - translate: calc(0.25rem * 0) var(--tw-translate-y); - translate: var(--tw-translate-x) var(--tw-translate-y); -} -.translate-x-\[-50\%\]:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-translate-x: -50%; - translate: -50% var(--tw-translate-y); - translate: var(--tw-translate-x) var(--tw-translate-y); -} -.-translate-y-1\/2:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-translate-y: calc(calc(1/2 * 100%) * -1); - translate: var(--tw-translate-x) calc((1/2 * 100%) * -1); - translate: var(--tw-translate-x) calc(calc(1/2 * 100%) * -1); - translate: var(--tw-translate-x) var(--tw-translate-y); -} -.translate-y-\[-50\%\]:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-translate-y: -50%; - translate: var(--tw-translate-x) -50%; - translate: var(--tw-translate-x) var(--tw-translate-y); -} -.-rotate-90:not(#\#):not(#\#):not(#\#):not(#\#) { - rotate: calc(90deg * -1); -} -.rotate-90:not(#\#):not(#\#):not(#\#):not(#\#) { - rotate: 90deg; -} -.transform:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-transform: ; - transform: ; - -webkit-transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); - transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); -} -.animate-bounce:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-animation: bounce 1s infinite; - animation: bounce 1s infinite; - -webkit-animation: var(--animate-bounce); - animation: var(--animate-bounce); -} -.animate-pulse:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; - -webkit-animation: var(--animate-pulse); - animation: var(--animate-pulse); -} -.animate-spin:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-animation: spin 1s linear infinite; - animation: spin 1s linear infinite; - -webkit-animation: var(--animate-spin); - animation: var(--animate-spin); -} -.cursor-default:not(#\#):not(#\#):not(#\#):not(#\#) { - cursor: default; -} -.cursor-not-allowed:not(#\#):not(#\#):not(#\#):not(#\#) { - cursor: not-allowed; -} -.cursor-pointer:not(#\#):not(#\#):not(#\#):not(#\#) { - cursor: pointer; -} -.touch-none:not(#\#):not(#\#):not(#\#):not(#\#) { - -ms-touch-action: none; - touch-action: none; -} -.resize:not(#\#):not(#\#):not(#\#):not(#\#) { - resize: both; -} -.list-none:not(#\#):not(#\#):not(#\#):not(#\#) { - list-style-type: none; -} -.grid-cols-2:not(#\#):not(#\#):not(#\#):not(#\#) { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.grid-cols-4:not(#\#):not(#\#):not(#\#):not(#\#) { - grid-template-columns: repeat(4, minmax(0, 1fr)); -} -.grid-cols-7:not(#\#):not(#\#):not(#\#):not(#\#) { - grid-template-columns: repeat(7, minmax(0, 1fr)); -} -.flex-col:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} -.flex-col-reverse:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; -} -.flex-row:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; -} -.flex-wrap:not(#\#):not(#\#):not(#\#):not(#\#) { - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.items-center:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.items-start:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; -} -.justify-between:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; -} -.justify-center:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} -.justify-end:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.justify-start:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.gap-0\.5:not(#\#):not(#\#):not(#\#):not(#\#) { - gap: calc(0.25rem * 0.5); - gap: calc(var(--spacing) * 0.5); -} -.gap-1:not(#\#):not(#\#):not(#\#):not(#\#) { - gap: calc(0.25rem * 1); - gap: calc(var(--spacing) * 1); -} -.gap-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) { - gap: calc(0.25rem * 1.5); - gap: calc(var(--spacing) * 1.5); -} -.gap-2:not(#\#):not(#\#):not(#\#):not(#\#) { - gap: calc(0.25rem * 2); - gap: calc(var(--spacing) * 2); -} -.gap-3:not(#\#):not(#\#):not(#\#):not(#\#) { - gap: calc(0.25rem * 3); - gap: calc(var(--spacing) * 3); -} -.gap-4:not(#\#):not(#\#):not(#\#):not(#\#) { - gap: calc(0.25rem * 4); - gap: calc(var(--spacing) * 4); -} -.gap-px:not(#\#):not(#\#):not(#\#):not(#\#) { - gap: 1px; -} -:where(.space-y-1 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-space-y-reverse: 0; - margin-top: calc((0.25rem * 1) * 0); - margin-top: calc((var(--spacing) * 1) * var(--tw-space-y-reverse)); - margin-top: calc(calc(0.25rem * 1) * 0); - margin-top: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); - margin-bottom: calc((0.25rem * 1) * (1 - 0)); - margin-bottom: calc((var(--spacing) * 1) * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(calc(0.25rem * 1) * calc(1 - 0)); - margin-bottom: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); -} -:where(.space-y-1\.5 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-space-y-reverse: 0; - margin-top: calc((0.25rem * 1.5) * 0); - margin-top: calc((var(--spacing) * 1.5) * var(--tw-space-y-reverse)); - margin-top: calc(calc(0.25rem * 1.5) * 0); - margin-top: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); - margin-bottom: calc((0.25rem * 1.5) * (1 - 0)); - margin-bottom: calc((var(--spacing) * 1.5) * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(calc(0.25rem * 1.5) * calc(1 - 0)); - margin-bottom: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); -} -:where(.space-y-2 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-space-y-reverse: 0; - margin-top: calc((0.25rem * 2) * 0); - margin-top: calc((var(--spacing) * 2) * var(--tw-space-y-reverse)); - margin-top: calc(calc(0.25rem * 2) * 0); - margin-top: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); - margin-bottom: calc((0.25rem * 2) * (1 - 0)); - margin-bottom: calc((var(--spacing) * 2) * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(calc(0.25rem * 2) * calc(1 - 0)); - margin-bottom: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); -} -:where(.space-y-3 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-space-y-reverse: 0; - margin-top: calc((0.25rem * 3) * 0); - margin-top: calc((var(--spacing) * 3) * var(--tw-space-y-reverse)); - margin-top: calc(calc(0.25rem * 3) * 0); - margin-top: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); - margin-bottom: calc((0.25rem * 3) * (1 - 0)); - margin-bottom: calc((var(--spacing) * 3) * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(calc(0.25rem * 3) * calc(1 - 0)); - margin-bottom: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); -} -:where(.space-y-4 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-space-y-reverse: 0; - margin-top: calc((0.25rem * 4) * 0); - margin-top: calc((var(--spacing) * 4) * var(--tw-space-y-reverse)); - margin-top: calc(calc(0.25rem * 4) * 0); - margin-top: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); - margin-bottom: calc((0.25rem * 4) * (1 - 0)); - margin-bottom: calc((var(--spacing) * 4) * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(calc(0.25rem * 4) * calc(1 - 0)); - margin-bottom: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); -} -:where(.space-y-6 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-space-y-reverse: 0; - margin-top: calc((0.25rem * 6) * 0); - margin-top: calc((var(--spacing) * 6) * var(--tw-space-y-reverse)); - margin-top: calc(calc(0.25rem * 6) * 0); - margin-top: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); - margin-bottom: calc((0.25rem * 6) * (1 - 0)); - margin-bottom: calc((var(--spacing) * 6) * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(calc(0.25rem * 6) * calc(1 - 0)); - margin-bottom: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); -} -.gap-x-6:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-column-gap: calc(0.25rem * 6); - -moz-column-gap: calc(0.25rem * 6); - column-gap: calc(0.25rem * 6); - -webkit-column-gap: calc(var(--spacing) * 6); - -moz-column-gap: calc(var(--spacing) * 6); - column-gap: calc(var(--spacing) * 6); -} -:where(.-space-x-2 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-space-x-reverse: 0; - margin-left: calc((0.25rem * -2) * 0); - margin-left: calc((var(--spacing) * -2) * var(--tw-space-x-reverse)); - margin-left: calc(calc(0.25rem * -2) * 0); - margin-left: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)); - margin-right: calc((0.25rem * -2) * (1 - 0)); - margin-right: calc((var(--spacing) * -2) * (1 - var(--tw-space-x-reverse))); - margin-right: calc(calc(0.25rem * -2) * calc(1 - 0)); - margin-right: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))); -} -:where(.space-x-2 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-space-x-reverse: 0; - margin-left: calc((0.25rem * 2) * 0); - margin-left: calc((var(--spacing) * 2) * var(--tw-space-x-reverse)); - margin-left: calc(calc(0.25rem * 2) * 0); - margin-left: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); - margin-right: calc((0.25rem * 2) * (1 - 0)); - margin-right: calc((var(--spacing) * 2) * (1 - var(--tw-space-x-reverse))); - margin-right: calc(calc(0.25rem * 2) * calc(1 - 0)); - margin-right: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); -} -.gap-y-2:not(#\#):not(#\#):not(#\#):not(#\#) { - row-gap: calc(0.25rem * 2); - row-gap: calc(var(--spacing) * 2); -} -.truncate:not(#\#):not(#\#):not(#\#):not(#\#) { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.overflow-auto:not(#\#):not(#\#):not(#\#):not(#\#) { - overflow: auto; -} -.overflow-hidden:not(#\#):not(#\#):not(#\#):not(#\#) { - overflow: hidden; -} -.overflow-x-auto:not(#\#):not(#\#):not(#\#):not(#\#) { - overflow-x: auto; -} -.overflow-x-hidden:not(#\#):not(#\#):not(#\#):not(#\#) { - overflow-x: hidden; -} -.overflow-y-auto:not(#\#):not(#\#):not(#\#):not(#\#) { - overflow-y: auto; -} -.rounded:not(#\#):not(#\#):not(#\#):not(#\#) { - border-radius: 0.25rem; -} -.rounded-full:not(#\#):not(#\#):not(#\#):not(#\#) { - border-radius: calc(infinity * 1px); -} -.rounded-lg:not(#\#):not(#\#):not(#\#):not(#\#) { - border-radius: 0.5rem; - border-radius: var(--radius-lg); -} -.rounded-md:not(#\#):not(#\#):not(#\#):not(#\#) { - border-radius: calc(0.5rem - 2px); - border-radius: var(--radius-md); -} -.rounded-sm:not(#\#):not(#\#):not(#\#):not(#\#) { - border-radius: calc(0.5rem - 4px); - border-radius: var(--radius-sm); -} -.rounded-xl:not(#\#):not(#\#):not(#\#):not(#\#) { - border-radius: 0.75rem; - border-radius: var(--radius-xl); -} -.rounded-t-\[10px\]:not(#\#):not(#\#):not(#\#):not(#\#) { - border-top-left-radius: 10px; - border-top-right-radius: 10px; -} -.rounded-l-\[10px\]:not(#\#):not(#\#):not(#\#):not(#\#) { - border-top-left-radius: 10px; - border-bottom-left-radius: 10px; -} -.rounded-r-\[10px\]:not(#\#):not(#\#):not(#\#):not(#\#) { - border-top-right-radius: 10px; - border-bottom-right-radius: 10px; -} -.rounded-b-\[10px\]:not(#\#):not(#\#):not(#\#):not(#\#) { - border-bottom-right-radius: 10px; - border-bottom-left-radius: 10px; -} -.border:not(#\#):not(#\#):not(#\#):not(#\#) { - border-style: var(--tw-border-style); - border-width: 1px; -} -.border-2:not(#\#):not(#\#):not(#\#):not(#\#) { - border-style: var(--tw-border-style); - border-width: 2px; -} -.border-y:not(#\#):not(#\#):not(#\#):not(#\#) { - border-top-style: var(--tw-border-style); - border-bottom-style: var(--tw-border-style); - border-top-width: 1px; - border-bottom-width: 1px; -} -.border-t:not(#\#):not(#\#):not(#\#):not(#\#) { - border-top-style: var(--tw-border-style); - border-top-width: 1px; -} -.border-r:not(#\#):not(#\#):not(#\#):not(#\#) { - border-right-style: var(--tw-border-style); - border-right-width: 1px; -} -.border-b:not(#\#):not(#\#):not(#\#):not(#\#) { - border-bottom-style: var(--tw-border-style); - border-bottom-width: 1px; -} -.border-none:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-border-style: none; - border-style: none; -} -.border-blue-200:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: rgb(190, 219, 255); - border-color: color(display-p3 0.76688 0.85521 0.98748); - border-color: var(--color-blue-200); -} -.border-border:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: hsl(214, 32%, 91%); - border-color: var(--color-border); -} -.border-border\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: rgba(226, 232, 240, 0.5); -} -@supports (color: color-mix(in lch, red, blue)) { -.border-border\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: color-mix(in srgb, hsl(var(--border)) 50%, transparent); + a { + color: inherit; + -webkit-text-decoration: inherit; + text-decoration: inherit; } -} -@supports (color: color-mix(in lab, red, red)) { - .border-border\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: color-mix(in oklab, hsl(214, 32%, 91%) 50%, transparent); + b, strong { + font-weight: bolder; } - -@supports (color: color-mix(in lch, red, blue)) { -.border-border\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: color-mix(in oklab, var(--color-border) 50%, transparent); - } -} -} -.border-current:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: currentcolor; -} -.border-destructive:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: hsl(0, 84%, 60%); - border-color: var(--color-destructive); -} -.border-destructive\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: rgba(239, 68, 68, 0.5); -} -@supports (color: color-mix(in lch, red, blue)) { -.border-destructive\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: color-mix(in srgb, hsl(var(--destructive)) 50%, transparent); + 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; } -} -@supports (color: color-mix(in lab, red, red)) { - .border-destructive\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: color-mix(in oklab, hsl(0, 84%, 60%) 50%, transparent); + small { + font-size: 80%; } - -@supports (color: color-mix(in lch, red, blue)) { -.border-destructive\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent); - } -} -} -.border-gray-200:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: rgb(229, 231, 235); - border-color: var(--color-gray-200); -} -.border-green-200:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: rgb(185, 248, 207); - border-color: var(--color-green-200); -} -.border-green-500:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: rgb(0, 198, 90); - border-color: color(display-p3 0.30873 0.77475 0.37431); - border-color: var(--color-green-500); -} -.border-green-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: rgba(0, 198, 90, 0.5); -} -@media (color-gamut: p3) { -.border-green-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: color(display-p3 0.30873 0.77475 0.37431 / 0.5); + sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } -} -@supports (color: color-mix(in lab, red, red)) { - .border-green-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: color-mix(in oklab, rgb(0, 198, 90) 50%, transparent); + sub { + bottom: -0.25em; } - -@media (color-gamut: p3) { -.border-green-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: color-mix(in oklab, color(display-p3 0.30873 0.77475 0.37431) 50%, transparent); - } -} - -@supports (color: color-mix(in lch, red, blue)) { -.border-green-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent); - } -} -} -.border-input:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: hsl(214, 32%, 91%); - border-color: var(--color-input); -} -.border-primary:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: hsl(222, 47%, 11%); - border-color: var(--color-primary); -} -.border-red-200:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: rgb(255, 202, 202); - border-color: color(display-p3 0.96956 0.79815 0.7943); - border-color: var(--color-red-200); -} -.border-transparent:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: transparent; -} -.border-yellow-200:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: rgb(255, 240, 133); - border-color: var(--color-yellow-200); -} -.border-yellow-500:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: rgb(234, 179, 0); - border-color: color(display-p3 0.90365 0.70306 0.07454); - border-color: var(--color-yellow-500); -} -.border-yellow-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: rgba(234, 179, 0, 0.5); -} -@media (color-gamut: p3) { -.border-yellow-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: color(display-p3 0.90365 0.70306 0.07454 / 0.5); + sup { + top: -0.5em; } -} -@supports (color: color-mix(in lab, red, red)) { - .border-yellow-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: color-mix(in oklab, rgb(234, 179, 0) 50%, transparent); + table { + text-indent: 0; + border-color: inherit; + border-collapse: collapse; } - -@media (color-gamut: p3) { -.border-yellow-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: color-mix(in oklab, color(display-p3 0.90365 0.70306 0.07454) 50%, transparent); - } -} - -@supports (color: color-mix(in lch, red, blue)) { -.border-yellow-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent); - } -} -} -.border-t-transparent:not(#\#):not(#\#):not(#\#):not(#\#) { - border-top-color: transparent; -} -.bg-accent:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(210, 40%, 96%); - background-color: var(--color-accent); -} -.bg-background:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(0, 0%, 100%); - background-color: var(--color-background); -} -.bg-background\/80:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgba(255, 255, 255, 0.8); -} -@supports (color: color-mix(in lch, red, blue)) { -.bg-background\/80:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in srgb, hsl(var(--background)) 80%, transparent); + :-moz-focusring { + outline: auto; } -} -@supports (color: color-mix(in lab, red, red)) { - .bg-background\/80:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, hsl(0, 0%, 100%) 80%, transparent); + progress { + vertical-align: baseline; } - -@supports (color: color-mix(in lch, red, blue)) { -.bg-background\/80:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, var(--color-background) 80%, transparent); - } -} -} -.bg-black\/80:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgba(0, 0, 0, 0.8); -} -@supports (color: color-mix(in lab, red, red)) { - .bg-black\/80:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, #000 80%, transparent); + summary { + display: list-item; } - -@supports (color: color-mix(in lch, red, blue)) { -.bg-black\/80:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, var(--color-black) 80%, transparent); - } -} -} -.bg-blue-50:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(239, 246, 255); - background-color: var(--color-blue-50); -} -.bg-blue-100:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(219, 234, 254); - background-color: var(--color-blue-100); -} -.bg-blue-200:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(190, 219, 255); - background-color: color(display-p3 0.76688 0.85521 0.98748); - background-color: var(--color-blue-200); -} -.bg-blue-500:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(50, 128, 255); - background-color: color(display-p3 0.26642 0.49122 0.98862); - background-color: var(--color-blue-500); -} -.bg-blue-600:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(21, 93, 252); - background-color: var(--color-blue-600); -} -.bg-border:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(214, 32%, 91%); - background-color: var(--color-border); -} -.bg-card:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(0, 0%, 100%); - background-color: var(--color-card); -} -.bg-current:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: currentcolor; -} -.bg-destructive:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(0, 84%, 60%); - background-color: var(--color-destructive); -} -.bg-foreground:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(222, 84%, 5%); - background-color: var(--color-foreground); -} -.bg-gray-50:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(249, 250, 251); - background-color: var(--color-gray-50); -} -.bg-gray-100:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(243, 244, 246); - background-color: var(--color-gray-100); -} -.bg-gray-200:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(229, 231, 235); - background-color: var(--color-gray-200); -} -.bg-gray-300:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(209, 213, 220); - background-color: var(--color-gray-300); -} -.bg-green-50:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(240, 253, 244); - background-color: var(--color-green-50); -} -.bg-green-100:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(220, 252, 231); - background-color: var(--color-green-100); -} -.bg-green-200:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(185, 248, 207); - background-color: var(--color-green-200); -} -.bg-green-500:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(0, 198, 90); - background-color: color(display-p3 0.30873 0.77475 0.37431); - background-color: var(--color-green-500); -} -.bg-indigo-100:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(224, 231, 255); - background-color: color(display-p3 0.88303 0.90499 0.99314); - background-color: var(--color-indigo-100); -} -.bg-indigo-200:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(199, 210, 255); - background-color: color(display-p3 0.78656 0.82175 0.98845); - background-color: var(--color-indigo-200); -} -.bg-muted:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(210, 40%, 96%); - background-color: var(--color-muted); -} -.bg-muted\/10:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgba(241, 245, 249, 0.1); -} -@supports (color: color-mix(in lch, red, blue)) { -.bg-muted\/10:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in srgb, hsl(var(--muted)) 10%, transparent); + ol, ul, menu { + list-style: none; } -} -@supports (color: color-mix(in lab, red, red)) { - .bg-muted\/10:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, hsl(210, 40%, 96%) 10%, transparent); + img, svg, video, canvas, audio, iframe, embed, object { + display: block; + vertical-align: middle; } - -@supports (color: color-mix(in lch, red, blue)) { -.bg-muted\/10:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, var(--color-muted) 10%, transparent); - } -} -} -.bg-muted\/30:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgba(241, 245, 249, 0.3); -} -@supports (color: color-mix(in lch, red, blue)) { -.bg-muted\/30:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in srgb, hsl(var(--muted)) 30%, transparent); + img, video { + max-width: 100%; + height: auto; } -} -@supports (color: color-mix(in lab, red, red)) { - .bg-muted\/30:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, hsl(210, 40%, 96%) 30%, transparent); - } - -@supports (color: color-mix(in lch, red, blue)) { -.bg-muted\/30:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, var(--color-muted) 30%, transparent); - } -} -} -.bg-muted\/40:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgba(241, 245, 249, 0.4); -} -@supports (color: color-mix(in lch, red, blue)) { -.bg-muted\/40:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in srgb, hsl(var(--muted)) 40%, transparent); - } -} -@supports (color: color-mix(in lab, red, red)) { - .bg-muted\/40:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, hsl(210, 40%, 96%) 40%, transparent); - } - -@supports (color: color-mix(in lch, red, blue)) { -.bg-muted\/40:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, var(--color-muted) 40%, transparent); - } -} -} -.bg-muted\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgba(241, 245, 249, 0.5); -} -@supports (color: color-mix(in lch, red, blue)) { -.bg-muted\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent); - } -} -@supports (color: color-mix(in lab, red, red)) { - .bg-muted\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, hsl(210, 40%, 96%) 50%, transparent); - } - -@supports (color: color-mix(in lch, red, blue)) { -.bg-muted\/50:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, var(--color-muted) 50%, transparent); - } -} -} -.bg-orange-100:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(255, 237, 213); - background-color: color(display-p3 0.98876 0.93139 0.84327); - background-color: var(--color-orange-100); -} -.bg-orange-200:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(255, 215, 168); - background-color: color(display-p3 0.97465 0.84705 0.68011); - background-color: var(--color-orange-200); -} -.bg-pink-100:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(252, 231, 243); - background-color: var(--color-pink-100); -} -.bg-pink-200:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(252, 206, 232); - background-color: var(--color-pink-200); -} -.bg-popover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(0, 0%, 100%); - background-color: var(--color-popover); -} -.bg-primary:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(222, 47%, 11%); - background-color: var(--color-primary); -} -.bg-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgba(15, 23, 42, 0.1); -} -@supports (color: color-mix(in lch, red, blue)) { -.bg-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in srgb, hsl(var(--primary)) 10%, transparent); - } -} -@supports (color: color-mix(in lab, red, red)) { - .bg-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, hsl(222, 47%, 11%) 10%, transparent); - } - -@supports (color: color-mix(in lch, red, blue)) { -.bg-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); - } -} -} -.bg-purple-100:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(243, 232, 255); - background-color: var(--color-purple-100); -} -.bg-purple-200:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(233, 213, 255); - background-color: color(display-p3 0.90118 0.83598 0.99224); - background-color: var(--color-purple-200); -} -.bg-red-50:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(254, 242, 242); - background-color: var(--color-red-50); -} -.bg-red-100:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(255, 226, 226); - background-color: var(--color-red-100); -} -.bg-red-200:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(255, 202, 202); - background-color: color(display-p3 0.96956 0.79815 0.7943); - background-color: var(--color-red-200); -} -.bg-red-500:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(251, 44, 54); - background-color: var(--color-red-500); -} -.bg-secondary:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(210, 40%, 96%); - background-color: var(--color-secondary); -} -.bg-teal-100:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(203, 251, 241); - background-color: var(--color-teal-100); -} -.bg-teal-200:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(150, 247, 228); - background-color: var(--color-teal-200); -} -.bg-transparent:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: transparent; -} -.bg-white:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: #fff; - background-color: var(--color-white); -} -.bg-yellow-50:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(254, 252, 232); - background-color: var(--color-yellow-50); -} -.bg-yellow-100:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(254, 249, 194); - background-color: var(--color-yellow-100); -} -.bg-yellow-200:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(255, 240, 133); - background-color: var(--color-yellow-200); -} -.bg-yellow-300:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(255, 224, 46); - background-color: color(display-p3 0.98267 0.88088 0.32102); - background-color: var(--color-yellow-300); -} -.bg-yellow-500:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(234, 179, 0); - background-color: color(display-p3 0.90365 0.70306 0.07454); - background-color: var(--color-yellow-500); -} -.fill-current:not(#\#):not(#\#):not(#\#):not(#\#) { - fill: currentcolor; -} -.stroke-current:not(#\#):not(#\#):not(#\#):not(#\#) { - stroke: currentcolor; -} -.p-0:not(#\#):not(#\#):not(#\#):not(#\#) { - padding: calc(0.25rem * 0); - padding: calc(var(--spacing) * 0); -} -.p-1:not(#\#):not(#\#):not(#\#):not(#\#) { - padding: calc(0.25rem * 1); - padding: calc(var(--spacing) * 1); -} -.p-2:not(#\#):not(#\#):not(#\#):not(#\#) { - padding: calc(0.25rem * 2); - padding: calc(var(--spacing) * 2); -} -.p-3:not(#\#):not(#\#):not(#\#):not(#\#) { - padding: calc(0.25rem * 3); - padding: calc(var(--spacing) * 3); -} -.p-4:not(#\#):not(#\#):not(#\#):not(#\#) { - padding: calc(0.25rem * 4); - padding: calc(var(--spacing) * 4); -} -.p-6:not(#\#):not(#\#):not(#\#):not(#\#) { - padding: calc(0.25rem * 6); - padding: calc(var(--spacing) * 6); -} -.px-2:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-left: calc(0.25rem * 2); - padding-right: calc(0.25rem * 2); - padding-left: calc(var(--spacing) * 2); - padding-right: calc(var(--spacing) * 2); -} -.px-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-left: calc(0.25rem * 2.5); - padding-right: calc(0.25rem * 2.5); - padding-left: calc(var(--spacing) * 2.5); - padding-right: calc(var(--spacing) * 2.5); -} -.px-3:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-left: calc(0.25rem * 3); - padding-right: calc(0.25rem * 3); - padding-left: calc(var(--spacing) * 3); - padding-right: calc(var(--spacing) * 3); -} -.px-4:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-left: calc(0.25rem * 4); - padding-right: calc(0.25rem * 4); - padding-left: calc(var(--spacing) * 4); - padding-right: calc(var(--spacing) * 4); -} -.px-8:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-left: calc(0.25rem * 8); - padding-right: calc(0.25rem * 8); - padding-left: calc(var(--spacing) * 8); - padding-right: calc(var(--spacing) * 8); -} -.py-0\.5:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-top: calc(0.25rem * 0.5); - padding-bottom: calc(0.25rem * 0.5); - padding-top: calc(var(--spacing) * 0.5); - padding-bottom: calc(var(--spacing) * 0.5); -} -.py-1:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-top: calc(0.25rem * 1); - padding-bottom: calc(0.25rem * 1); - padding-top: calc(var(--spacing) * 1); - padding-bottom: calc(var(--spacing) * 1); -} -.py-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-top: calc(0.25rem * 1.5); - padding-bottom: calc(0.25rem * 1.5); - padding-top: calc(var(--spacing) * 1.5); - padding-bottom: calc(var(--spacing) * 1.5); -} -.py-2:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-top: calc(0.25rem * 2); - padding-bottom: calc(0.25rem * 2); - padding-top: calc(var(--spacing) * 2); - padding-bottom: calc(var(--spacing) * 2); -} -.py-3:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-top: calc(0.25rem * 3); - padding-bottom: calc(0.25rem * 3); - padding-top: calc(var(--spacing) * 3); - padding-bottom: calc(var(--spacing) * 3); -} -.py-4:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-top: calc(0.25rem * 4); - padding-bottom: calc(0.25rem * 4); - padding-top: calc(var(--spacing) * 4); - padding-bottom: calc(var(--spacing) * 4); -} -.py-6:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-top: calc(0.25rem * 6); - padding-bottom: calc(0.25rem * 6); - padding-top: calc(var(--spacing) * 6); - padding-bottom: calc(var(--spacing) * 6); -} -.pt-0:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-top: calc(0.25rem * 0); - padding-top: calc(var(--spacing) * 0); -} -.pt-1:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-top: calc(0.25rem * 1); - padding-top: calc(var(--spacing) * 1); -} -.pt-2:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-top: calc(0.25rem * 2); - padding-top: calc(var(--spacing) * 2); -} -.pt-4:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-top: calc(0.25rem * 4); - padding-top: calc(var(--spacing) * 4); -} -.pr-2:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-right: calc(0.25rem * 2); - padding-right: calc(var(--spacing) * 2); -} -.pr-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-right: calc(0.25rem * 2.5); - padding-right: calc(var(--spacing) * 2.5); -} -.pb-0:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-bottom: calc(0.25rem * 0); - padding-bottom: calc(var(--spacing) * 0); -} -.pb-2:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-bottom: calc(0.25rem * 2); - padding-bottom: calc(var(--spacing) * 2); -} -.pb-3:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-bottom: calc(0.25rem * 3); - padding-bottom: calc(var(--spacing) * 3); -} -.pb-4:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-bottom: calc(0.25rem * 4); - padding-bottom: calc(var(--spacing) * 4); -} -.pl-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-left: calc(0.25rem * 2.5); - padding-left: calc(var(--spacing) * 2.5); -} -.pl-8:not(#\#):not(#\#):not(#\#):not(#\#) { - padding-left: calc(0.25rem * 8); - padding-left: calc(var(--spacing) * 8); -} -.text-center:not(#\#):not(#\#):not(#\#):not(#\#) { - text-align: center; -} -.text-left:not(#\#):not(#\#):not(#\#):not(#\#) { - text-align: left; -} -.text-right:not(#\#):not(#\#):not(#\#):not(#\#) { - text-align: right; -} -.font-mono:not(#\#):not(#\#):not(#\#):not(#\#) { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", - "Courier New", monospace; - font-family: var(--font-mono); -} -.text-2xl:not(#\#):not(#\#):not(#\#):not(#\#) { - font-size: 1.5rem; - font-size: var(--text-2xl); - line-height: calc(2 / 1.5); - line-height: var(--tw-leading, var(--text-2xl--line-height)); -} -.text-lg:not(#\#):not(#\#):not(#\#):not(#\#) { - font-size: 1.125rem; - font-size: var(--text-lg); - line-height: calc(1.75 / 1.125); - line-height: var(--tw-leading, var(--text-lg--line-height)); -} -.text-sm:not(#\#):not(#\#):not(#\#):not(#\#) { - font-size: 0.875rem; - font-size: var(--text-sm); - line-height: calc(1.25 / 0.875); - line-height: var(--tw-leading, var(--text-sm--line-height)); -} -.text-xs:not(#\#):not(#\#):not(#\#):not(#\#) { - font-size: 0.75rem; - font-size: var(--text-xs); - line-height: calc(1 / 0.75); - line-height: var(--tw-leading, var(--text-xs--line-height)); -} -.text-\[10px\]:not(#\#):not(#\#):not(#\#):not(#\#) { - font-size: 10px; -} -.leading-none:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-leading: 1; - line-height: 1; -} -.leading-tight:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-leading: var(--leading-tight); - line-height: 1.25; - line-height: var(--leading-tight); -} -.font-medium:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-font-weight: var(--font-weight-medium); - font-weight: 500; - font-weight: var(--font-weight-medium); -} -.font-normal:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-font-weight: var(--font-weight-normal); - font-weight: 400; - font-weight: var(--font-weight-normal); -} -.font-semibold:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-font-weight: var(--font-weight-semibold); - font-weight: 600; - font-weight: var(--font-weight-semibold); -} -.tracking-tight:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-tracking: var(--tracking-tight); - letter-spacing: -0.025em; - letter-spacing: var(--tracking-tight); -} -.tracking-wider:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-tracking: var(--tracking-wider); - letter-spacing: 0.05em; - letter-spacing: var(--tracking-wider); -} -.tracking-widest:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-tracking: var(--tracking-widest); - letter-spacing: 0.1em; - letter-spacing: var(--tracking-widest); -} -.break-words:not(#\#):not(#\#):not(#\#):not(#\#) { - word-wrap: break-word; -} -.whitespace-nowrap:not(#\#):not(#\#):not(#\#):not(#\#) { - white-space: nowrap; -} -.text-accent-foreground:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(222, 47%, 11%); - color: var(--color-accent-foreground); -} -.text-black:not(#\#):not(#\#):not(#\#):not(#\#) { - color: #000; - color: var(--color-black); -} -.text-blue-500:not(#\#):not(#\#):not(#\#):not(#\#) { - color: rgb(50, 128, 255); - color: color(display-p3 0.26642 0.49122 0.98862); - color: var(--color-blue-500); -} -.text-blue-600:not(#\#):not(#\#):not(#\#):not(#\#) { - color: rgb(21, 93, 252); - color: var(--color-blue-600); -} -.text-blue-700:not(#\#):not(#\#):not(#\#):not(#\#) { - color: rgb(20, 71, 230); - color: var(--color-blue-700); -} -.text-blue-900:not(#\#):not(#\#):not(#\#):not(#\#) { - color: rgb(28, 57, 142); - color: var(--color-blue-900); -} -.text-card-foreground:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(222, 84%, 5%); - color: var(--color-card-foreground); -} -.text-destructive:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(0, 84%, 60%); - color: var(--color-destructive); -} -.text-destructive-foreground:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(210, 40%, 98%); - color: var(--color-destructive-foreground); -} -.text-foreground:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(222, 84%, 5%); - color: var(--color-foreground); -} -.text-gray-600:not(#\#):not(#\#):not(#\#):not(#\#) { - color: rgb(74, 85, 101); - color: var(--color-gray-600); -} -.text-gray-900:not(#\#):not(#\#):not(#\#):not(#\#) { - color: #111827; -} -.text-green-500:not(#\#):not(#\#):not(#\#):not(#\#) { - color: rgb(0, 198, 90); - color: color(display-p3 0.30873 0.77475 0.37431); - color: var(--color-green-500); -} -.text-green-600:not(#\#):not(#\#):not(#\#):not(#\#) { - color: rgb(0, 164, 71); - color: color(display-p3 0.24388 0.64082 0.29481); - color: var(--color-green-600); -} -.text-green-700:not(#\#):not(#\#):not(#\#):not(#\#) { - color: rgb(0, 129, 58); - color: color(display-p3 0.19836 0.5018 0.24533); - color: var(--color-green-700); -} -.text-green-900:not(#\#):not(#\#):not(#\#):not(#\#) { - color: rgb(13, 84, 43); - color: var(--color-green-900); -} -.text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(215, 16%, 47%); - color: var(--color-muted-foreground); -} -.text-popover-foreground:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(222, 84%, 5%); - color: var(--color-popover-foreground); -} -.text-primary:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(222, 47%, 11%); - color: var(--color-primary); -} -.text-primary-foreground:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(210, 40%, 98%); - color: var(--color-primary-foreground); -} -.text-red-500:not(#\#):not(#\#):not(#\#):not(#\#) { - color: rgb(251, 44, 54); - color: var(--color-red-500); -} -.text-red-700:not(#\#):not(#\#):not(#\#):not(#\#) { - color: rgb(191, 0, 15); - color: color(display-p3 0.69274 0.11623 0.10468); - color: var(--color-red-700); -} -.text-red-900:not(#\#):not(#\#):not(#\#):not(#\#) { - color: rgb(130, 24, 26); - color: var(--color-red-900); -} -.text-secondary-foreground:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(222, 47%, 11%); - color: var(--color-secondary-foreground); -} -.text-white:not(#\#):not(#\#):not(#\#):not(#\#) { - color: #fff; - color: var(--color-white); -} -.text-yellow-500:not(#\#):not(#\#):not(#\#):not(#\#) { - color: rgb(234, 179, 0); - color: color(display-p3 0.90365 0.70306 0.07454); - color: var(--color-yellow-500); -} -.text-yellow-600:not(#\#):not(#\#):not(#\#):not(#\#) { - color: rgb(202, 138, 0); - color: color(display-p3 0.77634 0.54249 0.04171); - color: var(--color-yellow-600); -} -.text-yellow-700:not(#\#):not(#\#):not(#\#):not(#\#) { - color: rgb(162, 98, 0); - color: color(display-p3 0.61315 0.38666 0.05797); - color: var(--color-yellow-700); -} -.text-yellow-900:not(#\#):not(#\#):not(#\#):not(#\#) { - color: rgb(115, 62, 10); - color: var(--color-yellow-900); -} -.capitalize:not(#\#):not(#\#):not(#\#):not(#\#) { - text-transform: capitalize; -} -.uppercase:not(#\#):not(#\#):not(#\#):not(#\#) { - text-transform: uppercase; -} -.italic:not(#\#):not(#\#):not(#\#):not(#\#) { - font-style: italic; -} -.underline:not(#\#):not(#\#):not(#\#):not(#\#) { - text-decoration-line: underline; -} -.underline-offset-4:not(#\#):not(#\#):not(#\#):not(#\#) { - text-underline-offset: 4px; -} -.opacity-0:not(#\#):not(#\#):not(#\#):not(#\#) { - opacity: 0; -} -.opacity-50:not(#\#):not(#\#):not(#\#):not(#\#) { - opacity: 0.5; -} -.opacity-60:not(#\#):not(#\#):not(#\#):not(#\#) { - opacity: 0.6; -} -.opacity-70:not(#\#):not(#\#):not(#\#):not(#\#) { - opacity: 0.7; -} -.opacity-90:not(#\#):not(#\#):not(#\#):not(#\#) { - opacity: 0.9; -} -.shadow:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(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), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - 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:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(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), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - 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:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(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), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - 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:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(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), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); -} -.ring:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - 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:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - 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:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - 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:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); -} -.ring-primary:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-color: var(--color-primary); -} -.ring-ring:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-color: var(--color-ring); -} -.ring-offset-2:not(#\#):not(#\#):not(#\#):not(#\#) { - --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:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-offset-color: var(--color-background); -} -.outline:not(#\#):not(#\#):not(#\#):not(#\#) { - outline-style: var(--tw-outline-style); - outline-width: 1px; -} -.blur:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-blur: blur(8px); - -webkit-filter: blur(8px) ; - filter: blur(8px) ; - -webkit-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: 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:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-filter: ; - filter: ; - -webkit-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: 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-sm:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-backdrop-blur: blur(var(--blur-sm)); - -webkit-backdrop-filter: blur(8px) ; - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - backdrop-filter: blur(8px) ; - 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:not(#\#):not(#\#):not(#\#):not(#\#) { - 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; - -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - -webkit-transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - -webkit-transition-duration: 150ms; - transition-duration: 150ms; - -webkit-transition-duration: var(--tw-duration, var(--default-transition-duration)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); -} -.transition-all:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-transition-property: all; - transition-property: all; - -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - -webkit-transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - -webkit-transition-duration: 150ms; - transition-duration: 150ms; - -webkit-transition-duration: var(--tw-duration, var(--default-transition-duration)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); -} -.transition-colors:not(#\#):not(#\#):not(#\#):not(#\#) { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; - -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - -webkit-transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - -webkit-transition-duration: 150ms; - transition-duration: 150ms; - -webkit-transition-duration: var(--tw-duration, var(--default-transition-duration)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); -} -.transition-opacity:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-transition-property: opacity; - transition-property: opacity; - -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - -webkit-transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - -webkit-transition-duration: 150ms; - transition-duration: 150ms; - -webkit-transition-duration: var(--tw-duration, var(--default-transition-duration)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); -} -.transition-shadow:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-transition-property: -webkit-box-shadow; - transition-property: -webkit-box-shadow; - transition-property: box-shadow; - transition-property: box-shadow, -webkit-box-shadow; - -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - -webkit-transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - -webkit-transition-duration: 150ms; - transition-duration: 150ms; - -webkit-transition-duration: var(--tw-duration, var(--default-transition-duration)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); -} -.transition-transform:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-transition-property: translate, scale, rotate, -webkit-transform; - transition-property: translate, scale, rotate, -webkit-transform; - transition-property: transform, translate, scale, rotate; - transition-property: transform, translate, scale, rotate, -webkit-transform; - -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - -webkit-transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - -webkit-transition-duration: 150ms; - transition-duration: 150ms; - -webkit-transition-duration: var(--tw-duration, var(--default-transition-duration)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); -} -.duration-200:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-duration: 200ms; - -webkit-transition-duration: 200ms; - transition-duration: 200ms; -} -.duration-300:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-duration: 300ms; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.duration-500:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-duration: 500ms; - -webkit-transition-duration: 500ms; - transition-duration: 500ms; -} -.ease-in-out:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ease: var(--ease-in-out); - -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - -webkit-transition-timing-function: var(--ease-in-out); - transition-timing-function: var(--ease-in-out); -} -.outline-none:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-outline-style: none; - outline-style: none; -} -.select-all:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-user-select: all; - -moz-user-select: all; - user-select: all; -} -.select-none:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -[open]:where(.group):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:block { - display: block; -} -:where(.group):popover-open:not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:block { - display: block; -} -:where(.group):open:not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:block { - display: block; -} -@media (hover: hover) { - :where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:opacity-50 { - opacity: 0.5; - } -} -:where(.peer):disabled:not(#\#):not(#\#):not(#\#):not(#\#) ~ .peer-disabled\:cursor-not-allowed { - cursor: not-allowed; -} -:where(.peer):disabled:not(#\#):not(#\#):not(#\#):not(#\#) ~ .peer-disabled\:opacity-70 { - opacity: 0.7; -} -.file\:border-0:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-file-upload-button { - border-style: var(--tw-border-style); - border-width: 0px; -} -.file\:border-0:not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button { - border-style: var(--tw-border-style); - border-width: 0px; -} -.file\:bg-transparent:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-file-upload-button { - background-color: transparent; -} -.file\:bg-transparent:not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button { - background-color: transparent; -} -.file\:text-sm:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-file-upload-button { - font-size: 0.875rem; - font-size: var(--text-sm); - line-height: calc(1.25 / 0.875); - line-height: var(--tw-leading, var(--text-sm--line-height)); -} -.file\:text-sm:not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button { - font-size: 0.875rem; - font-size: var(--text-sm); - line-height: calc(1.25 / 0.875); - line-height: var(--tw-leading, var(--text-sm--line-height)); -} -.file\:font-medium:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-file-upload-button { - --tw-font-weight: var(--font-weight-medium); - font-weight: 500; - font-weight: var(--font-weight-medium); -} -.file\:font-medium:not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button { - --tw-font-weight: var(--font-weight-medium); - font-weight: 500; - font-weight: var(--font-weight-medium); -} -.placeholder\:text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-input-placeholder { - color: hsl(215, 16%, 47%); - color: var(--color-muted-foreground); -} -.placeholder\:text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#)::-moz-placeholder { - color: hsl(215, 16%, 47%); - color: var(--color-muted-foreground); -} -.placeholder\:text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#):-ms-input-placeholder { - color: hsl(215, 16%, 47%); - color: var(--color-muted-foreground); -} -.placeholder\:text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#)::-ms-input-placeholder { - color: hsl(215, 16%, 47%); - color: var(--color-muted-foreground); -} -.placeholder\:text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder { - color: hsl(215, 16%, 47%); - color: var(--color-muted-foreground); -} -.first\:rounded-l-md:first-child:not(#\#):not(#\#):not(#\#):not(#\#) { - border-top-left-radius: calc(0.5rem - 2px); - border-top-left-radius: var(--radius-md); - border-bottom-left-radius: calc(0.5rem - 2px); - border-bottom-left-radius: var(--radius-md); -} -.first\:border-l:first-child:not(#\#):not(#\#):not(#\#):not(#\#) { - border-left-style: var(--tw-border-style); - border-left-width: 1px; -} -.last\:rounded-r-md:last-child:not(#\#):not(#\#):not(#\#):not(#\#) { - border-top-right-radius: calc(0.5rem - 2px); - border-top-right-radius: var(--radius-md); - border-bottom-right-radius: calc(0.5rem - 2px); - border-bottom-right-radius: var(--radius-md); -} -.focus-within\:relative:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) { - position: relative; -} -.focus-within\:z-10:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) { - z-index: 10; -} -.focus-within\:z-20:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) { - z-index: 20; -} -.focus-within\:ring-1:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - 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-2:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - 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:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-color: var(--color-ring); -} -.focus-within\:ring-offset-2:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) { - --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); -} -@media (hover: hover) { - .hover\:border-primary:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - border-color: hsl(222, 47%, 11%); - border-color: var(--color-primary); - } -} -@media (hover: hover) { - .hover\:bg-accent:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(210, 40%, 96%); - background-color: var(--color-accent); - } -} -@media (hover: hover) { - .hover\:bg-background:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(0, 0%, 100%); - background-color: var(--color-background); - } -} -@media (hover: hover) { - .hover\:bg-blue-600:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(21, 93, 252); - background-color: var(--color-blue-600); - } -} -@media (hover: hover) { - .hover\:bg-destructive:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(0, 84%, 60%); - background-color: var(--color-destructive); - } -} -@media (hover: hover) { - .hover\:bg-destructive\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgba(239, 68, 68, 0.8); - } - -@supports (color: color-mix(in lch, red, blue)) { -.hover\:bg-destructive\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in srgb, hsl(var(--destructive)) 80%, transparent); - } -} - @supports (color: color-mix(in lab, red, red)) { - .hover\:bg-destructive\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, hsl(0, 84%, 60%) 80%, transparent); - } - -@supports (color: color-mix(in lch, red, blue)) { -.hover\:bg-destructive\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, var(--color-destructive) 80%, transparent); - } -} - } -} -@media (hover: hover) { - .hover\:bg-destructive\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgba(239, 68, 68, 0.9); - } - -@supports (color: color-mix(in lch, red, blue)) { -.hover\:bg-destructive\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in srgb, hsl(var(--destructive)) 90%, transparent); - } -} - @supports (color: color-mix(in lab, red, red)) { - .hover\:bg-destructive\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, hsl(0, 84%, 60%) 90%, transparent); - } - -@supports (color: color-mix(in lch, red, blue)) { -.hover\:bg-destructive\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent); - } -} - } -} -@media (hover: hover) { - .hover\:bg-gray-50:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(249, 250, 251); - background-color: var(--color-gray-50); - } -} -@media (hover: hover) { - .hover\:bg-gray-200:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(229, 231, 235); - background-color: var(--color-gray-200); - } -} -@media (hover: hover) { - .hover\:bg-gray-400:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(153, 161, 175); - background-color: var(--color-gray-400); - } -} -@media (hover: hover) { - .hover\:bg-muted\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgba(241, 245, 249, 0.5); - } - -@supports (color: color-mix(in lch, red, blue)) { -.hover\:bg-muted\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent); - } -} - @supports (color: color-mix(in lab, red, red)) { - .hover\:bg-muted\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, hsl(210, 40%, 96%) 50%, transparent); - } - -@supports (color: color-mix(in lch, red, blue)) { -.hover\:bg-muted\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, var(--color-muted) 50%, transparent); - } -} - } -} -@media (hover: hover) { - .hover\:bg-primary:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(222, 47%, 11%); - background-color: var(--color-primary); - } -} -@media (hover: hover) { - .hover\:bg-primary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgba(15, 23, 42, 0.8); - } - -@supports (color: color-mix(in lch, red, blue)) { -.hover\:bg-primary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in srgb, hsl(var(--primary)) 80%, transparent); - } -} - @supports (color: color-mix(in lab, red, red)) { - .hover\:bg-primary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, hsl(222, 47%, 11%) 80%, transparent); - } - -@supports (color: color-mix(in lch, red, blue)) { -.hover\:bg-primary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, var(--color-primary) 80%, transparent); - } -} - } -} -@media (hover: hover) { - .hover\:bg-primary\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgba(15, 23, 42, 0.9); - } - -@supports (color: color-mix(in lch, red, blue)) { -.hover\:bg-primary\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in srgb, hsl(var(--primary)) 90%, transparent); - } -} - @supports (color: color-mix(in lab, red, red)) { - .hover\:bg-primary\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, hsl(222, 47%, 11%) 90%, transparent); - } - -@supports (color: color-mix(in lch, red, blue)) { -.hover\:bg-primary\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, var(--color-primary) 90%, transparent); - } -} - } -} -@media (hover: hover) { - .hover\:bg-secondary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgba(241, 245, 249, 0.8); - } - -@supports (color: color-mix(in lch, red, blue)) { -.hover\:bg-secondary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in srgb, hsl(var(--secondary)) 80%, transparent); - } -} - @supports (color: color-mix(in lab, red, red)) { - .hover\:bg-secondary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, hsl(210, 40%, 96%) 80%, transparent); - } - -@supports (color: color-mix(in lch, red, blue)) { -.hover\:bg-secondary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent); - } -} - } -} -@media (hover: hover) { - .hover\:text-accent-foreground:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(222, 47%, 11%); - color: var(--color-accent-foreground); - } -} -@media (hover: hover) { - .hover\:text-destructive-foreground:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(210, 40%, 98%); - color: var(--color-destructive-foreground); - } -} -@media (hover: hover) { - .hover\:text-foreground:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(222, 84%, 5%); - color: var(--color-foreground); - } -} -@media (hover: hover) { - .hover\:text-primary-foreground:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(210, 40%, 98%); - color: var(--color-primary-foreground); - } -} -@media (hover: hover) { - .hover\:underline:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - text-decoration-line: underline; - } -} -@media (hover: hover) { - .hover\:opacity-100:hover:not(#\#):not(#\#):not(#\#):not(#\#) { + button, input, select, optgroup, textarea, ::file-selector-button { + font: inherit; + font-feature-settings: inherit; + font-variation-settings: inherit; + letter-spacing: inherit; + color: inherit; + border-radius: 0; + background-color: transparent; opacity: 1; } -} -@media (hover: hover) { - .hover\:shadow-md:hover:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(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), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + :where(select:is([multiple], [size])) optgroup { + font-weight: bolder; + } + :where(select:is([multiple], [size])) optgroup option { + padding-inline-start: 20px; + } + ::file-selector-button { + margin-inline-end: 4px; + } + ::placeholder { + opacity: 1; + } + @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { + ::placeholder { + color: currentcolor; + @supports (color: color-mix(in lab, red, red)) { + color: color-mix(in oklab, currentcolor 50%, transparent); + } + } + } + textarea { + resize: vertical; + } + ::-webkit-search-decoration { + -webkit-appearance: none; + } + ::-webkit-date-and-time-value { + min-height: 1lh; + text-align: inherit; + } + ::-webkit-datetime-edit { + display: inline-flex; + } + ::-webkit-datetime-edit-fields-wrapper { + padding: 0; + } + ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { + padding-block: 0; + } + ::-webkit-calendar-picker-indicator { + line-height: 1; + } + :-moz-ui-invalid { + box-shadow: none; + } + button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { + appearance: button; + } + ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { + height: auto; + } + [hidden]:where(:not([hidden="until-found"])) { + display: none !important; } } -.focus\:bg-accent:focus:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(210, 40%, 96%); - background-color: var(--color-accent); -} -.focus\:bg-primary:focus:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(222, 47%, 11%); - background-color: var(--color-primary); -} -.focus\:text-accent-foreground:focus:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(222, 47%, 11%); - color: var(--color-accent-foreground); -} -.focus\:text-primary-foreground:focus:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(210, 40%, 98%); - color: var(--color-primary-foreground); -} -.focus\:ring-2:focus:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - 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-ring:focus:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-color: var(--color-ring); -} -.focus\:ring-offset-2:focus:not(#\#):not(#\#):not(#\#):not(#\#) { - --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:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-outline-style: none; - outline-style: none; -} -.focus-visible\:ring-1:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - 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:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); - -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - 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:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-color: var(--color-destructive); -} -.focus-visible\:ring-ring:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-color: var(--color-ring); -} -.focus-visible\:ring-offset-2:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#) { - --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:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-ring-offset-color: var(--color-background); -} -.focus-visible\:outline-none:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-outline-style: none; - outline-style: none; -} -.disabled\:pointer-events-none:disabled:not(#\#):not(#\#):not(#\#):not(#\#) { - pointer-events: none; -} -.disabled\:cursor-not-allowed:disabled:not(#\#):not(#\#):not(#\#):not(#\#) { - cursor: not-allowed; -} -.disabled\:opacity-50:disabled:not(#\#):not(#\#):not(#\#):not(#\#) { - opacity: 0.5; -} -.aria-selected\:opacity-100[aria-selected="true"]:not(#\#):not(#\#):not(#\#):not(#\#) { - opacity: 1; -} -.data-\[disabled\]\:pointer-events-none[data-disabled]:not(#\#):not(#\#):not(#\#):not(#\#) { - pointer-events: none; -} -.data-\[disabled\]\:opacity-50[data-disabled]:not(#\#):not(#\#):not(#\#):not(#\#) { - opacity: 0.5; -} -.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]:not(#\#):not(#\#):not(#\#):not(#\#) { - pointer-events: none; -} -.data-\[disabled\=true\]\:opacity-50[data-disabled="true"]:not(#\#):not(#\#):not(#\#):not(#\#) { - opacity: 0.5; -} -.data-\[state\=checked\]\:translate-x-3[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-translate-x: calc(var(--spacing) * 3); - translate: calc(0.25rem * 3) var(--tw-translate-y); - translate: var(--tw-translate-x) var(--tw-translate-y); -} -.data-\[state\=checked\]\:translate-x-5[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-translate-x: calc(var(--spacing) * 5); - translate: calc(0.25rem * 5) var(--tw-translate-y); - translate: var(--tw-translate-x) var(--tw-translate-y); -} -.data-\[state\=checked\]\:translate-x-6[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-translate-x: calc(var(--spacing) * 6); - translate: calc(0.25rem * 6) var(--tw-translate-y); - translate: var(--tw-translate-x) var(--tw-translate-y); -} -.data-\[state\=checked\]\:bg-blue-500[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(50, 128, 255); - background-color: color(display-p3 0.26642 0.49122 0.98862); - background-color: var(--color-blue-500); -} -.data-\[state\=checked\]\:bg-green-500[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(0, 198, 90); - background-color: color(display-p3 0.30873 0.77475 0.37431); - background-color: var(--color-green-500); -} -.data-\[state\=checked\]\:bg-primary[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(222, 47%, 11%); - background-color: var(--color-primary); -} -.data-\[state\=checked\]\:bg-red-500[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(251, 44, 54); - background-color: var(--color-red-500); -} -.data-\[state\=checked\]\:bg-yellow-500[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: rgb(234, 179, 0); - background-color: color(display-p3 0.90365 0.70306 0.07454); - background-color: var(--color-yellow-500); -} -.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) { - color: hsl(210, 40%, 98%); - color: var(--color-primary-foreground); -} -.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"]:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-animation: accordion-up 0.2s ease-out; - animation: accordion-up 0.2s ease-out; - -webkit-animation: var(--animate-accordion-up); - animation: var(--animate-accordion-up); -} -.data-\[state\=open\]\:animate-accordion-down[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-animation: accordion-down 0.2s ease-out; - animation: accordion-down 0.2s ease-out; - -webkit-animation: var(--animate-accordion-down); - animation: var(--animate-accordion-down); -} -.data-\[state\=open\]\:bg-accent[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(210, 40%, 96%); - background-color: var(--color-accent); -} -.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-translate-x: calc(var(--spacing) * 0); - translate: calc(0.25rem * 0) var(--tw-translate-y); - translate: var(--tw-translate-x) var(--tw-translate-y); -} -.data-\[state\=unchecked\]\:bg-input[data-state="unchecked"]:not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(214, 32%, 91%); - background-color: var(--color-input); -} -@media (min-width: 40rem) { - .sm\:top-auto:not(#\#):not(#\#):not(#\#):not(#\#) { - top: auto; +@layer utilities { + .\@container\/card-header { + container-type: inline-size; + container-name: card-header; } -} -@media (min-width: 40rem) { - .sm\:right-0:not(#\#):not(#\#):not(#\#):not(#\#) { - right: calc(0.25rem * 0); - right: calc(var(--spacing) * 0); + .pointer-events-auto { + pointer-events: auto; } -} -@media (min-width: 40rem) { - .sm\:bottom-0:not(#\#):not(#\#):not(#\#):not(#\#) { - bottom: calc(0.25rem * 0); - bottom: calc(var(--spacing) * 0); + .pointer-events-none { + pointer-events: none; } -} -@media (min-width: 40rem) { - .sm\:mt-0:not(#\#):not(#\#):not(#\#):not(#\#) { - margin-top: calc(0.25rem * 0); - margin-top: calc(var(--spacing) * 0); + .invisible { + visibility: hidden; } -} -@media (min-width: 40rem) { - .sm\:block:not(#\#):not(#\#):not(#\#):not(#\#) { - display: block; + .visible { + visibility: visible; } -} -@media (min-width: 40rem) { - .sm\:hidden:not(#\#):not(#\#):not(#\#):not(#\#) { - display: none; + .sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip-path: inset(50%); + white-space: nowrap; + border-width: 0; } -} -@media (min-width: 40rem) { - .sm\:inline:not(#\#):not(#\#):not(#\#):not(#\#) { - display: inline; + .absolute { + position: absolute; } -} -@media (min-width: 40rem) { - .sm\:h-9:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 9); - height: calc(var(--spacing) * 9); + .fixed { + position: fixed; } -} -@media (min-width: 40rem) { - .sm\:w-16:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 16); - width: calc(var(--spacing) * 16); - } -} -@media (min-width: 40rem) { - .sm\:w-32:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 32); - width: calc(var(--spacing) * 32); - } -} -@media (min-width: 40rem) { - .sm\:max-w-\[425px\]:not(#\#):not(#\#):not(#\#):not(#\#) { - max-width: 425px; - } -} -@media (min-width: 40rem) { - .sm\:max-w-sm:not(#\#):not(#\#):not(#\#):not(#\#) { - max-width: 24rem; - max-width: var(--container-sm); - } -} -@media (min-width: 40rem) { - .sm\:flex-col:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } -} -@media (min-width: 40rem) { - .sm\:flex-row:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - } -} -@media (min-width: 40rem) { - .sm\:justify-end:not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} -@media (min-width: 40rem) { - .sm\:gap-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) { - gap: calc(0.25rem * 2.5); - gap: calc(var(--spacing) * 2.5); - } -} -@media (min-width: 40rem) { - :where(.sm\:space-x-2 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-space-x-reverse: 0; - margin-left: calc((0.25rem * 2) * 0); - margin-left: calc((var(--spacing) * 2) * var(--tw-space-x-reverse)); - margin-left: calc(calc(0.25rem * 2) * 0); - margin-left: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); - margin-right: calc((0.25rem * 2) * (1 - 0)); - margin-right: calc((var(--spacing) * 2) * (1 - var(--tw-space-x-reverse))); - margin-right: calc(calc(0.25rem * 2) * calc(1 - 0)); - margin-right: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); - } -} -@media (min-width: 40rem) { - .sm\:rounded-lg:not(#\#):not(#\#):not(#\#):not(#\#) { - border-radius: 0.5rem; - border-radius: var(--radius-lg); - } -} -@media (min-width: 40rem) { - .sm\:text-left:not(#\#):not(#\#):not(#\#):not(#\#) { - text-align: left; - } -} -@media (min-width: 40rem) { - .sm\:text-sm:not(#\#):not(#\#):not(#\#):not(#\#) { - font-size: 0.875rem; - font-size: var(--text-sm); - line-height: calc(1.25 / 0.875); - line-height: var(--tw-leading, var(--text-sm--line-height)); - } -} -@media (min-width: 40rem) { - .sm\:text-xs:not(#\#):not(#\#):not(#\#):not(#\#) { - font-size: 0.75rem; - font-size: var(--text-xs); - line-height: calc(1 / 0.75); - line-height: var(--tw-leading, var(--text-xs--line-height)); - } -} -@media (min-width: 48rem) { - .md\:flex:not(#\#):not(#\#):not(#\#):not(#\#) { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - } -} -@media (min-width: 48rem) { - .md\:hidden:not(#\#):not(#\#):not(#\#):not(#\#) { - display: none; - } -} -@media (min-width: 48rem) { - .md\:h-5:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 5); - height: calc(var(--spacing) * 5); - } -} -@media (min-width: 48rem) { - .md\:h-10:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 10); - height: calc(var(--spacing) * 10); - } -} -@media (min-width: 48rem) { - .md\:w-1\/2:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(1/2 * 100%); - } -} -@media (min-width: 48rem) { - .md\:w-5:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 5); - width: calc(var(--spacing) * 5); - } -} -@media (min-width: 48rem) { - .md\:w-32:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 32); - width: calc(var(--spacing) * 32); - } -} -@media (min-width: 48rem) { - .md\:w-48:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 48); - width: calc(var(--spacing) * 48); - } -} -@media (min-width: 48rem) { - .md\:w-auto:not(#\#):not(#\#):not(#\#):not(#\#) { - width: auto; - } -} -@media (min-width: 48rem) { - .md\:max-w-\[420px\]:not(#\#):not(#\#):not(#\#):not(#\#) { - max-width: 420px; - } -} -@media (min-width: 48rem) { - .md\:grid-cols-4:not(#\#):not(#\#):not(#\#):not(#\#) { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } -} -@media (min-width: 48rem) { - .md\:text-base:not(#\#):not(#\#):not(#\#):not(#\#) { - font-size: 1rem; - font-size: var(--text-base); - line-height: calc(1.5 / 1); - line-height: var(--tw-leading, var(--text-base--line-height)); - } -} -@media (min-width: 48rem) { - .md\:text-sm:not(#\#):not(#\#):not(#\#):not(#\#) { - font-size: 0.875rem; - font-size: var(--text-sm); - line-height: calc(1.25 / 0.875); - line-height: var(--tw-leading, var(--text-sm--line-height)); - } -} -@media (min-width: 64rem) { - .lg\:relative:not(#\#):not(#\#):not(#\#):not(#\#) { + .relative { position: relative; } -} -@media (min-width: 64rem) { - .lg\:hidden:not(#\#):not(#\#):not(#\#):not(#\#) { + .static { + position: static; + } + .sticky { + position: sticky; + } + .inset-0 { + inset: calc(var(--spacing) * 0); + } + .inset-y-0 { + inset-block: calc(var(--spacing) * 0); + } + .-top-1 { + top: calc(var(--spacing) * -1); + } + .top-0 { + top: calc(var(--spacing) * 0); + } + .top-1\.5 { + top: calc(var(--spacing) * 1.5); + } + .top-4 { + top: calc(var(--spacing) * 4); + } + .top-6 { + top: calc(var(--spacing) * 6); + } + .top-\[50\%\] { + top: 50%; + } + .top-\[calc\(100\%\+4px\)\] { + top: calc(100% + 4px); + } + .right-0 { + right: calc(var(--spacing) * 0); + } + .right-1 { + right: calc(var(--spacing) * 1); + } + .right-4 { + right: calc(var(--spacing) * 4); + } + .right-6 { + right: calc(var(--spacing) * 6); + } + .-bottom-1 { + bottom: calc(var(--spacing) * -1); + } + .bottom-0 { + bottom: calc(var(--spacing) * 0); + } + .bottom-6 { + bottom: calc(var(--spacing) * 6); + } + .left-0 { + left: calc(var(--spacing) * 0); + } + .left-1\/2 { + left: calc(1/2 * 100%); + } + .left-6 { + left: calc(var(--spacing) * 6); + } + .left-\[50\%\] { + left: 50%; + } + .z-10 { + z-index: 10; + } + .z-20 { + z-index: 20; + } + .z-50 { + z-index: 50; + } + .z-60 { + z-index: 60; + } + .z-100 { + z-index: 100; + } + .z-\[100\] { + z-index: 100; + } + .col-span-1 { + grid-column: span 1 / span 1; + } + .mx-3\.5 { + margin-inline: calc(var(--spacing) * 3.5); + } + .my-1 { + margin-block: calc(var(--spacing) * 1); + } + .my-1\.5 { + margin-block: calc(var(--spacing) * 1.5); + } + .mt-0\.5 { + margin-top: calc(var(--spacing) * 0.5); + } + .mt-2 { + margin-top: calc(var(--spacing) * 2); + } + .mt-4 { + margin-top: calc(var(--spacing) * 4); + } + .mt-6 { + margin-top: calc(var(--spacing) * 6); + } + .mt-auto { + margin-top: auto; + } + .mr-2 { + margin-right: calc(var(--spacing) * 2); + } + .mb-1 { + margin-bottom: calc(var(--spacing) * 1); + } + .mb-2 { + margin-bottom: calc(var(--spacing) * 2); + } + .mb-3 { + margin-bottom: calc(var(--spacing) * 3); + } + .mb-4 { + margin-bottom: calc(var(--spacing) * 4); + } + .-ml-1 { + margin-left: calc(var(--spacing) * -1); + } + .ml-auto { + margin-left: auto; + } + .line-clamp-2 { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + } + .block { + display: block; + } + .contents { + display: contents; + } + .flex { + display: flex; + } + .grid { + display: grid; + } + .hidden { display: none; } -} -@media (min-width: 64rem) { - .lg\:h-11:not(#\#):not(#\#):not(#\#):not(#\#) { - height: calc(0.25rem * 11); - height: calc(var(--spacing) * 11); + .inline-flex { + display: inline-flex; } -} -@media (min-width: 64rem) { - .lg\:w-1\/3:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(1/3 * 100%); + .aspect-square { + aspect-ratio: 1 / 1; } -} -@media (min-width: 64rem) { - .lg\:w-48:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 48); + .size-1 { + width: calc(var(--spacing) * 1); + height: calc(var(--spacing) * 1); + } + .size-3 { + width: calc(var(--spacing) * 3); + height: calc(var(--spacing) * 3); + } + .size-3\.5 { + width: calc(var(--spacing) * 3.5); + height: calc(var(--spacing) * 3.5); + } + .size-4 { + width: calc(var(--spacing) * 4); + height: calc(var(--spacing) * 4); + } + .size-5 { + width: calc(var(--spacing) * 5); + height: calc(var(--spacing) * 5); + } + .size-6 { + width: calc(var(--spacing) * 6); + height: calc(var(--spacing) * 6); + } + .size-7 { + width: calc(var(--spacing) * 7); + height: calc(var(--spacing) * 7); + } + .size-8 { + width: calc(var(--spacing) * 8); + height: calc(var(--spacing) * 8); + } + .size-9 { + width: calc(var(--spacing) * 9); + height: calc(var(--spacing) * 9); + } + .size-10 { + width: calc(var(--spacing) * 10); + height: calc(var(--spacing) * 10); + } + .size-12 { + width: calc(var(--spacing) * 12); + height: calc(var(--spacing) * 12); + } + .size-full { + width: 100%; + height: 100%; + } + .h-1 { + height: calc(var(--spacing) * 1); + } + .h-1\.5 { + height: calc(var(--spacing) * 1.5); + } + .h-2 { + height: calc(var(--spacing) * 2); + } + .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-12 { + height: calc(var(--spacing) * 12); + } + .h-48 { + height: calc(var(--spacing) * 48); + } + .h-64 { + height: calc(var(--spacing) * 64); + } + .h-\[1px\] { + height: 1px; + } + .h-\[80vh\] { + height: 80vh; + } + .h-\[400px\] { + height: 400px; + } + .h-auto { + height: auto; + } + .h-fit { + height: fit-content; + } + .h-full { + height: 100%; + } + .h-px { + height: 1px; + } + .h-screen { + height: 100vh; + } + .h-svh { + height: 100svh; + } + .max-h-\[85vh\] { + max-height: 85vh; + } + .max-h-\[300px\] { + max-height: 300px; + } + .min-h-0 { + min-height: calc(var(--spacing) * 0); + } + .min-h-14 { + min-height: calc(var(--spacing) * 14); + } + .min-h-screen { + min-height: 100vh; + } + .w-\(--sidenav-width\) { + width: var(--sidenav-width); + } + .w-3\/4 { + width: calc(3/4 * 100%); + } + .w-3\/5 { + width: calc(3/5 * 100%); + } + .w-4 { + width: calc(var(--spacing) * 4); + } + .w-4\/5 { + width: calc(4/5 * 100%); + } + .w-5 { + width: calc(var(--spacing) * 5); + } + .w-6 { + width: calc(var(--spacing) * 6); + } + .w-8 { + width: calc(var(--spacing) * 8); + } + .w-9 { + width: calc(var(--spacing) * 9); + } + .w-10 { + width: calc(var(--spacing) * 10); + } + .w-12 { + width: calc(var(--spacing) * 12); + } + .w-24 { + width: calc(var(--spacing) * 24); + } + .w-32 { + width: calc(var(--spacing) * 32); + } + .w-48 { width: calc(var(--spacing) * 48); } -} -@media (min-width: 64rem) { - .lg\:w-64:not(#\#):not(#\#):not(#\#):not(#\#) { - width: calc(0.25rem * 64); + .w-56 { + width: calc(var(--spacing) * 56); + } + .w-64 { width: calc(var(--spacing) * 64); } -} -@media (min-width: 64rem) { - .lg\:translate-x-0:not(#\#):not(#\#):not(#\#):not(#\#) { - --tw-translate-x: calc(var(--spacing) * 0); - translate: calc(0.25rem * 0) var(--tw-translate-y); + .w-96 { + width: calc(var(--spacing) * 96); + } + .w-\[1px\] { + width: 1px; + } + .w-\[18rem\] { + width: 18rem; + } + .w-\[100px\] { + width: 100px; + } + .w-\[140px\] { + width: 140px; + } + .w-\[150px\] { + width: 150px; + } + .w-\[180px\] { + width: 180px; + } + .w-\[400px\] { + width: 400px; + } + .w-fit { + width: fit-content; + } + .w-full { + width: 100%; + } + .max-w-\[200px\] { + max-width: 200px; + } + .max-w-\[calc\(100\%-2rem\)\] { + max-width: calc(100% - 2rem); + } + .max-w-\[calc\(100vw-2rem\)\] { + max-width: calc(100vw - 2rem); + } + .max-w-lg { + max-width: var(--container-lg); + } + .max-w-md { + max-width: var(--container-md); + } + .max-w-sm { + max-width: var(--container-sm); + } + .min-w-0 { + min-width: calc(var(--spacing) * 0); + } + .min-w-\[12rem\] { + min-width: 12rem; + } + .min-w-\[80px\] { + min-width: 80px; + } + .min-w-\[160px\] { + min-width: 160px; + } + .min-w-full { + min-width: 100%; + } + .flex-1 { + flex: 1; + } + .shrink-0 { + flex-shrink: 0; + } + .border-collapse { + border-collapse: collapse; + } + .-translate-x-1\/2 { + --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } -} -@media (min-width: 64rem) { - .lg\:text-base:not(#\#):not(#\#):not(#\#):not(#\#) { - font-size: 1rem; - font-size: var(--text-base); - line-height: calc(1.5 / 1); - line-height: var(--tw-leading, var(--text-base--line-height)); + .-translate-x-full { + --tw-translate-x: -100%; + translate: var(--tw-translate-x) var(--tw-translate-y); } -} -@media (min-width: 64rem) { - .lg\:text-lg:not(#\#):not(#\#):not(#\#):not(#\#) { - font-size: 1.125rem; - font-size: var(--text-lg); - line-height: calc(1.75 / 1.125); - line-height: var(--tw-leading, var(--text-lg--line-height)); + .translate-x-0 { + --tw-translate-x: calc(var(--spacing) * 0); + translate: var(--tw-translate-x) var(--tw-translate-y); } -} -@media (min-width: 80rem) { - .xl\:hidden:not(#\#):not(#\#):not(#\#):not(#\#) { - display: none; + .translate-x-4 { + --tw-translate-x: calc(var(--spacing) * 4); + translate: var(--tw-translate-x) var(--tw-translate-y); } -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:border-blue-800 { - border-color: rgb(25, 60, 184); - border-color: var(--color-blue-800); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:border-destructive { - border-color: hsl(0, 84%, 60%); - border-color: var(--color-destructive); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:border-gray-800 { - border-color: #1f2937; -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:border-green-800 { - border-color: rgb(1, 102, 48); - border-color: var(--color-green-800); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:border-red-800 { - border-color: rgb(159, 7, 18); - border-color: var(--color-red-800); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:border-yellow-800 { - border-color: rgb(135, 76, 0); - border-color: color(display-p3 0.50318 0.30478 0.07554); - border-color: var(--color-yellow-800); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-blue-900 { - background-color: rgb(28, 57, 142); - background-color: var(--color-blue-900); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-blue-900\/30 { - background-color: rgba(28, 57, 142, 0.3); -} -@supports (color: color-mix(in lab, red, red)) { - .dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-blue-900\/30 { - background-color: color-mix(in oklab, rgb(28, 57, 142) 30%, transparent); + .translate-x-\[-8px\] { + --tw-translate-x: -8px; + translate: var(--tw-translate-x) var(--tw-translate-y); } - -@supports (color: color-mix(in lch, red, blue)) { -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-blue-900\/30 { - background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent); - } -} -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-gray-800 { - background-color: #1f2937; -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-gray-900 { - background-color: #111827; -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-green-900 { - background-color: rgb(13, 84, 43); - background-color: var(--color-green-900); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-green-900\/30 { - background-color: rgba(13, 84, 43, 0.3); -} -@supports (color: color-mix(in lab, red, red)) { - .dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-green-900\/30 { - background-color: color-mix(in oklab, rgb(13, 84, 43) 30%, transparent); + .translate-x-\[-50\%\] { + --tw-translate-x: -50%; + translate: var(--tw-translate-x) var(--tw-translate-y); } - -@supports (color: color-mix(in lch, red, blue)) { -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-green-900\/30 { - background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent); - } -} -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-red-900 { - background-color: rgb(130, 24, 26); - background-color: var(--color-red-900); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-red-900\/30 { - background-color: rgba(130, 24, 26, 0.3); -} -@supports (color: color-mix(in lab, red, red)) { - .dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-red-900\/30 { - background-color: color-mix(in oklab, rgb(130, 24, 26) 30%, transparent); + .translate-x-full { + --tw-translate-x: 100%; + translate: var(--tw-translate-x) var(--tw-translate-y); } - -@supports (color: color-mix(in lch, red, blue)) { -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-red-900\/30 { - background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent); - } -} -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-yellow-900 { - background-color: rgb(115, 62, 10); - background-color: var(--color-yellow-900); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-yellow-900\/30 { - background-color: rgba(115, 62, 10, 0.3); -} -@supports (color: color-mix(in lab, red, red)) { - .dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-yellow-900\/30 { - background-color: color-mix(in oklab, rgb(115, 62, 10) 30%, transparent); + .translate-x-px { + --tw-translate-x: 1px; + translate: var(--tw-translate-x) var(--tw-translate-y); } - -@supports (color: color-mix(in lch, red, blue)) { -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:bg-yellow-900\/30 { - background-color: color-mix(in oklab, var(--color-yellow-900) 30%, transparent); - } -} -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:text-blue-100 { - color: rgb(219, 234, 254); - color: var(--color-blue-100); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:text-blue-400 { - color: rgb(86, 162, 255); - color: color(display-p3 0.39744 0.62813 0.99212); - color: var(--color-blue-400); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:text-blue-500 { - color: rgb(50, 128, 255); - color: color(display-p3 0.26642 0.49122 0.98862); - color: var(--color-blue-500); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:text-gray-100 { - color: rgb(243, 244, 246); - color: var(--color-gray-100); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:text-green-100 { - color: rgb(220, 252, 231); - color: var(--color-green-100); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:text-green-400 { - color: rgb(5, 223, 114); - color: var(--color-green-400); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:text-green-500 { - color: rgb(0, 198, 90); - color: color(display-p3 0.30873 0.77475 0.37431); - color: var(--color-green-500); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:text-red-100 { - color: rgb(255, 226, 226); - color: var(--color-red-100); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:text-red-400 { - color: rgb(255, 101, 104); - color: color(display-p3 0.93353 0.43168 0.42349); - color: var(--color-red-400); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:text-yellow-100 { - color: rgb(254, 249, 194); - color: var(--color-yellow-100); -} -.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:text-yellow-400 { - color: rgb(247, 201, 0); - color: color(display-p3 0.95994 0.79017 0.05852); - color: var(--color-yellow-400); -} -@media (hover: hover) { - .dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:hover\:bg-gray-700:hover { - background-color: #374151; + .-translate-y-full { + --tw-translate-y: -100%; + translate: var(--tw-translate-x) var(--tw-translate-y); } -} -.\[\&_p\]\:leading-relaxed:not(#\#):not(#\#):not(#\#):not(#\#) p { - --tw-leading: var(--leading-relaxed); - line-height: 1.625; - line-height: var(--leading-relaxed); -} -.\[\&\:\:-webkit-details-marker\]\:hidden:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-details-marker { - display: none; -} -.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]):not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: hsl(210, 40%, 96%); - background-color: var(--color-accent); -} -.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]):not(#\#):not(#\#):not(#\#):not(#\#) { - border-top-left-radius: calc(0.5rem - 2px); - border-top-left-radius: var(--radius-md); - border-bottom-left-radius: calc(0.5rem - 2px); - border-bottom-left-radius: var(--radius-md); -} -.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]):not(#\#):not(#\#):not(#\#):not(#\#) { - border-top-right-radius: calc(0.5rem - 2px); - border-top-right-radius: var(--radius-md); - border-bottom-right-radius: calc(0.5rem - 2px); - border-bottom-right-radius: var(--radius-md); -} -.\[\&\>span\]\:line-clamp-1:not(#\#):not(#\#):not(#\#):not(#\#) > span { - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 1; -} -.\[\&\>svg\]\:size-3\.5:not(#\#):not(#\#):not(#\#):not(#\#) > svg { - width: calc(0.25rem * 3.5); - width: calc(var(--spacing) * 3.5); - height: calc(0.25rem * 3.5); - height: calc(var(--spacing) * 3.5); -} -.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]:not(#\#):not(#\#):not(#\#):not(#\#) > svg { - rotate: 180deg; -} -:root:not(#\#):not(#\#) { - --background: 0 0% 100%; - --foreground: 222.2 84% 4.9%; - --card: 0 0% 100%; - --card-foreground: 222.2 84% 4.9%; - --popover: 0 0% 100%; - --popover-foreground: 222.2 84% 4.9%; - --primary: 222.2 47.4% 11.2%; - --primary-foreground: 210 40% 98%; - --secondary: 210 40% 96.1%; - --secondary-foreground: 222.2 47.4% 11.2%; - --muted: 210 40% 96.1%; - --muted-foreground: 215.4 16.3% 46.9%; - --accent: 210 40% 96.1%; - --accent-foreground: 222.2 47.4% 11.2%; - --destructive: 0 84.2% 60.2%; - --destructive-foreground: 210 40% 98%; - --border: 214.3 31.8% 91.4%; - --input: 214.3 31.8% 91.4%; - --ring: 222.2 84% 4.9%; - --radius: 0.5rem; -} -.dark:not(#\#):not(#\#) { - --background: 222.2 84% 4.9%; - --foreground: 210 40% 98%; - --card: 222.2 84% 4.9%; - --card-foreground: 210 40% 98%; - --popover: 222.2 84% 4.9%; - --popover-foreground: 210 40% 98%; - --primary: 210 40% 98%; - --primary-foreground: 222.2 47.4% 11.2%; - --secondary: 217.2 32.6% 17.5%; - --secondary-foreground: 210 40% 98%; - --muted: 217.2 32.6% 17.5%; - --muted-foreground: 215 20.2% 65.1%; - --accent: 217.2 32.6% 17.5%; - --accent-foreground: 210 40% 98%; - --destructive: 0 62.8% 30.6%; - --destructive-foreground: 210 40% 98%; - --border: 217.2 32.6% 17.5%; - --input: 217.2 32.6% 17.5%; - --ring: 212.7 26.8% 83.9%; -} -*:not(#\#):not(#\#) { - border-color: hsl(214, 32%, 91%); - border-color: var(--color-border); -} -body:not(#\#):not(#\#) { - background-color: hsl(0, 0%, 100%); - background-color: var(--color-background); - color: hsl(222, 84%, 5%); - color: var(--color-foreground); -} -.bg-popover:not(#\#):not(#\#) { - background-color: hsl(0, 0%, 100%); - background-color: hsl(var(--popover)); -} -.text-popover-foreground:not(#\#):not(#\#) { - color: hsl(222, 84%, 5%); - color: hsl(var(--popover-foreground)); -} -.border-border:not(#\#):not(#\#) { - border-color: hsl(214, 32%, 91%); - border-color: hsl(var(--border)); -} -.shadow-md:not(#\#):not(#\#) { - -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); -} -.z-50:not(#\#):not(#\#) { - z-index: 50; -} -.z-100:not(#\#):not(#\#) { - z-index: 100; -} -@media (hover: none) { - body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + .translate-y-0 { + --tw-translate-y: calc(var(--spacing) * 0); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .translate-y-\[-50\%\] { + --tw-translate-y: -50%; + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .translate-y-full { + --tw-translate-y: 100%; + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .transform { + transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); + } + .animate-in { + animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); + } + .animate-pulse { + animation: var(--animate-pulse); + } + .animate-spin { + animation: var(--animate-spin); + } + .cursor-pointer { cursor: pointer; } + .touch-manipulation { + touch-action: manipulation; + } + .snap-x { + scroll-snap-type: x var(--tw-scroll-snap-strictness); + } + .snap-center { + scroll-snap-align: center; + } + .grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + .grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .flex-col { + flex-direction: column; + } + .flex-col-reverse { + flex-direction: column-reverse; + } + .items-center { + align-items: center; + } + .items-end { + align-items: flex-end; + } + .items-start { + align-items: flex-start; + } + .justify-between { + justify-content: space-between; + } + .justify-center { + justify-content: center; + } + .justify-end { + justify-content: flex-end; + } + .justify-start { + justify-content: flex-start; + } + .gap-0 { + gap: calc(var(--spacing) * 0); + } + .gap-0\.5 { + gap: calc(var(--spacing) * 0.5); + } + .gap-1 { + gap: calc(var(--spacing) * 1); + } + .gap-1\.5 { + gap: calc(var(--spacing) * 1.5); + } + .gap-2 { + gap: calc(var(--spacing) * 2); + } + .gap-3 { + gap: calc(var(--spacing) * 3); + } + .gap-4 { + gap: calc(var(--spacing) * 4); + } + .gap-6 { + gap: calc(var(--spacing) * 6); + } + .space-y-1 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-1\.5 { + :where(& > :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))); + } + } + .space-y-2 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-3 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-4 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-6 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); + } + } + .gap-x-4 { + column-gap: calc(var(--spacing) * 4); + } + .gap-y-2 { + row-gap: calc(var(--spacing) * 2); + } + .self-start { + align-self: flex-start; + } + .truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .overflow-auto { + overflow: auto; + } + .overflow-hidden { + overflow: hidden; + } + .overflow-x-auto { + overflow-x: auto; + } + .overflow-y-auto { + overflow-y: auto; + } + .overscroll-y-contain { + overscroll-behavior-y: contain; + } + .rounded { + border-radius: 0.25rem; + } + .rounded-2xl { + border-radius: var(--radius-2xl); + } + .rounded-\[4px\] { + border-radius: 4px; + } + .rounded-\[24px\] { + border-radius: 24px; + } + .rounded-\[inherit\] { + border-radius: inherit; + } + .rounded-full { + border-radius: calc(infinity * 1px); + } + .rounded-lg { + border-radius: var(--radius); + } + .rounded-md { + border-radius: calc(var(--radius) - 2px); + } + .rounded-none { + border-radius: 0; + } + .rounded-sm { + border-radius: calc(var(--radius) - 4px); + } + .rounded-xl { + border-radius: calc(var(--radius) + 4px); + } + .rounded-t-xl { + border-top-left-radius: calc(var(--radius) + 4px); + border-top-right-radius: calc(var(--radius) + 4px); + } + .border { + border-style: var(--tw-border-style); + border-width: 1px; + } + .border-2 { + border-style: var(--tw-border-style); + border-width: 2px; + } + .border-t { + border-top-style: var(--tw-border-style); + border-top-width: 1px; + } + .border-r { + border-right-style: var(--tw-border-style); + border-right-width: 1px; + } + .border-b { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 1px; + } + .border-l { + border-left-style: var(--tw-border-style); + border-left-width: 1px; + } + .border-dashed { + --tw-border-style: dashed; + border-style: dashed; + } + .border-none { + --tw-border-style: none; + border-style: none; + } + .border-accent { + border-color: var(--accent); + } + .border-blue-200 { + border-color: var(--color-blue-200); + } + .border-blue-500\/20 { + border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { + border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); + } + } + .border-border { + border-color: var(--border); + } + .border-border\/40 { + border-color: var(--border); + @supports (color: color-mix(in lab, red, red)) { + border-color: color-mix(in oklab, var(--border) 40%, transparent); + } + } + .border-border\/50 { + border-color: var(--border); + @supports (color: color-mix(in lab, red, red)) { + border-color: color-mix(in oklab, var(--border) 50%, transparent); + } + } + .border-current { + border-color: currentcolor; + } + .border-destructive\/10 { + border-color: var(--destructive); + @supports (color: color-mix(in lab, red, red)) { + border-color: color-mix(in oklab, var(--destructive) 10%, transparent); + } + } + .border-destructive\/50 { + border-color: var(--destructive); + @supports (color: color-mix(in lab, red, red)) { + border-color: color-mix(in oklab, var(--destructive) 50%, transparent); + } + } + .border-green-200 { + border-color: var(--color-green-200); + } + .border-green-500\/20 { + border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { + border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent); + } + } + .border-input { + border-color: var(--input); + } + .border-primary { + border-color: var(--primary); + } + .border-primary-foreground\/10 { + border-color: var(--primary-foreground); + @supports (color: color-mix(in lab, red, red)) { + border-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent); + } + } + .border-red-200 { + border-color: var(--color-red-200); + } + .border-transparent { + border-color: transparent; + } + .border-yellow-200 { + border-color: var(--color-yellow-200); + } + .border-yellow-500\/20 { + border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { + border-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); + } + } + .border-zinc-200 { + border-color: var(--color-zinc-200); + } + .border-t-transparent { + border-top-color: transparent; + } + .bg-accent { + background-color: var(--accent); + } + .bg-accent\/50 { + background-color: var(--accent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--accent) 50%, transparent); + } + } + .bg-background { + background-color: var(--background); + } + .bg-black\/50 { + background-color: color-mix(in srgb, #000 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--color-black) 50%, transparent); + } + } + .bg-blue-50 { + background-color: var(--color-blue-50); + } + .bg-blue-500 { + background-color: var(--color-blue-500); + } + .bg-blue-500\/10 { + background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); + } + } + .bg-border { + background-color: var(--border); + } + .bg-border\/50 { + background-color: var(--border); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--border) 50%, transparent); + } + } + .bg-card { + background-color: var(--card); + } + .bg-card\/50 { + background-color: var(--card); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--card) 50%, transparent); + } + } + .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-green-50 { + background-color: var(--color-green-50); + } + .bg-green-500 { + background-color: var(--color-green-500); + } + .bg-green-500\/10 { + background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent); + } + } + .bg-input { + background-color: var(--input); + } + .bg-muted { + background-color: var(--muted); + } + .bg-muted-foreground\/30 { + background-color: var(--muted-foreground); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--muted-foreground) 30%, 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\/80 { + background-color: var(--muted); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--muted) 80%, transparent); + } + } + .bg-popover { + background-color: var(--popover); + } + .bg-primary { + background-color: var(--primary); + } + .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\/20 { + background-color: var(--primary); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--primary) 20%, transparent); + } + } + .bg-red-50 { + background-color: var(--color-red-50); + } + .bg-secondary { + background-color: var(--secondary); + } + .bg-transparent { + background-color: transparent; + } + .bg-white\/20 { + background-color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--color-white) 20%, transparent); + } + } + .bg-yellow-50 { + background-color: var(--color-yellow-50); + } + .bg-yellow-500 { + background-color: var(--color-yellow-500); + } + .bg-yellow-500\/10 { + background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent); + } + } + .p-0 { + padding: calc(var(--spacing) * 0); + } + .p-1 { + padding: calc(var(--spacing) * 1); + } + .p-1\.5 { + padding: calc(var(--spacing) * 1.5); + } + .p-2 { + padding: calc(var(--spacing) * 2); + } + .p-3 { + padding: calc(var(--spacing) * 3); + } + .p-4 { + padding: calc(var(--spacing) * 4); + } + .p-6 { + padding: calc(var(--spacing) * 6); + } + .p-8 { + padding: calc(var(--spacing) * 8); + } + .px-1 { + padding-inline: calc(var(--spacing) * 1); + } + .px-1\.5 { + padding-inline: calc(var(--spacing) * 1.5); + } + .px-2 { + padding-inline: calc(var(--spacing) * 2); + } + .px-2\.5 { + padding-inline: calc(var(--spacing) * 2.5); + } + .px-3 { + padding-inline: calc(var(--spacing) * 3); + } + .px-4 { + padding-inline: calc(var(--spacing) * 4); + } + .px-6 { + padding-inline: calc(var(--spacing) * 6); + } + .py-0\.5 { + padding-block: calc(var(--spacing) * 0.5); + } + .py-1 { + padding-block: calc(var(--spacing) * 1); + } + .py-1\.5 { + padding-block: calc(var(--spacing) * 1.5); + } + .py-2 { + padding-block: calc(var(--spacing) * 2); + } + .py-3 { + padding-block: calc(var(--spacing) * 3); + } + .py-4 { + padding-block: calc(var(--spacing) * 4); + } + .py-6 { + padding-block: calc(var(--spacing) * 6); + } + .pt-2 { + padding-top: calc(var(--spacing) * 2); + } + .pt-4 { + padding-top: calc(var(--spacing) * 4); + } + .pt-\[env\(safe-area-inset-top\)\] { + padding-top: env(safe-area-inset-top); + } + .pr-2 { + padding-right: calc(var(--spacing) * 2); + } + .pr-3 { + padding-right: calc(var(--spacing) * 3); + } + .pr-4 { + padding-right: calc(var(--spacing) * 4); + } + .pb-0 { + padding-bottom: calc(var(--spacing) * 0); + } + .pb-2 { + padding-bottom: calc(var(--spacing) * 2); + } + .pb-3 { + padding-bottom: calc(var(--spacing) * 3); + } + .pb-6 { + padding-bottom: calc(var(--spacing) * 6); + } + .pb-12 { + padding-bottom: calc(var(--spacing) * 12); + } + .pb-32 { + padding-bottom: calc(var(--spacing) * 32); + } + .pb-\[env\(safe-area-inset-bottom\)\] { + padding-bottom: env(safe-area-inset-bottom); + } + .pl-2 { + padding-left: calc(var(--spacing) * 2); + } + .text-center { + text-align: center; + } + .text-left { + text-align: left; + } + .text-right { + text-align: right; + } + .align-middle { + vertical-align: middle; + } + .font-mono { + font-family: var(--font-mono); + } + .text-2xl { + font-size: var(--text-2xl); + line-height: var(--tw-leading, var(--text-2xl--line-height)); + } + .text-base { + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + } + .text-lg { + font-size: var(--text-lg); + line-height: var(--tw-leading, var(--text-lg--line-height)); + } + .text-sm { + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + } + .text-xl { + font-size: var(--text-xl); + line-height: var(--tw-leading, var(--text-xl--line-height)); + } + .text-xs { + font-size: var(--text-xs); + line-height: var(--tw-leading, var(--text-xs--line-height)); + } + .text-\[8px\] { + font-size: 8px; + } + .text-\[9px\] { + font-size: 9px; + } + .text-\[10px\] { + font-size: 10px; + } + .text-\[11px\] { + font-size: 11px; + } + .leading-none { + --tw-leading: 1; + line-height: 1; + } + .leading-relaxed { + --tw-leading: var(--leading-relaxed); + line-height: var(--leading-relaxed); + } + .leading-tight { + --tw-leading: var(--leading-tight); + line-height: var(--leading-tight); + } + .font-bold { + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + } + .font-medium { + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + } + .font-semibold { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + } + .tracking-tight { + --tw-tracking: var(--tracking-tight); + letter-spacing: var(--tracking-tight); + } + .tracking-tighter { + --tw-tracking: var(--tracking-tighter); + letter-spacing: var(--tracking-tighter); + } + .tracking-wider { + --tw-tracking: var(--tracking-wider); + letter-spacing: var(--tracking-wider); + } + .tracking-widest { + --tw-tracking: var(--tracking-widest); + letter-spacing: var(--tracking-widest); + } + .break-words { + overflow-wrap: break-word; + } + .break-all { + word-break: break-all; + } + .whitespace-nowrap { + white-space: nowrap; + } + .text-accent-foreground { + color: var(--accent-foreground); + } + .text-blue-500 { + color: var(--color-blue-500); + } + .text-blue-600 { + color: var(--color-blue-600); + } + .text-blue-900 { + color: var(--color-blue-900); + } + .text-card-foreground { + color: var(--card-foreground); + } + .text-current { + color: currentcolor; + } + .text-destructive { + color: var(--destructive); + } + .text-destructive-foreground { + color: var(--destructive-foreground); + } + .text-destructive\/80 { + color: var(--destructive); + @supports (color: color-mix(in lab, red, red)) { + color: color-mix(in oklab, var(--destructive) 80%, transparent); + } + } + .text-foreground { + color: var(--foreground); + } + .text-foreground\/70 { + color: var(--foreground); + @supports (color: color-mix(in lab, red, red)) { + color: color-mix(in oklab, var(--foreground) 70%, transparent); + } + } + .text-green-500 { + color: var(--color-green-500); + } + .text-green-600 { + color: var(--color-green-600); + } + .text-green-900 { + color: var(--color-green-900); + } + .text-muted-foreground { + color: var(--muted-foreground); + } + .text-muted-foreground\/60 { + color: var(--muted-foreground); + @supports (color: color-mix(in lab, red, red)) { + color: color-mix(in oklab, var(--muted-foreground) 60%, transparent); + } + } + .text-neutral-300 { + color: var(--color-neutral-300); + } + .text-neutral-700 { + color: var(--color-neutral-700); + } + .text-popover-foreground { + color: var(--popover-foreground); + } + .text-primary { + color: var(--primary); + } + .text-primary-foreground { + color: var(--primary-foreground); + } + .text-red-900 { + color: var(--color-red-900); + } + .text-secondary-foreground { + color: var(--secondary-foreground); + } + .text-white { + color: var(--color-white); + } + .text-yellow-600 { + color: var(--color-yellow-600); + } + .text-yellow-900 { + color: var(--color-yellow-900); + } + .lowercase { + text-transform: lowercase; + } + .uppercase { + text-transform: uppercase; + } + .no-underline { + text-decoration-line: none; + } + .underline-offset-4 { + text-underline-offset: 4px; + } + .opacity-0 { + opacity: 0%; + } + .opacity-30 { + opacity: 30%; + } + .opacity-50 { + opacity: 50%; + } + .opacity-60 { + opacity: 60%; + } + .opacity-70 { + opacity: 70%; + } + .opacity-80 { + opacity: 80%; + } + .opacity-100 { + opacity: 100%; + } + .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_0_1px_hsl\(var\(--sidenav-border\)\)\] { + --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidenav-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-lg { + --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-md { + --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-none { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-sm { + --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-xl { + --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-xs { + --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .ring-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-offset-background { + --tw-ring-offset-color: var(--background); + } + .outline-hidden { + --tw-outline-style: none; + outline-style: none; + @media (forced-colors: active) { + outline: 2px solid transparent; + outline-offset: 2px; + } + } + .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-sm { + --tw-backdrop-blur: blur(var(--blur-sm)); + -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + } + .transition { + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-\[color\,box-shadow\] { + transition-property: color,box-shadow; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-\[left\,right\,width\] { + transition-property: left,right,width; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-\[margin\,opacity\] { + transition-property: margin,opacity; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-\[width\,height\,padding\] { + transition-property: width,height,padding; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-\[width\] { + transition-property: width; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-all { + transition-property: all; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-colors { + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-opacity { + transition-property: opacity; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-shadow { + transition-property: box-shadow; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-transform { + transition-property: transform, translate, scale, rotate; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-none { + transition-property: none; + } + .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-300 { + --tw-duration: 300ms; + transition-duration: 300ms; + } + .duration-500 { + --tw-duration: 500ms; + transition-duration: 500ms; + } + .ease-in { + --tw-ease: var(--ease-in); + transition-timing-function: var(--ease-in); + } + .ease-in-out { + --tw-ease: var(--ease-in-out); + transition-timing-function: var(--ease-in-out); + } + .ease-linear { + --tw-ease: linear; + transition-timing-function: linear; + } + .ease-out { + --tw-ease: var(--ease-out); + transition-timing-function: var(--ease-out); + } + .outline-none { + --tw-outline-style: none; + outline-style: none; + } + .select-none { + -webkit-user-select: none; + user-select: none; + } + .\[-webkit-tap-highlight-color\:transparent\] { + -webkit-tap-highlight-color: transparent; + } + .\[-webkit-touch-callout\:none\] { + -webkit-touch-callout: none; + } + .\[scrollbar-width\:none\] { + scrollbar-width: none; + } + .fade-in { + --tw-enter-opacity: 0; + } + .running { + animation-play-state: running; + } + .slide-in-from-bottom-2 { + --tw-enter-translate-y: calc(2*var(--spacing)); + } + .group-focus-within\/menu-item\:opacity-100 { + &:is(:where(.group\/menu-item):focus-within *) { + opacity: 100%; + } + } + .group-hover\:opacity-100 { + &:is(:where(.group):hover *) { + @media (hover: hover) { + opacity: 100%; + } + } + } + .group-hover\/menu-item\:opacity-100 { + &:is(:where(.group\/menu-item):hover *) { + @media (hover: hover) { + opacity: 100%; + } + } + } + .group-has-data-\[sidenav\=menu-action\]\/menu-item\:pr-8 { + &:is(:where(.group\/menu-item):has(*[data-sidenav="menu-action"]) *) { + padding-right: calc(var(--spacing) * 8); + } + } + .group-aria-checked\:opacity-100 { + &:is(:where(.group)[aria-checked="true"] *) { + opacity: 100%; + } + } + .group-aria-selected\:opacity-100 { + &:is(:where(.group)[aria-selected="true"] *) { + opacity: 100%; + } + } + .group-data-\[collapsible\=Icon\]\:-mt-8 { + &:is(:where(.group)[data-collapsible="Icon"] *) { + margin-top: calc(var(--spacing) * -8); + } + } + .group-data-\[collapsible\=Icon\]\:hidden { + &:is(:where(.group)[data-collapsible="Icon"] *) { + display: none; + } + } + .group-data-\[collapsible\=Icon\]\:size-8\! { + &:is(:where(.group)[data-collapsible="Icon"] *) { + width: calc(var(--spacing) * 8) !important; + height: calc(var(--spacing) * 8) !important; + } + } + .group-data-\[collapsible\=Icon\]\:w-\(--sidenav-width-icon\) { + &:is(:where(.group)[data-collapsible="Icon"] *) { + width: var(--sidenav-width-icon); + } + } + .group-data-\[collapsible\=Icon\]\:w-\[calc\(var\(--sidenav-width-icon\)\+\(--spacing\(4\)\)\)\] { + &:is(:where(.group)[data-collapsible="Icon"] *) { + width: calc(var(--sidenav-width-icon) + (calc(var(--spacing) * 4))); + } + } + .group-data-\[collapsible\=Icon\]\:w-\[calc\(var\(--sidenav-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] { + &:is(:where(.group)[data-collapsible="Icon"] *) { + width: calc(var(--sidenav-width-icon) + (calc(var(--spacing) * 4)) + 2px); + } + } + .group-data-\[collapsible\=Icon\]\:overflow-hidden { + &:is(:where(.group)[data-collapsible="Icon"] *) { + overflow: hidden; + } + } + .group-data-\[collapsible\=Icon\]\:p-0\! { + &:is(:where(.group)[data-collapsible="Icon"] *) { + padding: calc(var(--spacing) * 0) !important; + } + } + .group-data-\[collapsible\=Icon\]\:p-2\! { + &:is(:where(.group)[data-collapsible="Icon"] *) { + padding: calc(var(--spacing) * 2) !important; + } + } + .group-data-\[collapsible\=Icon\]\:opacity-0 { + &:is(:where(.group)[data-collapsible="Icon"] *) { + opacity: 0%; + } + } + .group-data-\[collapsible\=Offcanvas\]\:right-\[calc\(var\(--sidenav-width\)\*-1\)\] { + &:is(:where(.group)[data-collapsible="Offcanvas"] *) { + right: calc(var(--sidenav-width) * -1); + } + } + .group-data-\[collapsible\=Offcanvas\]\:left-\[calc\(var\(--sidenav-width\)\*-1\)\] { + &:is(:where(.group)[data-collapsible="Offcanvas"] *) { + left: calc(var(--sidenav-width) * -1); + } + } + .group-data-\[collapsible\=Offcanvas\]\:w-0 { + &:is(:where(.group)[data-collapsible="Offcanvas"] *) { + width: calc(var(--spacing) * 0); + } + } + .group-data-\[collapsible\=Offcanvas\]\:translate-x-0 { + &:is(:where(.group)[data-collapsible="Offcanvas"] *) { + --tw-translate-x: calc(var(--spacing) * 0); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + } + .group-data-\[side\=Left\]\:-right-4 { + &:is(:where(.group)[data-side="Left"] *) { + right: calc(var(--spacing) * -4); + } + } + .group-data-\[side\=Left\]\:border-r { + &:is(:where(.group)[data-side="Left"] *) { + border-right-style: var(--tw-border-style); + border-right-width: 1px; + } + } + .group-data-\[side\=Right\]\:left-0 { + &:is(:where(.group)[data-side="Right"] *) { + left: calc(var(--spacing) * 0); + } + } + .group-data-\[side\=Right\]\:rotate-180 { + &:is(:where(.group)[data-side="Right"] *) { + rotate: 180deg; + } + } + .group-data-\[side\=Right\]\:border-l { + &:is(:where(.group)[data-side="Right"] *) { + border-left-style: var(--tw-border-style); + border-left-width: 1px; + } + } + .peer-data-\[size\=default\]\/menu-button\:top-1\.5 { + &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) { + top: calc(var(--spacing) * 1.5); + } + } + .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 { + &:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) { + top: calc(var(--spacing) * 2.5); + } + } + .peer-data-\[size\=sm\]\/menu-button\:top-1 { + &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) { + top: calc(var(--spacing) * 1); + } + } + .selection\:bg-primary { + & *::selection { + background-color: var(--primary); + } + &::selection { + background-color: var(--primary); + } + } + .selection\:text-primary-foreground { + & *::selection { + color: var(--primary-foreground); + } + &::selection { + color: var(--primary-foreground); + } + } + .file\:inline-flex { + &::file-selector-button { + display: inline-flex; + } + } + .file\:h-7 { + &::file-selector-button { + height: calc(var(--spacing) * 7); + } + } + .file\:border-0 { + &::file-selector-button { + border-style: var(--tw-border-style); + border-width: 0px; + } + } + .file\:bg-transparent { + &::file-selector-button { + background-color: transparent; + } + } + .file\:text-sm { + &::file-selector-button { + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + } + } + .file\:font-medium { + &::file-selector-button { + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + } + } + .file\:text-foreground { + &::file-selector-button { + color: var(--foreground); + } + } + .placeholder\:text-muted-foreground { + &::placeholder { + color: var(--muted-foreground); + } + } + .after\:absolute { + &::after { + content: var(--tw-content); + position: absolute; + } + } + .after\:-inset-2 { + &::after { + content: var(--tw-content); + inset: calc(var(--spacing) * -2); + } + } + .after\:inset-y-0 { + &::after { + content: var(--tw-content); + inset-block: calc(var(--spacing) * 0); + } + } + .after\:left-1\/2 { + &::after { + content: var(--tw-content); + left: calc(1/2 * 100%); + } + } + .after\:w-\[2px\] { + &::after { + content: var(--tw-content); + width: 2px; + } + } + .group-data-\[collapsible\=Offcanvas\]\:after\:left-full { + &:is(:where(.group)[data-collapsible="Offcanvas"] *) { + &::after { + content: var(--tw-content); + left: 100%; + } + } + } + .read-only\:bg-muted { + &:read-only { + background-color: var(--muted); + } + } + .hover\:translate-x-\[2px\] { + &:hover { + @media (hover: hover) { + --tw-translate-x: 2px; + translate: var(--tw-translate-x) var(--tw-translate-y); + } + } + } + .hover\:cursor-pointer { + &:hover { + @media (hover: hover) { + cursor: pointer; + } + } + } + .hover\:border-primary\/50 { + &:hover { + @media (hover: hover) { + border-color: var(--primary); + @supports (color: color-mix(in lab, red, red)) { + border-color: color-mix(in oklab, var(--primary) 50%, transparent); + } + } + } + } + .hover\:bg-accent { + &:hover { + @media (hover: hover) { + background-color: var(--accent); + } + } + } + .hover\:bg-accent\/80 { + &:hover { + @media (hover: hover) { + background-color: var(--accent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--accent) 80%, transparent); + } + } + } + } + .hover\:bg-background\/50 { + &:hover { + @media (hover: hover) { + background-color: var(--background); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--background) 50%, transparent); + } + } + } + } + .hover\:bg-destructive\/10 { + &:hover { + @media (hover: hover) { + background-color: var(--destructive); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--destructive) 10%, transparent); + } + } + } + } + .hover\:bg-destructive\/80 { + &:hover { + @media (hover: hover) { + background-color: var(--destructive); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--destructive) 80%, transparent); + } + } + } + } + .hover\:bg-destructive\/90 { + &:hover { + @media (hover: hover) { + background-color: var(--destructive); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--destructive) 90%, transparent); + } + } + } + } + .hover\:bg-muted { + &:hover { + @media (hover: hover) { + background-color: var(--muted); + } + } + } + .hover\:bg-muted\/30 { + &:hover { + @media (hover: hover) { + background-color: var(--muted); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--muted) 30%, transparent); + } + } + } + } + .hover\:bg-muted\/50 { + &:hover { + @media (hover: hover) { + background-color: var(--muted); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--muted) 50%, transparent); + } + } + } + } + .hover\:bg-primary\/80 { + &:hover { + @media (hover: hover) { + background-color: var(--primary); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--primary) 80%, transparent); + } + } + } + } + .hover\:bg-primary\/90 { + &:hover { + @media (hover: hover) { + background-color: var(--primary); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--primary) 90%, transparent); + } + } + } + } + .hover\:bg-secondary\/80 { + &:hover { + @media (hover: hover) { + background-color: var(--secondary); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--secondary) 80%, transparent); + } + } + } + } + .hover\:bg-transparent { + &:hover { + @media (hover: hover) { + background-color: transparent; + } + } + } + .hover\:text-accent-foreground { + &:hover { + @media (hover: hover) { + color: var(--accent-foreground); + } + } + } + .hover\:text-destructive { + &:hover { + @media (hover: hover) { + color: var(--destructive); + } + } + } + .hover\:text-foreground { + &:hover { + @media (hover: hover) { + color: var(--foreground); + } + } + } + .hover\:underline { + &:hover { + @media (hover: hover) { + text-decoration-line: underline; + } + } + } + .hover\:opacity-100 { + &:hover { + @media (hover: hover) { + opacity: 100%; + } + } + } + .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidenav-accent\)\)\] { + &:hover { + @media (hover: hover) { + --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidenav-accent))); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + } + } + .focus\:bg-destructive\/10 { + &:focus { + background-color: var(--destructive); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--destructive) 10%, transparent); + } + } + } + .focus\:opacity-100 { + &:focus { + opacity: 100%; + } + } + .focus\:ring-1 { + &:focus { + --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + } + .focus\:ring-2 { + &:focus { + --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + } + .focus\:ring-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-ring { + &:focus-visible { + border-color: var(--ring); + } + } + .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\/20 { + &:focus-visible { + --tw-ring-color: var(--destructive); + @supports (color: color-mix(in lab, red, red)) { + --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); + } + } + } + .focus-visible\:ring-ring { + &:focus-visible { + --tw-ring-color: var(--ring); + } + } + .focus-visible\:ring-ring\/50 { + &:focus-visible { + --tw-ring-color: var(--ring); + @supports (color: color-mix(in lab, red, red)) { + --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); + } + } + } + .focus-visible\:ring-offset-2 { + &:focus-visible { + --tw-ring-offset-width: 2px; + --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + } + } + .focus-visible\:ring-offset-background { + &:focus-visible { + --tw-ring-offset-color: var(--background); + } + } + .focus-visible\:outline-hidden { + &:focus-visible { + --tw-outline-style: none; + outline-style: none; + @media (forced-colors: active) { + outline: 2px solid transparent; + outline-offset: 2px; + } + } + } + .focus-visible\:outline-1 { + &:focus-visible { + outline-style: var(--tw-outline-style); + outline-width: 1px; + } + } + .focus-visible\:outline-none { + &:focus-visible { + --tw-outline-style: none; + outline-style: none; + } + } + .active\:scale-\[0\.98\] { + &:active { + scale: 0.98; + } + } + .active\:opacity-100 { + &:active { + opacity: 100%; + } + } + .disabled\:pointer-events-none { + &:disabled { + pointer-events: none; + } + } + .disabled\:cursor-not-allowed { + &:disabled { + cursor: not-allowed; + } + } + .disabled\:opacity-50 { + &:disabled { + opacity: 50%; + } + } + .in-data-\[side\=Left\]\:cursor-w-resize { + :where(*[data-side="Left"]) & { + cursor: w-resize; + } + } + .in-data-\[side\=Right\]\:cursor-e-resize { + :where(*[data-side="Right"]) & { + cursor: e-resize; + } + } + .has-\[\>svg\]\:px-2\.5 { + &:has(>svg) { + padding-inline: calc(var(--spacing) * 2.5); + } + } + .has-\[\>svg\]\:px-3 { + &:has(>svg) { + padding-inline: calc(var(--spacing) * 3); + } + } + .has-\[\>svg\]\:px-4 { + &:has(>svg) { + padding-inline: calc(var(--spacing) * 4); + } + } + .aria-disabled\:pointer-events-none { + &[aria-disabled="true"] { + pointer-events: none; + } + } + .aria-disabled\:opacity-50 { + &[aria-disabled="true"] { + opacity: 50%; + } + } + .aria-invalid\:border-destructive { + &[aria-invalid="true"] { + border-color: var(--destructive); + } + } + .aria-invalid\:ring-destructive\/20 { + &[aria-invalid="true"] { + --tw-ring-color: var(--destructive); + @supports (color: color-mix(in lab, red, red)) { + --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); + } + } + } + .aria-\[current\=page\]\:font-medium { + &[aria-current="page"] { + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + } + } + .aria-\[current\=page\]\:font-semibold { + &[aria-current="page"] { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + } + } + .data-inset\:pl-8 { + &[data-inset] { + padding-left: calc(var(--spacing) * 8); + } + } + .data-\[align\=center\]\:left-1\/2 { + &[data-align="center"] { + left: calc(1/2 * 100%); + } + } + .data-\[align\=center\]\:-translate-x-1\/2 { + &[data-align="center"] { + --tw-translate-x: calc(calc(1/2 * 100%) * -1); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + } + .data-\[align\=end\]\:right-0 { + &[data-align="end"] { + right: calc(var(--spacing) * 0); + } + } + .data-\[align\=start\]\:left-0 { + &[data-align="start"] { + left: calc(var(--spacing) * 0); + } + } + .data-\[position\=Above\]\:top-auto { + &[data-position="Above"] { + top: auto; + } + } + .data-\[position\=Above\]\:bottom-\[calc\(100\%\+4px\)\] { + &[data-position="Above"] { + bottom: calc(100% + 4px); + } + } + .data-\[state\=Collapsed\]\:hidden { + &[data-state="Collapsed"] { + display: none; + } + } + .data-\[state\=active\]\:border-b-2 { + &[data-state="active"] { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 2px; + } + } + .data-\[state\=active\]\:border-primary { + &[data-state="active"] { + border-color: var(--primary); + } + } + .data-\[state\=active\]\:bg-transparent { + &[data-state="active"] { + background-color: transparent; + } + } + .data-\[state\=active\]\:shadow-none { + &[data-state="active"] { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + } + .data-\[state\=checked\]\:border-primary { + &[data-state="checked"] { + border-color: var(--primary); + } + } + .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\]\:scale-95 { + &[data-state="closed"] { + --tw-scale-x: 95%; + --tw-scale-y: 95%; + --tw-scale-z: 95%; + scale: var(--tw-scale-x) var(--tw-scale-y); + } + } + .data-\[state\=closed\]\:opacity-0 { + &[data-state="closed"] { + opacity: 0%; + } + } + .data-\[state\=closed\]\:data-\[position\=Above\]\:origin-bottom { + &[data-state="closed"] { + &[data-position="Above"] { + transform-origin: bottom; + } + } + } + .data-\[state\=closed\]\:data-\[position\=Below\]\:origin-top { + &[data-state="closed"] { + &[data-position="Below"] { + transform-origin: top; + } + } + } + .data-\[state\=open\]\:scale-100 { + &[data-state="open"] { + --tw-scale-x: 100%; + --tw-scale-y: 100%; + --tw-scale-z: 100%; + scale: var(--tw-scale-x) var(--tw-scale-y); + } + } + .data-\[state\=open\]\:opacity-100 { + &[data-state="open"] { + opacity: 100%; + } + } + .data-\[state\=open\]\:data-\[position\=Above\]\:origin-bottom { + &[data-state="open"] { + &[data-position="Above"] { + transform-origin: bottom; + } + } + } + .data-\[state\=open\]\:data-\[position\=Below\]\:origin-top { + &[data-state="open"] { + &[data-position="Below"] { + transform-origin: top; + } + } + } + .data-\[state\=selected\]\:bg-muted { + &[data-state="selected"] { + background-color: var(--muted); + } + } + .data-\[variant\=Floating\]\:rounded-lg { + &[data-variant="Floating"] { + border-radius: var(--radius); + } + } + .data-\[variant\=Floating\]\:border { + &[data-variant="Floating"] { + border-style: var(--tw-border-style); + border-width: 1px; + } + } + .data-\[variant\=Floating\]\:shadow-sm { + &[data-variant="Floating"] { + --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); + } + } + .data-\[variant\=Inset\]\:m-2 { + &[data-variant="Inset"] { + margin: calc(var(--spacing) * 2); + } + } + .data-\[variant\=Inset\]\:rounded-lg { + &[data-variant="Inset"] { + border-radius: var(--radius); + } + } + .data-\[variant\=Inset\]\:border { + &[data-variant="Inset"] { + border-style: var(--tw-border-style); + border-width: 1px; + } + } + .data-\[variant\=Inset\]\:shadow-sm { + &[data-variant="Inset"] { + --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); + } + } + .sm\:left-auto { + @media (width >= 40rem) { + left: auto; + } + } + .sm\:col-start-2 { + @media (width >= 40rem) { + grid-column-start: 2; + } + } + .sm\:row-span-2 { + @media (width >= 40rem) { + grid-row: span 2 / span 2; + } + } + .sm\:row-start-1 { + @media (width >= 40rem) { + grid-row-start: 1; + } + } + .sm\:flex { + @media (width >= 40rem) { + display: flex; + } + } + .sm\:grid { + @media (width >= 40rem) { + display: grid; + } + } + .sm\:hidden { + @media (width >= 40rem) { + display: none; + } + } + .sm\:inline { + @media (width >= 40rem) { + display: inline; + } + } + .sm\:h-\[60vh\] { + @media (width >= 40rem) { + height: 60vh; + } + } + .sm\:w-\[400px\] { + @media (width >= 40rem) { + width: 400px; + } + } + .sm\:w-auto { + @media (width >= 40rem) { + width: auto; + } + } + .sm\:max-w-\[380px\] { + @media (width >= 40rem) { + max-width: 380px; + } + } + .sm\:max-w-\[425px\] { + @media (width >= 40rem) { + max-width: 425px; + } + } + .sm\:flex-1 { + @media (width >= 40rem) { + flex: 1; + } + } + .sm\:translate-x-0 { + @media (width >= 40rem) { + --tw-translate-x: calc(var(--spacing) * 0); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + } + .sm\:auto-rows-min { + @media (width >= 40rem) { + grid-auto-rows: min-content; + } + } + .sm\:grid-rows-\[auto_auto\] { + @media (width >= 40rem) { + grid-template-rows: auto auto; + } + } + .sm\:flex-row { + @media (width >= 40rem) { + flex-direction: row; + } + } + .sm\:justify-end { + @media (width >= 40rem) { + justify-content: flex-end; + } + } + .sm\:justify-self-end { + @media (width >= 40rem) { + justify-self: flex-end; + } + } + .sm\:rounded-t-2xl { + @media (width >= 40rem) { + border-top-left-radius: var(--radius-2xl); + border-top-right-radius: var(--radius-2xl); + } + } + .sm\:px-0 { + @media (width >= 40rem) { + padding-inline: calc(var(--spacing) * 0); + } + } + .sm\:text-left { + @media (width >= 40rem) { + text-align: left; + } + } + .has-data-\[slot\=card-action\]\:sm\:grid-cols-\[1fr_auto\] { + &:has(*[data-slot="card-action"]) { + @media (width >= 40rem) { + grid-template-columns: 1fr auto; + } + } + } + .md\:col-span-2 { + @media (width >= 48rem) { + grid-column: span 2 / span 2; + } + } + .md\:block { + @media (width >= 48rem) { + display: block; + } + } + .md\:flex { + @media (width >= 48rem) { + display: flex; + } + } + .md\:hidden { + @media (width >= 48rem) { + display: none; + } + } + .md\:h-5 { + @media (width >= 48rem) { + height: calc(var(--spacing) * 5); + } + } + .md\:w-5 { + @media (width >= 48rem) { + width: calc(var(--spacing) * 5); + } + } + .md\:max-w-md { + @media (width >= 48rem) { + max-width: var(--container-md); + } + } + .md\:flex-none { + @media (width >= 48rem) { + flex: none; + } + } + .md\:grid-cols-2 { + @media (width >= 48rem) { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + } + .md\:grid-cols-4 { + @media (width >= 48rem) { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + } + .md\:gap-4 { + @media (width >= 48rem) { + gap: calc(var(--spacing) * 4); + } + } + .md\:text-sm { + @media (width >= 48rem) { + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + } + } + .md\:text-\[11px\] { + @media (width >= 48rem) { + font-size: 11px; + } + } + .md\:opacity-0 { + @media (width >= 48rem) { + opacity: 0%; + } + } + .md\:peer-data-\[variant\=Inset\]\:m-2 { + @media (width >= 48rem) { + &:is(:where(.peer)[data-variant="Inset"] ~ *) { + margin: calc(var(--spacing) * 2); + } + } + } + .md\:peer-data-\[variant\=Inset\]\:ml-0 { + @media (width >= 48rem) { + &:is(:where(.peer)[data-variant="Inset"] ~ *) { + margin-left: calc(var(--spacing) * 0); + } + } + } + .md\:peer-data-\[variant\=Inset\]\:rounded-xl { + @media (width >= 48rem) { + &:is(:where(.peer)[data-variant="Inset"] ~ *) { + border-radius: calc(var(--radius) + 4px); + } + } + } + .md\:peer-data-\[variant\=Inset\]\:shadow-sm { + @media (width >= 48rem) { + &:is(:where(.peer)[data-variant="Inset"] ~ *) { + --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); + } + } + } + .md\:peer-data-\[variant\=Inset\]\:peer-data-\[state\=Collapsed\]\:ml-2 { + @media (width >= 48rem) { + &:is(:where(.peer)[data-variant="Inset"] ~ *) { + &:is(:where(.peer)[data-state="Collapsed"] ~ *) { + margin-left: calc(var(--spacing) * 2); + } + } + } + } + .md\:after\:hidden { + @media (width >= 48rem) { + &::after { + content: var(--tw-content); + display: none; + } + } + } + .lg\:hidden { + @media (width >= 64rem) { + display: none; + } + } + .lg\:max-w-2xl { + @media (width >= 64rem) { + max-width: var(--container-2xl); + } + } + .lg\:max-w-md { + @media (width >= 64rem) { + max-width: var(--container-md); + } + } + .dark\:border-blue-800 { + @media (prefers-color-scheme: dark) { + border-color: var(--color-blue-800); + } + } + .dark\:border-green-800 { + @media (prefers-color-scheme: dark) { + border-color: var(--color-green-800); + } + } + .dark\:border-input { + @media (prefers-color-scheme: dark) { + border-color: var(--input); + } + } + .dark\:border-red-800 { + @media (prefers-color-scheme: dark) { + border-color: var(--color-red-800); + } + } + .dark\:border-yellow-800 { + @media (prefers-color-scheme: dark) { + border-color: var(--color-yellow-800); + } + } + .dark\:bg-black\/20 { + @media (prefers-color-scheme: dark) { + background-color: color-mix(in srgb, #000 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--color-black) 20%, transparent); + } + } + } + .dark\:bg-blue-900 { + @media (prefers-color-scheme: dark) { + background-color: var(--color-blue-900); + } + } + .dark\:bg-destructive\/60 { + @media (prefers-color-scheme: dark) { + background-color: var(--destructive); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--destructive) 60%, transparent); + } + } + } + .dark\:bg-green-900 { + @media (prefers-color-scheme: dark) { + background-color: var(--color-green-900); + } + } + .dark\:bg-input\/30 { + @media (prefers-color-scheme: dark) { + background-color: var(--input); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--input) 30%, transparent); + } + } + } + .dark\:bg-red-900 { + @media (prefers-color-scheme: dark) { + background-color: var(--color-red-900); + } + } + .dark\:bg-yellow-900 { + @media (prefers-color-scheme: dark) { + background-color: var(--color-yellow-900); + } + } + .dark\:text-blue-100 { + @media (prefers-color-scheme: dark) { + color: var(--color-blue-100); + } + } + .dark\:text-blue-400 { + @media (prefers-color-scheme: dark) { + color: var(--color-blue-400); + } + } + .dark\:text-blue-500 { + @media (prefers-color-scheme: dark) { + color: var(--color-blue-500); + } + } + .dark\:text-green-100 { + @media (prefers-color-scheme: dark) { + color: var(--color-green-100); + } + } + .dark\:text-green-400 { + @media (prefers-color-scheme: dark) { + color: var(--color-green-400); + } + } + .dark\:text-green-500 { + @media (prefers-color-scheme: dark) { + color: var(--color-green-500); + } + } + .dark\:text-red-100 { + @media (prefers-color-scheme: dark) { + color: var(--color-red-100); + } + } + .dark\:text-yellow-100 { + @media (prefers-color-scheme: dark) { + color: var(--color-yellow-100); + } + } + .dark\:text-yellow-400 { + @media (prefers-color-scheme: dark) { + color: var(--color-yellow-400); + } + } + .dark\:hover\:bg-accent\/50 { + @media (prefers-color-scheme: dark) { + &:hover { + @media (hover: hover) { + background-color: var(--accent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--accent) 50%, transparent); + } + } + } + } + } + .dark\:hover\:bg-input\/5 { + @media (prefers-color-scheme: dark) { + &:hover { + @media (hover: hover) { + background-color: var(--input); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--input) 5%, transparent); + } + } + } + } + } + .dark\:focus-visible\:ring-destructive\/40 { + @media (prefers-color-scheme: dark) { + &:focus-visible { + --tw-ring-color: var(--destructive); + @supports (color: color-mix(in lab, red, red)) { + --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); + } + } + } + } + .dark\:aria-invalid\:ring-destructive\/40 { + @media (prefers-color-scheme: dark) { + &[aria-invalid="true"] { + --tw-ring-color: var(--destructive); + @supports (color: color-mix(in lab, red, red)) { + --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); + } + } + } + } + .dark\:data-\[state\=checked\]\:bg-primary { + @media (prefers-color-scheme: dark) { + &[data-state="checked"] { + background-color: var(--primary); + } + } + } + .\[\&_\.icon\]\:text-blue-500 { + & .icon { + color: var(--color-blue-500); + } + } + .\[\&_\.icon\]\:text-destructive { + & .icon { + color: var(--destructive); + } + } + .\[\&_\.icon\]\:text-green-500 { + & .icon { + color: var(--color-green-500); + } + } + .\[\&_\.icon\]\:text-yellow-500 { + & .icon { + color: var(--color-yellow-500); + } + } + .\[\&_svg\]\:pointer-events-none { + & svg { + pointer-events: none; + } + } + .\[\&_svg\]\:shrink-0 { + & svg { + flex-shrink: 0; + } + } + .\[\&_svg\:not\(\:first-child\)\]\:ml-2 { + & svg:not(:first-child) { + margin-left: calc(var(--spacing) * 2); + } + } + .\[\&_svg\:not\(\:last-child\)\]\:mr-2 { + & svg:not(:last-child) { + margin-right: calc(var(--spacing) * 2); + } + } + .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 { + & svg:not([class*='size-']) { + width: calc(var(--spacing) * 4); + height: calc(var(--spacing) * 4); + } + } + .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 { + & svg:not([class*='size-']) { + width: calc(var(--spacing) * 6); + height: calc(var(--spacing) * 6); + } + } + .\[\&_tr\]\:border-b { + & tr { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 1px; + } + } + .\[\&_tr\:last-child\]\:border-0 { + & tr:last-child { + border-style: var(--tw-border-style); + border-width: 0px; + } + } + .\[\&\:\:-webkit-scrollbar\]\:hidden { + &::-webkit-scrollbar { + display: none; + } + } + .\[\&\:\:-webkit-scrollbar\]\:h-1\.5 { + &::-webkit-scrollbar { + height: calc(var(--spacing) * 1.5); + } + } + .\[\&\:\:-webkit-scrollbar\]\:w-1\.5 { + &::-webkit-scrollbar { + width: calc(var(--spacing) * 1.5); + } + } + .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full { + &::-webkit-scrollbar-thumb { + border-radius: calc(infinity * 1px); + } + } + .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-border\/60 { + &::-webkit-scrollbar-thumb { + background-color: var(--border); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--border) 60%, transparent); + } + } + } + .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-border\/80 { + &:hover { + @media (hover: hover) { + &::-webkit-scrollbar-thumb { + background-color: var(--border); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--border) 80%, transparent); + } + } + } + } + } + .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent { + &::-webkit-scrollbar-track { + background-color: transparent; + } + } + .\[\.border-b\]\:pb-6 { + &:is(.border-b) { + padding-bottom: calc(var(--spacing) * 6); + } + } + .\[\.border-t\]\:pt-6 { + &:is(.border-t) { + padding-top: calc(var(--spacing) * 6); + } + } + .\[\&\>span\:last-child\]\:truncate { + &>span:last-child { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + } + .\[\&\>svg\]\:size-4 { + &>svg { + width: calc(var(--spacing) * 4); + height: calc(var(--spacing) * 4); + } + } + .\[\&\>svg\]\:shrink-0 { + &>svg { + flex-shrink: 0; + } + } + .\[\&\>svg\]\:stroke-2 { + &>svg { + stroke-width: 2; + } + } + .aria-\[current\=page\]\:\[\&\>svg\]\:stroke-\[2\.7\] { + &[aria-current="page"] { + &>svg { + stroke-width: 2.7; + } + } + } + .\[\&\>tr\]\:last\:border-b-0 { + &>tr { + &:last-child { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 0px; + } + } + } + .\[\&\[data-state\=open\]\>svg\]\:rotate-180 { + &[data-state=open]>svg { + rotate: 180deg; + } + } + .\[\[data-side\=Left\]\[data-collapsible\=Offcanvas\]_\&\]\:-right-2 { + [data-side=Left][data-collapsible=Offcanvas] & { + right: calc(var(--spacing) * -2); + } + } + .\[\[data-side\=Left\]\[data-state\=Collapsed\]_\&\]\:cursor-e-resize { + [data-side=Left][data-state=Collapsed] & { + cursor: e-resize; + } + } + .\[\[data-side\=Right\]\[data-state\=Collapsed\]_\&\]\:cursor-w-resize { + [data-side=Right][data-state=Collapsed] & { + cursor: w-resize; + } + } } -* { - outline: none !important; +@property --tw-animation-delay { + syntax: "*"; + inherits: false; + initial-value: 0s; } -*:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { - -webkit-tap-highlight-color: transparent; +@property --tw-animation-direction { + syntax: "*"; + inherits: false; + initial-value: normal; } -:focus { - outline: none !important; +@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.625rem; + --background: oklch(1 0 0); + --foreground: oklch(0.145 0 0); + --card: oklch(1 0 0); + --card-foreground: oklch(0.145 0 0); + --popover: oklch(1 0 0); + --popover-foreground: oklch(0.145 0 0); + --primary: oklch(0.205 0 0); + --primary-foreground: oklch(0.985 0 0); + --secondary: oklch(0.97 0 0); + --secondary-foreground: oklch(0.205 0 0); + --muted: oklch(0.97 0 0); + --muted-foreground: oklch(0.556 0 0); + --accent: oklch(0.97 0 0); + --accent-foreground: oklch(0.205 0 0); + --destructive: oklch(0.577 0.245 27.325); + --border: oklch(0.922 0 0); + --input: oklch(0.922 0 0); + --ring: oklch(0.708 0 0); +} +.dark { + --background: oklch(0.145 0 0); + --foreground: oklch(0.985 0 0); + --card: oklch(0.205 0 0); + --card-foreground: oklch(0.985 0 0); + --popover: oklch(0.205 0 0); + --popover-foreground: oklch(0.985 0 0); + --primary: oklch(0.922 0 0); + --primary-foreground: oklch(0.205 0 0); + --secondary: oklch(0.269 0 0); + --secondary-foreground: oklch(0.985 0 0); + --muted: oklch(0.269 0 0); + --muted-foreground: oklch(0.708 0 0); + --accent: oklch(0.269 0 0); + --accent-foreground: oklch(0.985 0 0); + --destructive: oklch(0.704 0.191 22.216); + --border: oklch(1 0 0 / 10%); + --input: oklch(1 0 0 / 15%); + --ring: oklch(0.556 0 0); +} +@layer base { + * { + border-color: var(--border); + outline-color: var(--ring); + @supports (color: color-mix(in lab, red, red)) { + outline-color: color-mix(in oklab, var(--ring) 50%, transparent); + } + } + body { + background-color: var(--background); + color: var(--foreground); + } + button:not(:disabled), [role="button"]:not(:disabled) { + cursor: pointer; + } + dialog { + margin: auto; + } } @property --tw-translate-x { syntax: "*"; @@ -3485,12 +3288,12 @@ body:not(#\#):not(#\#) { syntax: "*"; inherits: false; } -@property --tw-space-y-reverse { +@property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; - initial-value: 0; + initial-value: proximity; } -@property --tw-space-x-reverse { +@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; @@ -3515,7 +3318,7 @@ body:not(#\#):not(#\#) { @property --tw-shadow { syntax: "*"; inherits: false; - initial-value: 0 0 rgba(0,0,0,0); + initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; @@ -3529,7 +3332,7 @@ body:not(#\#):not(#\#) { @property --tw-inset-shadow { syntax: "*"; inherits: false; - initial-value: 0 0 rgba(0,0,0,0); + initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; @@ -3547,7 +3350,7 @@ body:not(#\#):not(#\#) { @property --tw-ring-shadow { syntax: "*"; inherits: false; - initial-value: 0 0 rgba(0,0,0,0); + initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; @@ -3556,7 +3359,7 @@ body:not(#\#):not(#\#) { @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; - initial-value: 0 0 rgba(0,0,0,0); + initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; @@ -3575,12 +3378,7 @@ body:not(#\#):not(#\#) { @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; - initial-value: 0 0 rgba(0,0,0,0); -} -@property --tw-outline-style { - syntax: "*"; - inherits: false; - initial-value: solid; + initial-value: 0 0 #0000; } @property --tw-blur { syntax: "*"; @@ -3679,21 +3477,34 @@ body:not(#\#):not(#\#) { syntax: "*"; inherits: false; } -@-webkit-keyframes spin { - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } +@property --tw-content { + syntax: "*"; + initial-value: ""; + inherits: false; +} +@property --tw-outline-style { + syntax: "*"; + inherits: false; + initial-value: solid; +} +@property --tw-scale-x { + syntax: "*"; + inherits: false; + initial-value: 1; +} +@property --tw-scale-y { + syntax: "*"; + inherits: false; + initial-value: 1; +} +@property --tw-scale-z { + syntax: "*"; + inherits: false; + initial-value: 1; } @keyframes spin { to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-webkit-keyframes pulse { - 50% { - opacity: 0.5; + transform: rotate(360deg); } } @keyframes pulse { @@ -3701,175 +3512,90 @@ body:not(#\#):not(#\#) { opacity: 0.5; } } -@-webkit-keyframes bounce { - 0%, 100% { - -webkit-transform: translateY(-25%); - transform: translateY(-25%); - -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); - animation-timing-function: cubic-bezier(0.8, 0, 1, 1); - } - 50% { - -webkit-transform: none; - transform: none; - -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); - animation-timing-function: cubic-bezier(0, 0, 0.2, 1); - } -} -@keyframes bounce { - 0%, 100% { - -webkit-transform: translateY(-25%); - transform: translateY(-25%); - -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); - animation-timing-function: cubic-bezier(0.8, 0, 1, 1); - } - 50% { - -webkit-transform: none; - transform: none; - -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); - animation-timing-function: cubic-bezier(0, 0, 0.2, 1); - } -} -@-webkit-keyframes accordion-down { +@keyframes enter { from { - height: 0; - } - to { - height: var(--radix-accordion-content-height); + 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 accordion-down { - from { - height: 0; - } - to { - height: var(--radix-accordion-content-height); +@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-scroll-snap-strictness: proximity; + --tw-space-y-reverse: 0; + --tw-border-style: solid; + --tw-leading: initial; + --tw-font-weight: initial; + --tw-tracking: 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-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-outline-style: solid; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-scale-z: 1; + --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; + } } } -@-webkit-keyframes accordion-up { - from { - height: var(--radix-accordion-content-height); - } - to { - height: 0; - } -} -@keyframes accordion-up { - from { - height: var(--radix-accordion-content-height); - } - to { - height: 0; - } -} -@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { - ::-ms-backdrop { - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-translate-z: 0; - --tw-rotate-x: initial; - --tw-rotate-y: initial; - --tw-rotate-z: initial; - --tw-skew-x: initial; - --tw-skew-y: initial; - --tw-space-y-reverse: 0; - --tw-space-x-reverse: 0; - --tw-border-style: solid; - --tw-leading: initial; - --tw-font-weight: initial; - --tw-tracking: initial; - --tw-shadow: 0 0 rgba(0,0,0,0); - --tw-shadow-color: initial; - --tw-shadow-alpha: 100%; - --tw-inset-shadow: 0 0 rgba(0,0,0,0); - --tw-inset-shadow-color: initial; - --tw-inset-shadow-alpha: 100%; - --tw-ring-color: initial; - --tw-ring-shadow: 0 0 rgba(0,0,0,0); - --tw-inset-ring-color: initial; - --tw-inset-ring-shadow: 0 0 rgba(0,0,0,0); - --tw-ring-inset: initial; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0); - --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; - } - *, ::before, ::after, ::backdrop { - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-translate-z: 0; - --tw-rotate-x: initial; - --tw-rotate-y: initial; - --tw-rotate-z: initial; - --tw-skew-x: initial; - --tw-skew-y: initial; - --tw-space-y-reverse: 0; - --tw-space-x-reverse: 0; - --tw-border-style: solid; - --tw-leading: initial; - --tw-font-weight: initial; - --tw-tracking: initial; - --tw-shadow: 0 0 rgba(0,0,0,0); - --tw-shadow-color: initial; - --tw-shadow-alpha: 100%; - --tw-inset-shadow: 0 0 rgba(0,0,0,0); - --tw-inset-shadow-color: initial; - --tw-inset-shadow-alpha: 100%; - --tw-ring-color: initial; - --tw-ring-shadow: 0 0 rgba(0,0,0,0); - --tw-inset-ring-color: initial; - --tw-inset-ring-shadow: 0 0 rgba(0,0,0,0); - --tw-ring-inset: initial; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0); - --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; - } -} \ No newline at end of file