/*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/theme.css ***! \***********************************************************************************************************************************************************************************************************************************************************/ /* * GENERATED by scripts/generate-theme.mjs — do not edit by hand. * Run `npm run gen:theme` after changing the ramp rules in that script. * * Light values are the stock Tailwind palette, byte-for-byte; app/theme.test.ts * re-derives them from `tailwindcss/colors` and fails on any drift. * * The dark block is `:root.dark`, not `.dark`. Tailwind's `@layer base` is a * build-time directive, not a native CSS layer, so globals.css's `:root` lands * unlayered *after* this file's `@import` — at equal specificity it would win * on source order and the semantic tokens would stay on their light values. * The extra class bumps specificity above it. next-themes sets the class on * , which is `:root`. */ :root { /* The page backdrop. Light mode: exactly gray-100, the value the dashboard shell always used. Dark mode: one step below a card. */ --c-canvas: 243 244 246; --c-white: 255 255 255; --c-slate-50: 248 250 252; --c-slate-100: 241 245 249; --c-slate-200: 226 232 240; --c-slate-300: 203 213 225; --c-slate-400: 148 163 184; --c-slate-500: 100 116 139; --c-slate-600: 71 85 105; --c-slate-700: 51 65 85; --c-slate-800: 30 41 59; --c-slate-900: 15 23 42; --c-slate-950: 2 6 23; --c-gray-50: 249 250 251; --c-gray-100: 243 244 246; --c-gray-200: 229 231 235; --c-gray-300: 209 213 219; --c-gray-400: 156 163 175; --c-gray-500: 107 114 128; --c-gray-600: 75 85 99; --c-gray-700: 55 65 81; --c-gray-800: 31 41 55; --c-gray-900: 17 24 39; --c-gray-950: 3 7 18; --c-zinc-50: 250 250 250; --c-zinc-100: 244 244 245; --c-zinc-200: 228 228 231; --c-zinc-300: 212 212 216; --c-zinc-400: 161 161 170; --c-zinc-500: 113 113 122; --c-zinc-600: 82 82 91; --c-zinc-700: 63 63 70; --c-zinc-800: 39 39 42; --c-zinc-900: 24 24 27; --c-zinc-950: 9 9 11; --c-neutral-50: 250 250 250; --c-neutral-100: 245 245 245; --c-neutral-200: 229 229 229; --c-neutral-300: 212 212 212; --c-neutral-400: 163 163 163; --c-neutral-500: 115 115 115; --c-neutral-600: 82 82 82; --c-neutral-700: 64 64 64; --c-neutral-800: 38 38 38; --c-neutral-900: 23 23 23; --c-neutral-950: 10 10 10; --c-stone-50: 250 250 249; --c-stone-100: 245 245 244; --c-stone-200: 231 229 228; --c-stone-300: 214 211 209; --c-stone-400: 168 162 158; --c-stone-500: 120 113 108; --c-stone-600: 87 83 78; --c-stone-700: 68 64 60; --c-stone-800: 41 37 36; --c-stone-900: 28 25 23; --c-stone-950: 12 10 9; --c-red-50: 254 242 242; --c-red-100: 254 226 226; --c-red-200: 254 202 202; --c-red-300: 252 165 165; --c-red-400: 248 113 113; --c-red-500: 239 68 68; --c-red-600: 220 38 38; --c-red-700: 185 28 28; --c-red-800: 153 27 27; --c-red-900: 127 29 29; --c-red-950: 69 10 10; --c-orange-50: 255 247 237; --c-orange-100: 255 237 213; --c-orange-200: 254 215 170; --c-orange-300: 253 186 116; --c-orange-400: 251 146 60; --c-orange-500: 249 115 22; --c-orange-600: 234 88 12; --c-orange-700: 194 65 12; --c-orange-800: 154 52 18; --c-orange-900: 124 45 18; --c-orange-950: 67 20 7; --c-amber-50: 255 251 235; --c-amber-100: 254 243 199; --c-amber-200: 253 230 138; --c-amber-300: 252 211 77; --c-amber-400: 251 191 36; --c-amber-500: 245 158 11; --c-amber-600: 217 119 6; --c-amber-700: 180 83 9; --c-amber-800: 146 64 14; --c-amber-900: 120 53 15; --c-amber-950: 69 26 3; --c-yellow-50: 254 252 232; --c-yellow-100: 254 249 195; --c-yellow-200: 254 240 138; --c-yellow-300: 253 224 71; --c-yellow-400: 250 204 21; --c-yellow-500: 234 179 8; --c-yellow-600: 202 138 4; --c-yellow-700: 161 98 7; --c-yellow-800: 133 77 14; --c-yellow-900: 113 63 18; --c-yellow-950: 66 32 6; --c-lime-50: 247 254 231; --c-lime-100: 236 252 203; --c-lime-200: 217 249 157; --c-lime-300: 190 242 100; --c-lime-400: 163 230 53; --c-lime-500: 132 204 22; --c-lime-600: 101 163 13; --c-lime-700: 77 124 15; --c-lime-800: 63 98 18; --c-lime-900: 54 83 20; --c-lime-950: 26 46 5; --c-green-50: 240 253 244; --c-green-100: 220 252 231; --c-green-200: 187 247 208; --c-green-300: 134 239 172; --c-green-400: 74 222 128; --c-green-500: 34 197 94; --c-green-600: 22 163 74; --c-green-700: 21 128 61; --c-green-800: 22 101 52; --c-green-900: 20 83 45; --c-green-950: 5 46 22; --c-emerald-50: 236 253 245; --c-emerald-100: 209 250 229; --c-emerald-200: 167 243 208; --c-emerald-300: 110 231 183; --c-emerald-400: 52 211 153; --c-emerald-500: 16 185 129; --c-emerald-600: 5 150 105; --c-emerald-700: 4 120 87; --c-emerald-800: 6 95 70; --c-emerald-900: 6 78 59; --c-emerald-950: 2 44 34; --c-teal-50: 240 253 250; --c-teal-100: 204 251 241; --c-teal-200: 153 246 228; --c-teal-300: 94 234 212; --c-teal-400: 45 212 191; --c-teal-500: 20 184 166; --c-teal-600: 13 148 136; --c-teal-700: 15 118 110; --c-teal-800: 17 94 89; --c-teal-900: 19 78 74; --c-teal-950: 4 47 46; --c-cyan-50: 236 254 255; --c-cyan-100: 207 250 254; --c-cyan-200: 165 243 252; --c-cyan-300: 103 232 249; --c-cyan-400: 34 211 238; --c-cyan-500: 6 182 212; --c-cyan-600: 8 145 178; --c-cyan-700: 14 116 144; --c-cyan-800: 21 94 117; --c-cyan-900: 22 78 99; --c-cyan-950: 8 51 68; --c-sky-50: 240 249 255; --c-sky-100: 224 242 254; --c-sky-200: 186 230 253; --c-sky-300: 125 211 252; --c-sky-400: 56 189 248; --c-sky-500: 14 165 233; --c-sky-600: 2 132 199; --c-sky-700: 3 105 161; --c-sky-800: 7 89 133; --c-sky-900: 12 74 110; --c-sky-950: 8 47 73; --c-blue-50: 239 246 255; --c-blue-100: 219 234 254; --c-blue-200: 191 219 254; --c-blue-300: 147 197 253; --c-blue-400: 96 165 250; --c-blue-500: 59 130 246; --c-blue-600: 37 99 235; --c-blue-700: 29 78 216; --c-blue-800: 30 64 175; --c-blue-900: 30 58 138; --c-blue-950: 23 37 84; --c-indigo-50: 238 242 255; --c-indigo-100: 224 231 255; --c-indigo-200: 199 210 254; --c-indigo-300: 165 180 252; --c-indigo-400: 129 140 248; --c-indigo-500: 99 102 241; --c-indigo-600: 79 70 229; --c-indigo-700: 67 56 202; --c-indigo-800: 55 48 163; --c-indigo-900: 49 46 129; --c-indigo-950: 30 27 75; --c-violet-50: 245 243 255; --c-violet-100: 237 233 254; --c-violet-200: 221 214 254; --c-violet-300: 196 181 253; --c-violet-400: 167 139 250; --c-violet-500: 139 92 246; --c-violet-600: 124 58 237; --c-violet-700: 109 40 217; --c-violet-800: 91 33 182; --c-violet-900: 76 29 149; --c-violet-950: 46 16 101; --c-purple-50: 250 245 255; --c-purple-100: 243 232 255; --c-purple-200: 233 213 255; --c-purple-300: 216 180 254; --c-purple-400: 192 132 252; --c-purple-500: 168 85 247; --c-purple-600: 147 51 234; --c-purple-700: 126 34 206; --c-purple-800: 107 33 168; --c-purple-900: 88 28 135; --c-purple-950: 59 7 100; --c-fuchsia-50: 253 244 255; --c-fuchsia-100: 250 232 255; --c-fuchsia-200: 245 208 254; --c-fuchsia-300: 240 171 252; --c-fuchsia-400: 232 121 249; --c-fuchsia-500: 217 70 239; --c-fuchsia-600: 192 38 211; --c-fuchsia-700: 162 28 175; --c-fuchsia-800: 134 25 143; --c-fuchsia-900: 112 26 117; --c-fuchsia-950: 74 4 78; --c-pink-50: 253 242 248; --c-pink-100: 252 231 243; --c-pink-200: 251 207 232; --c-pink-300: 249 168 212; --c-pink-400: 244 114 182; --c-pink-500: 236 72 153; --c-pink-600: 219 39 119; --c-pink-700: 190 24 93; --c-pink-800: 157 23 77; --c-pink-900: 131 24 67; --c-pink-950: 80 7 36; --c-rose-50: 255 241 242; --c-rose-100: 255 228 230; --c-rose-200: 254 205 211; --c-rose-300: 253 164 175; --c-rose-400: 251 113 133; --c-rose-500: 244 63 94; --c-rose-600: 225 29 72; --c-rose-700: 190 18 60; --c-rose-800: 159 18 57; --c-rose-900: 136 19 55; --c-rose-950: 76 5 25; } :root.dark { --c-canvas: 17 21 26; --c-white: 24 29 37; --c-slate-50: 27 35 47; --c-slate-100: 32 41 55; --c-slate-200: 39 50 65; --c-slate-300: 51 64 82; --c-slate-400: 91 108 133; --c-slate-500: 144 156 173; --c-slate-600: 175 182 193; --c-slate-700: 195 200 207; --c-slate-800: 214 217 222; --c-slate-900: 231 233 236; --c-slate-950: 244 245 246; --c-gray-50: 29 35 45; --c-gray-100: 35 41 52; --c-gray-200: 42 50 62; --c-gray-300: 54 64 78; --c-gray-400: 96 108 128; --c-gray-500: 147 156 169; --c-gray-600: 177 182 190; --c-gray-700: 197 200 206; --c-gray-800: 215 217 221; --c-gray-900: 231 233 235; --c-gray-950: 244 245 246; --c-zinc-50: 35 35 39; --c-zinc-100: 41 41 46; --c-zinc-200: 50 50 55; --c-zinc-300: 63 63 70; --c-zinc-400: 108 108 117; --c-zinc-500: 155 155 161; --c-zinc-600: 182 182 185; --c-zinc-700: 200 200 203; --c-zinc-800: 217 217 219; --c-zinc-900: 233 233 234; --c-zinc-950: 245 245 245; --c-neutral-50: 37 37 37; --c-neutral-100: 43 43 43; --c-neutral-200: 52 52 52; --c-neutral-300: 66 66 66; --c-neutral-400: 112 112 112; --c-neutral-500: 158 158 158; --c-neutral-600: 184 184 184; --c-neutral-700: 201 201 201; --c-neutral-800: 218 218 218; --c-neutral-900: 233 233 233; --c-neutral-950: 245 245 245; --c-stone-50: 40 37 34; --c-stone-100: 46 43 41; --c-stone-200: 56 52 49; --c-stone-300: 70 66 62; --c-stone-400: 117 112 107; --c-stone-500: 162 158 154; --c-stone-600: 186 184 181; --c-stone-700: 203 201 200; --c-stone-800: 219 218 217; --c-stone-900: 234 233 233; --c-stone-950: 245 245 244; --c-red-50: 69 10 10; --c-red-100: 127 29 29; --c-red-200: 153 27 27; --c-red-300: 185 28 28; --c-red-400: 220 38 38; --c-red-500: 239 68 68; --c-red-600: 248 113 113; --c-red-700: 252 165 165; --c-red-800: 254 202 202; --c-red-900: 254 226 226; --c-red-950: 254 242 242; --c-orange-50: 67 20 7; --c-orange-100: 124 45 18; --c-orange-200: 154 52 18; --c-orange-300: 194 65 12; --c-orange-400: 234 88 12; --c-orange-500: 249 115 22; --c-orange-600: 251 146 60; --c-orange-700: 253 186 116; --c-orange-800: 254 215 170; --c-orange-900: 255 237 213; --c-orange-950: 255 247 237; --c-amber-50: 69 26 3; --c-amber-100: 120 53 15; --c-amber-200: 146 64 14; --c-amber-300: 180 83 9; --c-amber-400: 217 119 6; --c-amber-500: 245 158 11; --c-amber-600: 251 191 36; --c-amber-700: 252 211 77; --c-amber-800: 253 230 138; --c-amber-900: 254 243 199; --c-amber-950: 255 251 235; --c-yellow-50: 66 32 6; --c-yellow-100: 113 63 18; --c-yellow-200: 133 77 14; --c-yellow-300: 161 98 7; --c-yellow-400: 202 138 4; --c-yellow-500: 234 179 8; --c-yellow-600: 250 204 21; --c-yellow-700: 253 224 71; --c-yellow-800: 254 240 138; --c-yellow-900: 254 249 195; --c-yellow-950: 254 252 232; --c-lime-50: 26 46 5; --c-lime-100: 54 83 20; --c-lime-200: 63 98 18; --c-lime-300: 77 124 15; --c-lime-400: 101 163 13; --c-lime-500: 132 204 22; --c-lime-600: 163 230 53; --c-lime-700: 190 242 100; --c-lime-800: 217 249 157; --c-lime-900: 236 252 203; --c-lime-950: 247 254 231; --c-green-50: 5 46 22; --c-green-100: 20 83 45; --c-green-200: 22 101 52; --c-green-300: 21 128 61; --c-green-400: 22 163 74; --c-green-500: 34 197 94; --c-green-600: 74 222 128; --c-green-700: 134 239 172; --c-green-800: 187 247 208; --c-green-900: 220 252 231; --c-green-950: 240 253 244; --c-emerald-50: 2 44 34; --c-emerald-100: 6 78 59; --c-emerald-200: 6 95 70; --c-emerald-300: 4 120 87; --c-emerald-400: 5 150 105; --c-emerald-500: 16 185 129; --c-emerald-600: 52 211 153; --c-emerald-700: 110 231 183; --c-emerald-800: 167 243 208; --c-emerald-900: 209 250 229; --c-emerald-950: 236 253 245; --c-teal-50: 4 47 46; --c-teal-100: 19 78 74; --c-teal-200: 17 94 89; --c-teal-300: 15 118 110; --c-teal-400: 13 148 136; --c-teal-500: 20 184 166; --c-teal-600: 45 212 191; --c-teal-700: 94 234 212; --c-teal-800: 153 246 228; --c-teal-900: 204 251 241; --c-teal-950: 240 253 250; --c-cyan-50: 8 51 68; --c-cyan-100: 22 78 99; --c-cyan-200: 21 94 117; --c-cyan-300: 14 116 144; --c-cyan-400: 8 145 178; --c-cyan-500: 6 182 212; --c-cyan-600: 34 211 238; --c-cyan-700: 103 232 249; --c-cyan-800: 165 243 252; --c-cyan-900: 207 250 254; --c-cyan-950: 236 254 255; --c-sky-50: 8 47 73; --c-sky-100: 12 74 110; --c-sky-200: 7 89 133; --c-sky-300: 3 105 161; --c-sky-400: 2 132 199; --c-sky-500: 14 165 233; --c-sky-600: 56 189 248; --c-sky-700: 125 211 252; --c-sky-800: 186 230 253; --c-sky-900: 224 242 254; --c-sky-950: 240 249 255; --c-blue-50: 23 37 84; --c-blue-100: 30 58 138; --c-blue-200: 30 64 175; --c-blue-300: 29 78 216; --c-blue-400: 37 99 235; --c-blue-500: 59 130 246; --c-blue-600: 96 165 250; --c-blue-700: 147 197 253; --c-blue-800: 191 219 254; --c-blue-900: 219 234 254; --c-blue-950: 239 246 255; --c-indigo-50: 30 27 75; --c-indigo-100: 49 46 129; --c-indigo-200: 55 48 163; --c-indigo-300: 67 56 202; --c-indigo-400: 79 70 229; --c-indigo-500: 99 102 241; --c-indigo-600: 129 140 248; --c-indigo-700: 165 180 252; --c-indigo-800: 199 210 254; --c-indigo-900: 224 231 255; --c-indigo-950: 238 242 255; --c-violet-50: 46 16 101; --c-violet-100: 76 29 149; --c-violet-200: 91 33 182; --c-violet-300: 109 40 217; --c-violet-400: 124 58 237; --c-violet-500: 139 92 246; --c-violet-600: 167 139 250; --c-violet-700: 196 181 253; --c-violet-800: 221 214 254; --c-violet-900: 237 233 254; --c-violet-950: 245 243 255; --c-purple-50: 59 7 100; --c-purple-100: 88 28 135; --c-purple-200: 107 33 168; --c-purple-300: 126 34 206; --c-purple-400: 147 51 234; --c-purple-500: 168 85 247; --c-purple-600: 192 132 252; --c-purple-700: 216 180 254; --c-purple-800: 233 213 255; --c-purple-900: 243 232 255; --c-purple-950: 250 245 255; --c-fuchsia-50: 74 4 78; --c-fuchsia-100: 112 26 117; --c-fuchsia-200: 134 25 143; --c-fuchsia-300: 162 28 175; --c-fuchsia-400: 192 38 211; --c-fuchsia-500: 217 70 239; --c-fuchsia-600: 232 121 249; --c-fuchsia-700: 240 171 252; --c-fuchsia-800: 245 208 254; --c-fuchsia-900: 250 232 255; --c-fuchsia-950: 253 244 255; --c-pink-50: 80 7 36; --c-pink-100: 131 24 67; --c-pink-200: 157 23 77; --c-pink-300: 190 24 93; --c-pink-400: 219 39 119; --c-pink-500: 236 72 153; --c-pink-600: 244 114 182; --c-pink-700: 249 168 212; --c-pink-800: 251 207 232; --c-pink-900: 252 231 243; --c-pink-950: 253 242 248; --c-rose-50: 76 5 25; --c-rose-100: 136 19 55; --c-rose-200: 159 18 57; --c-rose-300: 190 18 60; --c-rose-400: 225 29 72; --c-rose-500: 244 63 94; --c-rose-600: 251 113 133; --c-rose-700: 253 164 175; --c-rose-800: 254 205 211; --c-rose-900: 255 228 230; --c-rose-950: 255 241 242; /* shadcn semantic tokens, off the same grey ramp as the palette above. */ --background: 217 22% 8.5%; /* page backdrop */ --foreground: 217 9.6% 96%; /* body text */ --card: 217 22% 12%; /* surfaces that were white */ --card-foreground: 217 9.6% 96%; --popover: 217 22% 12%; --popover-foreground: 217 9.6% 96%; --primary: 217 8.6% 91.5%; /* inverted, as in light mode */ --primary-foreground: 217 22% 12%; --secondary: 217 20.1% 17%; --secondary-foreground: 217 8.6% 91.5%; --muted: 217 20.1% 17%; --muted-foreground: 217 11.5% 62%; /* ≥4.5:1 on card and canvas */ --accent: 217 20.1% 17%; --accent-foreground: 217 8.6% 91.5%; --destructive: 0 84.2% 60.2%; /* 500 mirrors to itself */ --destructive-foreground: 217 22% 12%; /* dark text on a bright red */ --border: 217 19.1% 20.5%; --input: 217 19.1% 20.5%; --ring: 217 8.6% 91.5%; /* focus ring, near-white on dark */ } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/globals.css ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* The palette both themes resolve through. Generated — see scripts/generate-theme.mjs. Imported first so Tailwind's own base layer can read the custom properties it defines. */ /* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: rgb(var(--c-gray-200) / 1); /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: rgb(var(--c-gray-400) / 1); /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: rgb(var(--c-gray-400) / 1); /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { display: none; } :root { --background: 0 0% 100%; --foreground: 0 0% 3.9%; --card: 0 0% 100%; --card-foreground: 0 0% 3.9%; --popover: 0 0% 100%; --popover-foreground: 0 0% 3.9%; --primary: 0 0% 9%; --primary-foreground: 0 0% 98%; --secondary: 0 0% 96.1%; --secondary-foreground: 0 0% 9%; --muted: 0 0% 96.1%; --muted-foreground: 0 0% 45.1%; --accent: 0 0% 96.1%; --accent-foreground: 0 0% 9%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 0 0% 89.8%; --input: 0 0% 89.8%; --ring: 0 0% 3.9%; --chart-1: 12 76% 61%; --chart-2: 173 58% 39%; --chart-3: 197 37% 24%; --chart-4: 43 74% 66%; --chart-5: 27 87% 67%; --radius: 0.5rem; /* Search-hit highlight. Not part of the palette — it is a marker colour that has to stay legible against whatever text it wraps. */ --highlight-match: 254 240 138; --highlight-match-foreground: 26 26 26; } /* The rest of `.dark` (every semantic token above, plus the whole palette) lives in theme.css. Only the chart series stay here: they are picked for categorical separation, not derived from the neutral ramp. */ .dark { --highlight-match: 133 77 14; --highlight-match-foreground: 254 249 195; --chart-1: 220 70% 50%; --chart-2: 160 60% 45%; --chart-3: 30 80% 55%; --chart-4: 280 65% 60%; --chart-5: 340 75% 55%; } *{ border-color: hsl(var(--border)); } body{ background-color: hsl(var(--background)); color: hsl(var(--foreground)); } *, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(147 197 253 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(147 197 253 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .\!container{ width: 100% !important; } .container{ width: 100%; } @media (min-width: 640px){ .\!container{ max-width: 640px !important; } .container{ max-width: 640px; } } @media (min-width: 768px){ .\!container{ max-width: 768px !important; } .container{ max-width: 768px; } } @media (min-width: 1024px){ .\!container{ max-width: 1024px !important; } .container{ max-width: 1024px; } } @media (min-width: 1280px){ .\!container{ max-width: 1280px !important; } .container{ max-width: 1280px; } } @media (min-width: 1536px){ .\!container{ max-width: 1536px !important; } .container{ max-width: 1536px; } } .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none{ pointer-events: none; } .pointer-events-auto{ pointer-events: auto; } .visible{ visibility: visible; } .invisible{ visibility: hidden; } .collapse{ visibility: collapse; } .static{ position: static; } .fixed{ position: fixed; } .absolute{ position: absolute; } .relative{ position: relative; } .sticky{ position: sticky; } .inset-0{ inset: 0px; } .-inset-x-2{ left: -0.5rem; right: -0.5rem; } .inset-x-0{ left: 0px; right: 0px; } .inset-y-0{ top: 0px; bottom: 0px; } .inset-y-1{ top: 0.25rem; bottom: 0.25rem; } .-bottom-1{ bottom: -0.25rem; } .-bottom-12{ bottom: -3rem; } .-bottom-px{ bottom: -1px; } .-left-12{ left: -3rem; } .-left-2{ left: -0.5rem; } .-left-px{ left: -1px; } .-right-1{ right: -0.25rem; } .-right-1\.5{ right: -0.375rem; } .-right-12{ right: -3rem; } .-right-px{ right: -1px; } .-top-1{ top: -0.25rem; } .-top-1\.5{ top: -0.375rem; } .-top-12{ top: -3rem; } .-top-px{ top: -1px; } .bottom-0{ bottom: 0px; } .bottom-1{ bottom: 0.25rem; } .bottom-2{ bottom: 0.5rem; } .bottom-8{ bottom: 2rem; } .bottom-full{ bottom: 100%; } .left-0{ left: 0px; } .left-1{ left: 0.25rem; } .left-1\/2{ left: 50%; } .left-2{ left: 0.5rem; } .left-3{ left: 0.75rem; } .left-\[50\%\]{ left: 50%; } .right-0{ right: 0px; } .right-1{ right: 0.25rem; } .right-2{ right: 0.5rem; } .right-3{ right: 0.75rem; } .right-4{ right: 1rem; } .right-8{ right: 2rem; } .top-0{ top: 0px; } .top-1{ top: 0.25rem; } .top-1\/2{ top: 50%; } .top-2{ top: 0.5rem; } .top-28{ top: 7rem; } .top-3{ top: 0.75rem; } .top-4{ top: 1rem; } .top-\[1px\]{ top: 1px; } .top-\[50\%\]{ top: 50%; } .top-\[52px\]{ top: 52px; } .top-\[60\%\]{ top: 60%; } .top-\[calc\(100\%\+4px\)\]{ top: calc(100% + 4px); } .top-full{ top: 100%; } .z-10{ z-index: 10; } .z-20{ z-index: 20; } .z-30{ z-index: 30; } .z-40{ z-index: 40; } .z-50{ z-index: 50; } .z-\[100\]{ z-index: 100; } .z-\[1\]{ z-index: 1; } .order-1{ order: 1; } .order-2{ order: 2; } .col-span-2{ grid-column: span 2 / span 2; } .col-span-3{ grid-column: span 3 / span 3; } .col-span-full{ grid-column: 1 / -1; } .-m-1{ margin: -0.25rem; } .-mx-1{ margin-left: -0.25rem; margin-right: -0.25rem; } .mx-1{ margin-left: 0.25rem; margin-right: 0.25rem; } .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; } .mx-auto{ margin-left: auto; margin-right: auto; } .my-0{ margin-top: 0px; margin-bottom: 0px; } .my-0\.5{ margin-top: 0.125rem; margin-bottom: 0.125rem; } .my-1{ margin-top: 0.25rem; margin-bottom: 0.25rem; } .-ml-1{ margin-left: -0.25rem; } .-ml-1\.5{ margin-left: -0.375rem; } .-ml-2{ margin-left: -0.5rem; } .-ml-4{ margin-left: -1rem; } .-mr-1{ margin-right: -0.25rem; } .-mt-0{ margin-top: -0px; } .-mt-0\.5{ margin-top: -0.125rem; } .-mt-4{ margin-top: -1rem; } .mb-0{ margin-bottom: 0px; } .mb-0\.5{ margin-bottom: 0.125rem; } .mb-1{ margin-bottom: 0.25rem; } .mb-1\.5{ margin-bottom: 0.375rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-2\.5{ margin-bottom: 0.625rem; } .mb-3{ margin-bottom: 0.75rem; } .mb-4{ margin-bottom: 1rem; } .mb-5{ margin-bottom: 1.25rem; } .ml-1{ margin-left: 0.25rem; } .ml-1\.5{ margin-left: 0.375rem; } .ml-2{ margin-left: 0.5rem; } .ml-3{ margin-left: 0.75rem; } .ml-4{ margin-left: 1rem; } .ml-5{ margin-left: 1.25rem; } .ml-6{ margin-left: 1.5rem; } .ml-\[136px\]{ margin-left: 136px; } .ml-\[18px\]{ margin-left: 18px; } .ml-auto{ margin-left: auto; } .mr-1{ margin-right: 0.25rem; } .mr-1\.5{ margin-right: 0.375rem; } .mr-2{ margin-right: 0.5rem; } .mr-3{ margin-right: 0.75rem; } .mt-0{ margin-top: 0px; } .mt-0\.5{ margin-top: 0.125rem; } .mt-1{ margin-top: 0.25rem; } .mt-1\.5{ margin-top: 0.375rem; } .mt-10{ margin-top: 2.5rem; } .mt-12{ margin-top: 3rem; } .mt-14{ margin-top: 3.5rem; } .mt-2{ margin-top: 0.5rem; } .mt-2\.5{ margin-top: 0.625rem; } .mt-24{ margin-top: 6rem; } .mt-3{ margin-top: 0.75rem; } .mt-3\.5{ margin-top: 0.875rem; } .mt-4{ margin-top: 1rem; } .mt-5{ margin-top: 1.25rem; } .mt-6{ margin-top: 1.5rem; } .mt-7{ margin-top: 1.75rem; } .mt-8{ margin-top: 2rem; } .mt-9{ margin-top: 2.25rem; } .mt-\[5px\]{ margin-top: 5px; } .mt-auto{ margin-top: auto; } .mt-px{ margin-top: 1px; } .line-clamp-1{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .block{ display: block; } .inline-block{ display: inline-block; } .inline{ display: inline; } .flex{ display: flex; } .inline-flex{ display: inline-flex; } .table{ display: table; } .table-row{ display: table-row; } .grid{ display: grid; } .contents{ display: contents; } .\!hidden{ display: none !important; } .hidden{ display: none; } .aspect-square{ aspect-ratio: 1 / 1; } .aspect-video{ aspect-ratio: 16 / 9; } .h-0{ height: 0px; } .h-0\.5{ height: 0.125rem; } .h-1{ height: 0.25rem; } .h-1\.5{ height: 0.375rem; } .h-10{ height: 2.5rem; } .h-11{ height: 2.75rem; } .h-12{ height: 3rem; } .h-16{ height: 4rem; } .h-2{ height: 0.5rem; } .h-2\.5{ height: 0.625rem; } .h-24{ height: 6rem; } .h-28{ height: 7rem; } .h-3{ height: 0.75rem; } .h-3\.5{ height: 0.875rem; } .h-32{ height: 8rem; } .h-4{ height: 1rem; } .h-48{ height: 12rem; } .h-5{ height: 1.25rem; } .h-56{ height: 14rem; } .h-6{ height: 1.5rem; } .h-64{ height: 16rem; } .h-7{ height: 1.75rem; } .h-8{ height: 2rem; } .h-9{ height: 2.25rem; } .h-\[100px\]{ height: 100px; } .h-\[110px\]{ height: 110px; } .h-\[140px\]{ height: 140px; } .h-\[15px\]{ height: 15px; } .h-\[17px\]{ height: 17px; } .h-\[18px\]{ height: 18px; } .h-\[1px\]{ height: 1px; } .h-\[310px\]{ height: 310px; } .h-\[52px\]{ height: 52px; } .h-\[640px\]{ height: 640px; } .h-\[90vh\]{ height: 90vh; } .h-\[calc\(100dvh-6rem\)\]{ height: calc(100dvh - 6rem); } .h-\[min\(44rem\2c calc\(100\%-5rem\)\)\]{ height: min(44rem,calc(100% - 5rem)); } .h-\[min\(46rem\2c calc\(100svh-2rem\)\)\]{ height: min(46rem,calc(100svh - 2rem)); } .h-\[min\(48rem\2c calc\(100svh-2rem\)\)\]{ height: min(48rem,calc(100svh - 2rem)); } .h-\[var\(--radix-navigation-menu-viewport-height\)\]{ height: var(--radix-navigation-menu-viewport-height); } .h-\[var\(--radix-select-trigger-height\)\]{ height: var(--radix-select-trigger-height); } .h-auto{ height: auto; } .h-dvh{ height: 100dvh; } .h-full{ height: 100%; } .h-px{ height: 1px; } .h-screen{ height: 100vh; } .max-h-28{ max-height: 7rem; } .max-h-32{ max-height: 8rem; } .max-h-40{ max-height: 10rem; } .max-h-48{ max-height: 12rem; } .max-h-52{ max-height: 13rem; } .max-h-64{ max-height: 16rem; } .max-h-72{ max-height: 18rem; } .max-h-80{ max-height: 20rem; } .max-h-96{ max-height: 24rem; } .max-h-\[28rem\]{ max-height: 28rem; } .max-h-\[300px\]{ max-height: 300px; } .max-h-\[340px\]{ max-height: 340px; } .max-h-\[500px\]{ max-height: 500px; } .max-h-\[600px\]{ max-height: 600px; } .max-h-\[64vh\]{ max-height: 64vh; } .max-h-\[70vh\]{ max-height: 70vh; } .max-h-\[800px\]{ max-height: 800px; } .max-h-\[80vh\]{ max-height: 80vh; } .max-h-\[90vh\]{ max-height: 90vh; } .max-h-\[calc\(100\%-5rem\)\]{ max-height: calc(100% - 5rem); } .max-h-\[calc\(100dvh-140px\)\]{ max-height: calc(100dvh - 140px); } .max-h-\[calc\(100vh-400px\)\]{ max-height: calc(100vh - 400px); } .max-h-screen{ max-height: 100vh; } .min-h-0{ min-height: 0px; } .min-h-32{ min-height: 8rem; } .min-h-7{ min-height: 1.75rem; } .min-h-\[150px\]{ min-height: 150px; } .min-h-\[160px\]{ min-height: 160px; } .min-h-\[200px\]{ min-height: 200px; } .min-h-\[24rem\]{ min-height: 24rem; } .min-h-\[400px\]{ min-height: 400px; } .min-h-\[40px\]{ min-height: 40px; } .min-h-\[60px\]{ min-height: 60px; } .min-h-\[7rem\]{ min-height: 7rem; } .min-h-\[88px\]{ min-height: 88px; } .min-h-full{ min-height: 100%; } .min-h-screen{ min-height: 100vh; } .w-0{ width: 0px; } .w-0\.5{ width: 0.125rem; } .w-1{ width: 0.25rem; } .w-1\.5{ width: 0.375rem; } .w-1\/12{ width: 8.333333%; } .w-1\/2{ width: 50%; } .w-1\/3{ width: 33.333333%; } .w-10{ width: 2.5rem; } .w-11{ width: 2.75rem; } .w-12{ width: 3rem; } .w-14{ width: 3.5rem; } .w-16{ width: 4rem; } .w-2{ width: 0.5rem; } .w-2\.5{ width: 0.625rem; } .w-2\/12{ width: 16.666667%; } .w-2\/5{ width: 40%; } .w-20{ width: 5rem; } .w-24{ width: 6rem; } .w-28{ width: 7rem; } .w-3{ width: 0.75rem; } .w-3\.5{ width: 0.875rem; } .w-3\/4{ width: 75%; } .w-3\/5{ width: 60%; } .w-32{ width: 8rem; } .w-36{ width: 9rem; } .w-4{ width: 1rem; } .w-4\/5{ width: 80%; } .w-40{ width: 10rem; } .w-44{ width: 11rem; } .w-48{ width: 12rem; } .w-5{ width: 1.25rem; } .w-56{ width: 14rem; } .w-6{ width: 1.5rem; } .w-64{ width: 16rem; } .w-7{ width: 1.75rem; } .w-72{ width: 18rem; } .w-8{ width: 2rem; } .w-80{ width: 20rem; } .w-9{ width: 2.25rem; } .w-96{ width: 24rem; } .w-\[10\%\]{ width: 10%; } .w-\[100px\]{ width: 100px; } .w-\[11\%\]{ width: 11%; } .w-\[12\%\]{ width: 12%; } .w-\[120px\]{ width: 120px; } .w-\[13\%\]{ width: 13%; } .w-\[14\%\]{ width: 14%; } .w-\[140px\]{ width: 140px; } .w-\[15\%\]{ width: 15%; } .w-\[15px\]{ width: 15px; } .w-\[160px\]{ width: 160px; } .w-\[17\%\]{ width: 17%; } .w-\[17px\]{ width: 17px; } .w-\[180px\]{ width: 180px; } .w-\[186px\]{ width: 186px; } .w-\[18px\]{ width: 18px; } .w-\[19rem\]{ width: 19rem; } .w-\[1px\]{ width: 1px; } .w-\[20\%\]{ width: 20%; } .w-\[22\%\]{ width: 22%; } .w-\[220px\]{ width: 220px; } .w-\[25\%\]{ width: 25%; } .w-\[260px\]{ width: 260px; } .w-\[26rem\]{ width: 26rem; } .w-\[30\%\]{ width: 30%; } .w-\[31rem\]{ width: 31rem; } .w-\[350px\]{ width: 350px; } .w-\[3px\]{ width: 3px; } .w-\[4\%\]{ width: 4%; } .w-\[45\%\]{ width: 45%; } .w-\[480px\]{ width: 480px; } .w-\[5\%\]{ width: 5%; } .w-\[60px\]{ width: 60px; } .w-\[7\%\]{ width: 7%; } .w-\[72\%\]{ width: 72%; } .w-\[8\%\]{ width: 8%; } .w-\[800px\]{ width: 800px; } .w-\[80px\]{ width: 80px; } .w-\[86\%\]{ width: 86%; } .w-\[88\%\]{ width: 88%; } .w-\[9\%\]{ width: 9%; } .w-\[90\%\]{ width: 90%; } .w-\[90px\]{ width: 90px; } .w-\[95\%\]{ width: 95%; } .w-\[calc\(100vw-2rem\)\]{ width: calc(100vw - 2rem); } .w-\[min\(92\%\2c 40rem\)\]{ width: min(92%,40rem); } .w-\[min\(92\%\2c 56rem\)\]{ width: min(92%,56rem); } .w-auto{ width: auto; } .w-fit{ width: -moz-fit-content; width: fit-content; } .w-full{ width: 100%; } .w-max{ width: -moz-max-content; width: max-content; } .w-px{ width: 1px; } .min-w-0{ min-width: 0px; } .min-w-24{ min-width: 6rem; } .min-w-4{ min-width: 1rem; } .min-w-48{ min-width: 12rem; } .min-w-52{ min-width: 13rem; } .min-w-60{ min-width: 15rem; } .min-w-64{ min-width: 16rem; } .min-w-\[100px\]{ min-width: 100px; } .min-w-\[110px\]{ min-width: 110px; } .min-w-\[120px\]{ min-width: 120px; } .min-w-\[12rem\]{ min-width: 12rem; } .min-w-\[160px\]{ min-width: 160px; } .min-w-\[180px\]{ min-width: 180px; } .min-w-\[220px\]{ min-width: 220px; } .min-w-\[6\.5rem\]{ min-width: 6.5rem; } .min-w-\[640px\]{ min-width: 640px; } .min-w-\[8rem\]{ min-width: 8rem; } .min-w-\[min\(18rem\2c 100\%\)\]{ min-width: min(18rem,100%); } .min-w-\[var\(--radix-select-trigger-width\)\]{ min-width: var(--radix-select-trigger-width); } .min-w-fit{ min-width: -moz-fit-content; min-width: fit-content; } .max-w-2xl{ max-width: 42rem; } .max-w-3xl{ max-width: 48rem; } .max-w-48{ max-width: 12rem; } .max-w-4xl{ max-width: 56rem; } .max-w-56{ max-width: 14rem; } .max-w-64{ max-width: 16rem; } .max-w-72{ max-width: 18rem; } .max-w-\[10rem\]{ max-width: 10rem; } .max-w-\[1100px\]{ max-width: 1100px; } .max-w-\[1320px\]{ max-width: 1320px; } .max-w-\[150px\]{ max-width: 150px; } .max-w-\[20rem\]{ max-width: 20rem; } .max-w-\[240px\]{ max-width: 240px; } .max-w-\[24rem\]{ max-width: 24rem; } .max-w-\[31rem\]{ max-width: 31rem; } .max-w-\[420px\]{ max-width: 420px; } .max-w-\[44ch\]{ max-width: 44ch; } .max-w-\[480px\]{ max-width: 480px; } .max-w-\[48ch\]{ max-width: 48ch; } .max-w-\[56ch\]{ max-width: 56ch; } .max-w-\[64ch\]{ max-width: 64ch; } .max-w-\[74ch\]{ max-width: 74ch; } .max-w-\[80ch\]{ max-width: 80ch; } .max-w-\[920px\]{ max-width: 920px; } .max-w-\[96rem\]{ max-width: 96rem; } .max-w-full{ max-width: 100%; } .max-w-lg{ max-width: 32rem; } .max-w-max{ max-width: -moz-max-content; max-width: max-content; } .max-w-md{ max-width: 28rem; } .max-w-sm{ max-width: 24rem; } .max-w-xs{ max-width: 20rem; } .flex-1{ flex: 1 1 0%; } .flex-none{ flex: none; } .flex-shrink-0{ flex-shrink: 0; } .shrink{ flex-shrink: 1; } .shrink-0{ flex-shrink: 0; } .flex-grow{ flex-grow: 1; } .grow{ flex-grow: 1; } .grow-0{ flex-grow: 0; } .basis-40{ flex-basis: 10rem; } .basis-52{ flex-basis: 13rem; } .basis-full{ flex-basis: 100%; } .table-fixed{ table-layout: fixed; } .caption-bottom{ caption-side: bottom; } .border-collapse{ border-collapse: collapse; } .-translate-x-1\/2{ --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[-50\%\]{ --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[-50\%\]{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-90{ --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-45{ --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90{ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes alt-glow{ 0%, 100%{ box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.45); } 50%{ box-shadow: 0 0 0 4px rgba(59, 130, 246, 0); } } .animate-alt-glow{ animation: alt-glow 2.4s ease-in-out infinite; } @keyframes pulse{ 50%{ opacity: .5; } } .animate-pulse{ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin{ to{ transform: rotate(360deg); } } .animate-spin{ animation: spin 1s linear infinite; } .cursor-default{ cursor: default; } .cursor-grab{ cursor: grab; } .cursor-grabbing{ cursor: grabbing; } .cursor-help{ cursor: help; } .cursor-not-allowed{ cursor: not-allowed; } .cursor-pointer{ cursor: pointer; } .cursor-text{ cursor: text; } .cursor-zoom-in{ cursor: zoom-in; } .touch-none{ touch-action: none; } .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } .select-all{ -webkit-user-select: all; -moz-user-select: all; user-select: all; } .resize-none{ resize: none; } .resize{ resize: both; } .scroll-mt-2{ scroll-margin-top: 0.5rem; } .scroll-mt-8{ scroll-margin-top: 2rem; } .list-inside{ list-style-position: inside; } .list-disc{ list-style-type: disc; } .list-none{ list-style-type: none; } .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-7{ grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-cols-\[0\.9fr_1\.4fr\]{ grid-template-columns: 0.9fr 1.4fr; } .grid-cols-\[1fr_1fr_auto\]{ grid-template-columns: 1fr 1fr auto; } .grid-cols-\[2\.4fr_1fr_1fr_1fr\]{ grid-template-columns: 2.4fr 1fr 1fr 1fr; } .grid-cols-\[40\%_15\%_15\%_15\%_6\%\]{ grid-template-columns: 40% 15% 15% 15% 6%; } .grid-cols-\[40fr_15fr_15fr_15fr_6fr\]{ grid-template-columns: 40fr 15fr 15fr 15fr 6fr; } .flex-row{ flex-direction: row; } .flex-col{ flex-direction: column; } .flex-col-reverse{ flex-direction: column-reverse; } .flex-wrap{ flex-wrap: wrap; } .place-items-center{ place-items: center; } .items-start{ align-items: flex-start; } .items-end{ align-items: flex-end; } .items-center{ align-items: center; } .items-baseline{ align-items: baseline; } .items-stretch{ align-items: stretch; } .justify-start{ justify-content: flex-start; } .justify-end{ justify-content: flex-end; } .justify-center{ justify-content: center; } .justify-between{ justify-content: space-between; } .gap-0{ gap: 0px; } .gap-0\.5{ gap: 0.125rem; } .gap-1{ gap: 0.25rem; } .gap-1\.5{ gap: 0.375rem; } .gap-2{ gap: 0.5rem; } .gap-2\.5{ gap: 0.625rem; } .gap-3{ gap: 0.75rem; } .gap-3\.5{ gap: 0.875rem; } .gap-4{ gap: 1rem; } .gap-6{ gap: 1.5rem; } .gap-8{ gap: 2rem; } .gap-x-1{ -moz-column-gap: 0.25rem; column-gap: 0.25rem; } .gap-x-1\.5{ -moz-column-gap: 0.375rem; column-gap: 0.375rem; } .gap-x-12{ -moz-column-gap: 3rem; column-gap: 3rem; } .gap-x-14{ -moz-column-gap: 3.5rem; column-gap: 3.5rem; } .gap-x-2{ -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .gap-x-2\.5{ -moz-column-gap: 0.625rem; column-gap: 0.625rem; } .gap-x-3{ -moz-column-gap: 0.75rem; column-gap: 0.75rem; } .gap-x-3\.5{ -moz-column-gap: 0.875rem; column-gap: 0.875rem; } .gap-x-4{ -moz-column-gap: 1rem; column-gap: 1rem; } .gap-x-5{ -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .gap-x-6{ -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .gap-y-0{ row-gap: 0px; } .gap-y-0\.5{ row-gap: 0.125rem; } .gap-y-1{ row-gap: 0.25rem; } .gap-y-1\.5{ row-gap: 0.375rem; } .gap-y-10{ row-gap: 2.5rem; } .gap-y-12{ row-gap: 3rem; } .gap-y-2{ row-gap: 0.5rem; } .gap-y-2\.5{ row-gap: 0.625rem; } .gap-y-3{ row-gap: 0.75rem; } .space-x-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .space-y-0\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); } .space-y-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .space-y-9 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)); } .space-y-px > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1px * var(--tw-space-y-reverse)); } .divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-border > :not([hidden]) ~ :not([hidden]){ border-color: hsl(var(--border)); } .divide-neutral-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(var(--c-neutral-100) / var(--tw-divide-opacity)); } .divide-neutral-200\/60 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--c-neutral-200) / 0.6); } .self-start{ align-self: flex-start; } .self-center{ align-self: center; } .justify-self-start{ justify-self: start; } .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } .overflow-clip{ overflow: clip; } .overflow-visible{ overflow: visible; } .overflow-x-auto{ overflow-x: auto; } .overflow-y-auto{ overflow-y: auto; } .overflow-x-hidden{ overflow-x: hidden; } .overflow-x-clip{ overflow-x: clip; } .overscroll-contain{ overscroll-behavior: contain; } .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-normal{ white-space: normal; } .whitespace-nowrap{ white-space: nowrap; } .whitespace-pre{ white-space: pre; } .whitespace-pre-wrap{ white-space: pre-wrap; } .text-pretty{ text-wrap: pretty; } .break-normal{ overflow-wrap: normal; word-break: normal; } .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } .\!rounded-md{ border-radius: calc(var(--radius) - 2px) !important; } .rounded{ border-radius: 0.25rem; } .rounded-2xl{ border-radius: 1rem; } .rounded-\[20px\]{ border-radius: 20px; } .rounded-\[2px\]{ border-radius: 2px; } .rounded-\[5px\]{ border-radius: 5px; } .rounded-\[7px\]{ border-radius: 7px; } .rounded-\[inherit\]{ border-radius: inherit; } .rounded-full{ border-radius: 9999px; } .rounded-lg{ border-radius: var(--radius); } .rounded-md{ border-radius: calc(var(--radius) - 2px); } .rounded-none{ border-radius: 0px; } .rounded-sm{ border-radius: calc(var(--radius) - 4px); } .rounded-xl{ border-radius: 0.75rem; } .rounded-l-md{ border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .rounded-r-full{ border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; } .rounded-r-md{ border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .rounded-t-\[10px\]{ border-top-left-radius: 10px; border-top-right-radius: 10px; } .rounded-t-lg{ border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); } .rounded-bl-sm{ border-bottom-left-radius: calc(var(--radius) - 4px); } .rounded-br-sm{ border-bottom-right-radius: calc(var(--radius) - 4px); } .rounded-tl-sm{ border-top-left-radius: calc(var(--radius) - 4px); } .rounded-tr-sm{ border-top-right-radius: calc(var(--radius) - 4px); } .\!border-2{ border-width: 2px !important; } .border{ border-width: 1px; } .border-0{ border-width: 0px; } .border-2{ border-width: 2px; } .border-\[1\.5px\]{ border-width: 1.5px; } .border-\[3px\]{ border-width: 3px; } .border-y{ border-top-width: 1px; border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; } .border-b-0{ border-bottom-width: 0px; } .border-b-2{ border-bottom-width: 2px; } .border-l{ border-left-width: 1px; } .border-l-2{ border-left-width: 2px; } .border-l-4{ border-left-width: 4px; } .border-r{ border-right-width: 1px; } .border-r-4{ border-right-width: 4px; } .border-t{ border-top-width: 1px; } .border-t-0{ border-top-width: 0px; } .border-t-2{ border-top-width: 2px; } .border-dashed{ border-style: dashed; } .\!border-amber-300{ --tw-border-opacity: 1 !important; border-color: rgb(var(--c-amber-300) / var(--tw-border-opacity)) !important; } .\!border-blue-400{ --tw-border-opacity: 1 !important; border-color: rgb(var(--c-blue-400) / var(--tw-border-opacity)) !important; } .\!border-red-400{ --tw-border-opacity: 1 !important; border-color: rgb(var(--c-red-400) / var(--tw-border-opacity)) !important; } .border-\[--color-border\]{ border-color: var(--color-border); } .border-amber-100{ --tw-border-opacity: 1; border-color: rgb(var(--c-amber-100) / var(--tw-border-opacity)); } .border-amber-200{ --tw-border-opacity: 1; border-color: rgb(var(--c-amber-200) / var(--tw-border-opacity)); } .border-amber-300{ --tw-border-opacity: 1; border-color: rgb(var(--c-amber-300) / var(--tw-border-opacity)); } .border-amber-400{ --tw-border-opacity: 1; border-color: rgb(var(--c-amber-400) / var(--tw-border-opacity)); } .border-amber-400\/80{ border-color: rgb(var(--c-amber-400) / 0.8); } .border-amber-500{ --tw-border-opacity: 1; border-color: rgb(var(--c-amber-500) / var(--tw-border-opacity)); } .border-amber-500\/60{ border-color: rgb(var(--c-amber-500) / 0.6); } .border-black{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-blue-200{ --tw-border-opacity: 1; border-color: rgb(var(--c-blue-200) / var(--tw-border-opacity)); } .border-blue-300{ --tw-border-opacity: 1; border-color: rgb(var(--c-blue-300) / var(--tw-border-opacity)); } .border-blue-400{ --tw-border-opacity: 1; border-color: rgb(var(--c-blue-400) / var(--tw-border-opacity)); } .border-blue-500{ --tw-border-opacity: 1; border-color: rgb(var(--c-blue-500) / var(--tw-border-opacity)); } .border-border{ border-color: hsl(var(--border)); } .border-border\/50{ border-color: hsl(var(--border) / 0.5); } .border-border\/60{ border-color: hsl(var(--border) / 0.6); } .border-border\/70{ border-color: hsl(var(--border) / 0.7); } .border-current{ border-color: currentColor; } .border-destructive{ border-color: hsl(var(--destructive)); } .border-destructive\/30{ border-color: hsl(var(--destructive) / 0.3); } .border-destructive\/50{ border-color: hsl(var(--destructive) / 0.5); } .border-emerald-200{ --tw-border-opacity: 1; border-color: rgb(var(--c-emerald-200) / var(--tw-border-opacity)); } .border-emerald-300{ --tw-border-opacity: 1; border-color: rgb(var(--c-emerald-300) / var(--tw-border-opacity)); } .border-emerald-500{ --tw-border-opacity: 1; border-color: rgb(var(--c-emerald-500) / var(--tw-border-opacity)); } .border-gray-100{ --tw-border-opacity: 1; border-color: rgb(var(--c-gray-100) / var(--tw-border-opacity)); } .border-gray-200{ --tw-border-opacity: 1; border-color: rgb(var(--c-gray-200) / var(--tw-border-opacity)); } .border-gray-300{ --tw-border-opacity: 1; border-color: rgb(var(--c-gray-300) / var(--tw-border-opacity)); } .border-green-500{ --tw-border-opacity: 1; border-color: rgb(var(--c-green-500) / var(--tw-border-opacity)); } .border-input{ border-color: hsl(var(--input)); } .border-muted{ border-color: hsl(var(--muted)); } .border-muted-foreground{ border-color: hsl(var(--muted-foreground)); } .border-muted-foreground\/25{ border-color: hsl(var(--muted-foreground) / 0.25); } .border-muted-foreground\/30{ border-color: hsl(var(--muted-foreground) / 0.3); } .border-muted-foreground\/40{ border-color: hsl(var(--muted-foreground) / 0.4); } .border-neutral-100{ --tw-border-opacity: 1; border-color: rgb(var(--c-neutral-100) / var(--tw-border-opacity)); } .border-neutral-200{ --tw-border-opacity: 1; border-color: rgb(var(--c-neutral-200) / var(--tw-border-opacity)); } .border-neutral-200\/70{ border-color: rgb(var(--c-neutral-200) / 0.7); } .border-neutral-200\/80{ border-color: rgb(var(--c-neutral-200) / 0.8); } .border-neutral-300{ --tw-border-opacity: 1; border-color: rgb(var(--c-neutral-300) / var(--tw-border-opacity)); } .border-neutral-300\/90{ border-color: rgb(var(--c-neutral-300) / 0.9); } .border-neutral-400{ --tw-border-opacity: 1; border-color: rgb(var(--c-neutral-400) / var(--tw-border-opacity)); } .border-orange-200{ --tw-border-opacity: 1; border-color: rgb(var(--c-orange-200) / var(--tw-border-opacity)); } .border-orange-300{ --tw-border-opacity: 1; border-color: rgb(var(--c-orange-300) / var(--tw-border-opacity)); } .border-overlay\/55{ border-color: rgb(255 255 255 / 0.55); } .border-primary{ border-color: hsl(var(--primary)); } .border-primary-foreground\/25{ border-color: hsl(var(--primary-foreground) / 0.25); } .border-primary\/50{ border-color: hsl(var(--primary) / 0.5); } .border-red-200{ --tw-border-opacity: 1; border-color: rgb(var(--c-red-200) / var(--tw-border-opacity)); } .border-red-300{ --tw-border-opacity: 1; border-color: rgb(var(--c-red-300) / var(--tw-border-opacity)); } .border-red-400{ --tw-border-opacity: 1; border-color: rgb(var(--c-red-400) / var(--tw-border-opacity)); } .border-red-500{ --tw-border-opacity: 1; border-color: rgb(var(--c-red-500) / var(--tw-border-opacity)); } .border-sky-300{ --tw-border-opacity: 1; border-color: rgb(var(--c-sky-300) / var(--tw-border-opacity)); } .border-sky-400{ --tw-border-opacity: 1; border-color: rgb(var(--c-sky-400) / var(--tw-border-opacity)); } .border-slate-500{ --tw-border-opacity: 1; border-color: rgb(var(--c-slate-500) / var(--tw-border-opacity)); } .border-transparent{ border-color: transparent; } .border-white{ --tw-border-opacity: 1; border-color: rgb(var(--c-white) / var(--tw-border-opacity)); } .border-white\/30{ border-color: rgb(var(--c-white) / 0.3); } .border-yellow-200{ --tw-border-opacity: 1; border-color: rgb(var(--c-yellow-200) / var(--tw-border-opacity)); } .border-yellow-400{ --tw-border-opacity: 1; border-color: rgb(var(--c-yellow-400) / var(--tw-border-opacity)); } .border-yellow-500{ --tw-border-opacity: 1; border-color: rgb(var(--c-yellow-500) / var(--tw-border-opacity)); } .border-b-primary{ border-bottom-color: hsl(var(--primary)); } .border-l-amber-400{ --tw-border-opacity: 1; border-left-color: rgb(var(--c-amber-400) / var(--tw-border-opacity)); } .border-l-red-400{ --tw-border-opacity: 1; border-left-color: rgb(var(--c-red-400) / var(--tw-border-opacity)); } .border-l-sky-400{ --tw-border-opacity: 1; border-left-color: rgb(var(--c-sky-400) / var(--tw-border-opacity)); } .border-l-transparent{ border-left-color: transparent; } .border-r-red-500{ --tw-border-opacity: 1; border-right-color: rgb(var(--c-red-500) / var(--tw-border-opacity)); } .border-t-neutral-600{ --tw-border-opacity: 1; border-top-color: rgb(var(--c-neutral-600) / var(--tw-border-opacity)); } .border-t-primary{ border-top-color: hsl(var(--primary)); } .border-t-transparent{ border-top-color: transparent; } .border-t-white{ --tw-border-opacity: 1; border-top-color: rgb(var(--c-white) / var(--tw-border-opacity)); } .\!bg-amber-50{ --tw-bg-opacity: 1 !important; background-color: rgb(var(--c-amber-50) / var(--tw-bg-opacity)) !important; } .\!bg-blue-50{ --tw-bg-opacity: 1 !important; background-color: rgb(var(--c-blue-50) / var(--tw-bg-opacity)) !important; } .\!bg-green-100{ --tw-bg-opacity: 1 !important; background-color: rgb(var(--c-green-100) / var(--tw-bg-opacity)) !important; } .\!bg-red-50{ --tw-bg-opacity: 1 !important; background-color: rgb(var(--c-red-50) / var(--tw-bg-opacity)) !important; } .bg-\[--color-bg\]{ background-color: var(--color-bg); } .bg-accent{ background-color: hsl(var(--accent)); } .bg-amber-100{ --tw-bg-opacity: 1; background-color: rgb(var(--c-amber-100) / var(--tw-bg-opacity)); } .bg-amber-50{ --tw-bg-opacity: 1; background-color: rgb(var(--c-amber-50) / var(--tw-bg-opacity)); } .bg-amber-50\/60{ background-color: rgb(var(--c-amber-50) / 0.6); } .bg-amber-50\/80{ background-color: rgb(var(--c-amber-50) / 0.8); } .bg-amber-500\/70{ background-color: rgb(var(--c-amber-500) / 0.7); } .bg-amber-600{ --tw-bg-opacity: 1; background-color: rgb(var(--c-amber-600) / var(--tw-bg-opacity)); } .bg-background{ background-color: hsl(var(--background)); } .bg-background\/80{ background-color: hsl(var(--background) / 0.8); } .bg-black{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-black\/20{ background-color: rgb(0 0 0 / 0.2); } .bg-black\/80{ background-color: rgb(0 0 0 / 0.8); } .bg-blue-100{ --tw-bg-opacity: 1; background-color: rgb(var(--c-blue-100) / var(--tw-bg-opacity)); } .bg-blue-300{ --tw-bg-opacity: 1; background-color: rgb(var(--c-blue-300) / var(--tw-bg-opacity)); } .bg-blue-50{ --tw-bg-opacity: 1; background-color: rgb(var(--c-blue-50) / var(--tw-bg-opacity)); } .bg-blue-50\/60{ background-color: rgb(var(--c-blue-50) / 0.6); } .bg-blue-500{ --tw-bg-opacity: 1; background-color: rgb(var(--c-blue-500) / var(--tw-bg-opacity)); } .bg-blue-600{ --tw-bg-opacity: 1; background-color: rgb(var(--c-blue-600) / var(--tw-bg-opacity)); } .bg-border{ background-color: hsl(var(--border)); } .bg-canvas{ --tw-bg-opacity: 1; background-color: rgb(var(--c-canvas) / var(--tw-bg-opacity)); } .bg-card{ background-color: hsl(var(--card)); } .bg-card\/95{ background-color: hsl(var(--card) / 0.95); } .bg-destructive{ background-color: hsl(var(--destructive)); } .bg-destructive\/10{ background-color: hsl(var(--destructive) / 0.1); } .bg-destructive\/15{ background-color: hsl(var(--destructive) / 0.15); } .bg-destructive\/5{ background-color: hsl(var(--destructive) / 0.05); } .bg-emerald-100{ --tw-bg-opacity: 1; background-color: rgb(var(--c-emerald-100) / var(--tw-bg-opacity)); } .bg-emerald-300{ --tw-bg-opacity: 1; background-color: rgb(var(--c-emerald-300) / var(--tw-bg-opacity)); } .bg-emerald-50{ --tw-bg-opacity: 1; background-color: rgb(var(--c-emerald-50) / var(--tw-bg-opacity)); } .bg-emerald-50\/30{ background-color: rgb(var(--c-emerald-50) / 0.3); } .bg-foreground{ background-color: hsl(var(--foreground)); } .bg-foreground\/75{ background-color: hsl(var(--foreground) / 0.75); } .bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(var(--c-gray-100) / var(--tw-bg-opacity)); } .bg-gray-200{ --tw-bg-opacity: 1; background-color: rgb(var(--c-gray-200) / var(--tw-bg-opacity)); } .bg-gray-400{ --tw-bg-opacity: 1; background-color: rgb(var(--c-gray-400) / var(--tw-bg-opacity)); } .bg-gray-50{ --tw-bg-opacity: 1; background-color: rgb(var(--c-gray-50) / var(--tw-bg-opacity)); } .bg-gray-50\/50{ background-color: rgb(var(--c-gray-50) / 0.5); } .bg-gray-900{ --tw-bg-opacity: 1; background-color: rgb(var(--c-gray-900) / var(--tw-bg-opacity)); } .bg-green-100{ --tw-bg-opacity: 1; background-color: rgb(var(--c-green-100) / var(--tw-bg-opacity)); } .bg-green-300{ --tw-bg-opacity: 1; background-color: rgb(var(--c-green-300) / var(--tw-bg-opacity)); } .bg-green-50{ --tw-bg-opacity: 1; background-color: rgb(var(--c-green-50) / var(--tw-bg-opacity)); } .bg-green-500{ --tw-bg-opacity: 1; background-color: rgb(var(--c-green-500) / var(--tw-bg-opacity)); } .bg-green-500\/70{ background-color: rgb(var(--c-green-500) / 0.7); } .bg-green-600{ --tw-bg-opacity: 1; background-color: rgb(var(--c-green-600) / var(--tw-bg-opacity)); } .bg-muted{ background-color: hsl(var(--muted)); } .bg-muted-foreground\/20{ background-color: hsl(var(--muted-foreground) / 0.2); } .bg-muted-foreground\/40{ background-color: hsl(var(--muted-foreground) / 0.4); } .bg-muted-foreground\/50{ background-color: hsl(var(--muted-foreground) / 0.5); } .bg-muted\/20{ background-color: hsl(var(--muted) / 0.2); } .bg-muted\/30{ background-color: hsl(var(--muted) / 0.3); } .bg-muted\/40{ background-color: hsl(var(--muted) / 0.4); } .bg-muted\/50{ background-color: hsl(var(--muted) / 0.5); } .bg-neutral-100{ --tw-bg-opacity: 1; background-color: rgb(var(--c-neutral-100) / var(--tw-bg-opacity)); } .bg-neutral-200{ --tw-bg-opacity: 1; background-color: rgb(var(--c-neutral-200) / var(--tw-bg-opacity)); } .bg-neutral-300{ --tw-bg-opacity: 1; background-color: rgb(var(--c-neutral-300) / var(--tw-bg-opacity)); } .bg-neutral-50{ --tw-bg-opacity: 1; background-color: rgb(var(--c-neutral-50) / var(--tw-bg-opacity)); } .bg-neutral-50\/60{ background-color: rgb(var(--c-neutral-50) / 0.6); } .bg-neutral-900{ --tw-bg-opacity: 1; background-color: rgb(var(--c-neutral-900) / var(--tw-bg-opacity)); } .bg-orange-200{ --tw-bg-opacity: 1; background-color: rgb(var(--c-orange-200) / var(--tw-bg-opacity)); } .bg-orange-50{ --tw-bg-opacity: 1; background-color: rgb(var(--c-orange-50) / var(--tw-bg-opacity)); } .bg-popover{ background-color: hsl(var(--popover)); } .bg-primary{ background-color: hsl(var(--primary)); } .bg-primary\/10{ background-color: hsl(var(--primary) / 0.1); } .bg-primary\/15{ background-color: hsl(var(--primary) / 0.15); } .bg-primary\/20{ background-color: hsl(var(--primary) / 0.2); } .bg-primary\/5{ background-color: hsl(var(--primary) / 0.05); } .bg-purple-100{ --tw-bg-opacity: 1; background-color: rgb(var(--c-purple-100) / var(--tw-bg-opacity)); } .bg-purple-600{ --tw-bg-opacity: 1; background-color: rgb(var(--c-purple-600) / var(--tw-bg-opacity)); } .bg-red-100{ --tw-bg-opacity: 1; background-color: rgb(var(--c-red-100) / var(--tw-bg-opacity)); } .bg-red-300{ --tw-bg-opacity: 1; background-color: rgb(var(--c-red-300) / var(--tw-bg-opacity)); } .bg-red-50{ --tw-bg-opacity: 1; background-color: rgb(var(--c-red-50) / var(--tw-bg-opacity)); } .bg-red-50\/30{ background-color: rgb(var(--c-red-50) / 0.3); } .bg-red-50\/60{ background-color: rgb(var(--c-red-50) / 0.6); } .bg-red-500{ --tw-bg-opacity: 1; background-color: rgb(var(--c-red-500) / var(--tw-bg-opacity)); } .bg-red-500\/70{ background-color: rgb(var(--c-red-500) / 0.7); } .bg-red-600{ --tw-bg-opacity: 1; background-color: rgb(var(--c-red-600) / var(--tw-bg-opacity)); } .bg-secondary{ background-color: hsl(var(--secondary)); } .bg-sky-50{ --tw-bg-opacity: 1; background-color: rgb(var(--c-sky-50) / var(--tw-bg-opacity)); } .bg-sky-50\/60{ background-color: rgb(var(--c-sky-50) / 0.6); } .bg-slate-100{ --tw-bg-opacity: 1; background-color: rgb(var(--c-slate-100) / var(--tw-bg-opacity)); } .bg-slate-800{ --tw-bg-opacity: 1; background-color: rgb(var(--c-slate-800) / var(--tw-bg-opacity)); } .bg-transparent{ background-color: transparent; } .bg-white{ --tw-bg-opacity: 1; background-color: rgb(var(--c-white) / var(--tw-bg-opacity)); } .bg-white\/85{ background-color: rgb(var(--c-white) / 0.85); } .bg-white\/90{ background-color: rgb(var(--c-white) / 0.9); } .bg-white\/95{ background-color: rgb(var(--c-white) / 0.95); } .bg-yellow-100{ --tw-bg-opacity: 1; background-color: rgb(var(--c-yellow-100) / var(--tw-bg-opacity)); } .bg-yellow-200{ --tw-bg-opacity: 1; background-color: rgb(var(--c-yellow-200) / var(--tw-bg-opacity)); } .bg-yellow-300{ --tw-bg-opacity: 1; background-color: rgb(var(--c-yellow-300) / var(--tw-bg-opacity)); } .bg-yellow-50{ --tw-bg-opacity: 1; background-color: rgb(var(--c-yellow-50) / var(--tw-bg-opacity)); } .bg-yellow-500{ --tw-bg-opacity: 1; background-color: rgb(var(--c-yellow-500) / var(--tw-bg-opacity)); } .bg-opacity-50{ --tw-bg-opacity: 0.5; } .bg-\[radial-gradient\(150px_100px_at_25\%_-10\%\2c rgba\(255\2c 255\2c 255\2c 0\.5\)\2c transparent_72\%\)\]{ background-image: radial-gradient(150px 100px at 25% -10%,rgba(255,255,255,0.5),transparent 72%); } .bg-gradient-to-b{ background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .bg-gradient-to-r{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .from-amber-200\/25{ --tw-gradient-from: rgb(var(--c-amber-200) / 0.25) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--c-amber-200) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-overlay\/35{ --tw-gradient-from: rgb(255 255 255 / 0.35) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-transparent{ --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-overlay\/90{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-overlay\/\[0\.18\]{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.18) var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-amber-300\/20{ --tw-gradient-to: rgb(var(--c-amber-300) / 0.2) var(--tw-gradient-to-position); } .to-overlay\/\[0\.08\]{ --tw-gradient-to: rgb(255 255 255 / 0.08) var(--tw-gradient-to-position); } .to-transparent{ --tw-gradient-to: transparent var(--tw-gradient-to-position); } .fill-current{ fill: currentColor; } .fill-primary{ fill: hsl(var(--primary)); } .fill-slate-800{ fill: rgb(var(--c-slate-800) / 1); } .stroke-slate-800{ stroke: rgb(var(--c-slate-800) / 1); } .object-contain{ -o-object-fit: contain; object-fit: contain; } .p-0{ padding: 0px; } .p-0\.5{ padding: 0.125rem; } .p-1{ padding: 0.25rem; } .p-1\.5{ padding: 0.375rem; } .p-10{ padding: 2.5rem; } .p-2{ padding: 0.5rem; } .p-2\.5{ padding: 0.625rem; } .p-3{ padding: 0.75rem; } .p-3\.5{ padding: 0.875rem; } .p-4{ padding: 1rem; } .p-5{ padding: 1.25rem; } .p-6{ padding: 1.5rem; } .p-8{ padding: 2rem; } .p-\[1px\]{ padding: 1px; } .px-0{ padding-left: 0px; padding-right: 0px; } .px-1{ padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5{ padding-left: 0.375rem; padding-right: 0.375rem; } .px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } .px-14{ padding-left: 3.5rem; padding-right: 3.5rem; } .px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5{ padding-left: 0.625rem; padding-right: 0.625rem; } .px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .px-3\.5{ padding-left: 0.875rem; padding-right: 0.875rem; } .px-4{ padding-left: 1rem; padding-right: 1rem; } .px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .px-8{ padding-left: 2rem; padding-right: 2rem; } .py-0{ padding-top: 0px; padding-bottom: 0px; } .py-0\.5{ padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12{ padding-top: 3rem; padding-bottom: 3rem; } .py-16{ padding-top: 4rem; padding-bottom: 4rem; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5{ padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-24{ padding-top: 6rem; padding-bottom: 6rem; } .py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-32{ padding-top: 8rem; padding-bottom: 8rem; } .py-4{ padding-top: 1rem; padding-bottom: 1rem; } .py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8{ padding-top: 2rem; padding-bottom: 2rem; } .pb-1{ padding-bottom: 0.25rem; } .pb-16{ padding-bottom: 4rem; } .pb-2{ padding-bottom: 0.5rem; } .pb-2\.5{ padding-bottom: 0.625rem; } .pb-24{ padding-bottom: 6rem; } .pb-28{ padding-bottom: 7rem; } .pb-3{ padding-bottom: 0.75rem; } .pb-4{ padding-bottom: 1rem; } .pb-6{ padding-bottom: 1.5rem; } .pb-8{ padding-bottom: 2rem; } .pl-10{ padding-left: 2.5rem; } .pl-2{ padding-left: 0.5rem; } .pl-3{ padding-left: 0.75rem; } .pl-4{ padding-left: 1rem; } .pl-6{ padding-left: 1.5rem; } .pl-8{ padding-left: 2rem; } .pl-9{ padding-left: 2.25rem; } .pl-\[18px\]{ padding-left: 18px; } .pr-0{ padding-right: 0px; } .pr-1{ padding-right: 0.25rem; } .pr-10{ padding-right: 2.5rem; } .pr-14{ padding-right: 3.5rem; } .pr-2{ padding-right: 0.5rem; } .pr-2\.5{ padding-right: 0.625rem; } .pr-20{ padding-right: 5rem; } .pr-3{ padding-right: 0.75rem; } .pr-4{ padding-right: 1rem; } .pr-6{ padding-right: 1.5rem; } .pr-8{ padding-right: 2rem; } .pr-9{ padding-right: 2.25rem; } .pt-0{ padding-top: 0px; } .pt-0\.5{ padding-top: 0.125rem; } .pt-1{ padding-top: 0.25rem; } .pt-1\.5{ padding-top: 0.375rem; } .pt-12{ padding-top: 3rem; } .pt-2{ padding-top: 0.5rem; } .pt-3{ padding-top: 0.75rem; } .pt-4{ padding-top: 1rem; } .pt-5{ padding-top: 1.25rem; } .pt-6{ padding-top: 1.5rem; } .text-left{ text-align: left; } .text-center{ text-align: center; } .text-right{ text-align: right; } .align-baseline{ vertical-align: baseline; } .align-top{ vertical-align: top; } .align-middle{ vertical-align: middle; } .align-super{ vertical-align: super; } .font-mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .font-sans{ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .text-2xl{ font-size: 1.5rem; line-height: 2rem; } .text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .text-\[0\.8rem\]{ font-size: 0.8rem; } .text-\[10\.5px\]{ font-size: 10.5px; } .text-\[10px\]{ font-size: 10px; } .text-\[11\.5px\]{ font-size: 11.5px; } .text-\[11px\]{ font-size: 11px; } .text-\[12\.5px\]{ font-size: 12.5px; } .text-\[12px\]{ font-size: 12px; } .text-\[13\.5px\]{ font-size: 13.5px; } .text-\[13px\]{ font-size: 13px; } .text-\[14\.5px\]{ font-size: 14.5px; } .text-\[15px\]{ font-size: 15px; } .text-\[9px\]{ font-size: 9px; } .text-base{ font-size: 1rem; line-height: 1.5rem; } .text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .text-xs{ font-size: 0.75rem; line-height: 1rem; } .font-bold{ font-weight: 700; } .font-medium{ font-weight: 500; } .font-normal{ font-weight: 400; } .font-semibold{ font-weight: 600; } .uppercase{ text-transform: uppercase; } .italic{ font-style: italic; } .not-italic{ font-style: normal; } .tabular-nums{ --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .leading-4{ line-height: 1rem; } .leading-5{ line-height: 1.25rem; } .leading-6{ line-height: 1.5rem; } .leading-7{ line-height: 1.75rem; } .leading-none{ line-height: 1; } .leading-relaxed{ line-height: 1.625; } .leading-snug{ line-height: 1.375; } .leading-tight{ line-height: 1.25; } .tracking-\[-0\.01em\]{ letter-spacing: -0.01em; } .tracking-\[0\.06em\]{ letter-spacing: 0.06em; } .tracking-\[0\.07em\]{ letter-spacing: 0.07em; } .tracking-\[0\.08em\]{ letter-spacing: 0.08em; } .tracking-tight{ letter-spacing: -0.025em; } .tracking-wide{ letter-spacing: 0.025em; } .tracking-wider{ letter-spacing: 0.05em; } .tracking-widest{ letter-spacing: 0.1em; } .text-accent-foreground{ color: hsl(var(--accent-foreground)); } .text-amber-500{ --tw-text-opacity: 1; color: rgb(var(--c-amber-500) / var(--tw-text-opacity)); } .text-amber-600{ --tw-text-opacity: 1; color: rgb(var(--c-amber-600) / var(--tw-text-opacity)); } .text-amber-700{ --tw-text-opacity: 1; color: rgb(var(--c-amber-700) / var(--tw-text-opacity)); } .text-amber-800{ --tw-text-opacity: 1; color: rgb(var(--c-amber-800) / var(--tw-text-opacity)); } .text-amber-900{ --tw-text-opacity: 1; color: rgb(var(--c-amber-900) / var(--tw-text-opacity)); } .text-amber-950{ --tw-text-opacity: 1; color: rgb(var(--c-amber-950) / var(--tw-text-opacity)); } .text-blue-400{ --tw-text-opacity: 1; color: rgb(var(--c-blue-400) / var(--tw-text-opacity)); } .text-blue-500{ --tw-text-opacity: 1; color: rgb(var(--c-blue-500) / var(--tw-text-opacity)); } .text-blue-600{ --tw-text-opacity: 1; color: rgb(var(--c-blue-600) / var(--tw-text-opacity)); } .text-blue-700{ --tw-text-opacity: 1; color: rgb(var(--c-blue-700) / var(--tw-text-opacity)); } .text-blue-800{ --tw-text-opacity: 1; color: rgb(var(--c-blue-800) / var(--tw-text-opacity)); } .text-card-foreground{ color: hsl(var(--card-foreground)); } .text-current{ color: currentColor; } .text-destructive{ color: hsl(var(--destructive)); } .text-destructive-foreground{ color: hsl(var(--destructive-foreground)); } .text-emerald-500{ --tw-text-opacity: 1; color: rgb(var(--c-emerald-500) / var(--tw-text-opacity)); } .text-emerald-600{ --tw-text-opacity: 1; color: rgb(var(--c-emerald-600) / var(--tw-text-opacity)); } .text-emerald-700{ --tw-text-opacity: 1; color: rgb(var(--c-emerald-700) / var(--tw-text-opacity)); } .text-emerald-800{ --tw-text-opacity: 1; color: rgb(var(--c-emerald-800) / var(--tw-text-opacity)); } .text-emerald-900{ --tw-text-opacity: 1; color: rgb(var(--c-emerald-900) / var(--tw-text-opacity)); } .text-foreground{ color: hsl(var(--foreground)); } .text-foreground\/50{ color: hsl(var(--foreground) / 0.5); } .text-foreground\/60{ color: hsl(var(--foreground) / 0.6); } .text-foreground\/70{ color: hsl(var(--foreground) / 0.7); } .text-foreground\/80{ color: hsl(var(--foreground) / 0.8); } .text-foreground\/85{ color: hsl(var(--foreground) / 0.85); } .text-gray-300{ --tw-text-opacity: 1; color: rgb(var(--c-gray-300) / var(--tw-text-opacity)); } .text-gray-400{ --tw-text-opacity: 1; color: rgb(var(--c-gray-400) / var(--tw-text-opacity)); } .text-gray-500{ --tw-text-opacity: 1; color: rgb(var(--c-gray-500) / var(--tw-text-opacity)); } .text-gray-600{ --tw-text-opacity: 1; color: rgb(var(--c-gray-600) / var(--tw-text-opacity)); } .text-gray-700{ --tw-text-opacity: 1; color: rgb(var(--c-gray-700) / var(--tw-text-opacity)); } .text-gray-800{ --tw-text-opacity: 1; color: rgb(var(--c-gray-800) / var(--tw-text-opacity)); } .text-green-500{ --tw-text-opacity: 1; color: rgb(var(--c-green-500) / var(--tw-text-opacity)); } .text-green-600{ --tw-text-opacity: 1; color: rgb(var(--c-green-600) / var(--tw-text-opacity)); } .text-green-700{ --tw-text-opacity: 1; color: rgb(var(--c-green-700) / var(--tw-text-opacity)); } .text-green-800{ --tw-text-opacity: 1; color: rgb(var(--c-green-800) / var(--tw-text-opacity)); } .text-muted-foreground{ color: hsl(var(--muted-foreground)); } .text-muted-foreground\/40{ color: hsl(var(--muted-foreground) / 0.4); } .text-muted-foreground\/50{ color: hsl(var(--muted-foreground) / 0.5); } .text-muted-foreground\/55{ color: hsl(var(--muted-foreground) / 0.55); } .text-muted-foreground\/60{ color: hsl(var(--muted-foreground) / 0.6); } .text-muted-foreground\/70{ color: hsl(var(--muted-foreground) / 0.7); } .text-muted-foreground\/80{ color: hsl(var(--muted-foreground) / 0.8); } .text-neutral-300{ --tw-text-opacity: 1; color: rgb(var(--c-neutral-300) / var(--tw-text-opacity)); } .text-neutral-400{ --tw-text-opacity: 1; color: rgb(var(--c-neutral-400) / var(--tw-text-opacity)); } .text-neutral-500{ --tw-text-opacity: 1; color: rgb(var(--c-neutral-500) / var(--tw-text-opacity)); } .text-neutral-600{ --tw-text-opacity: 1; color: rgb(var(--c-neutral-600) / var(--tw-text-opacity)); } .text-neutral-700{ --tw-text-opacity: 1; color: rgb(var(--c-neutral-700) / var(--tw-text-opacity)); } .text-neutral-800{ --tw-text-opacity: 1; color: rgb(var(--c-neutral-800) / var(--tw-text-opacity)); } .text-neutral-900{ --tw-text-opacity: 1; color: rgb(var(--c-neutral-900) / var(--tw-text-opacity)); } .text-orange-600{ --tw-text-opacity: 1; color: rgb(var(--c-orange-600) / var(--tw-text-opacity)); } .text-orange-700{ --tw-text-opacity: 1; color: rgb(var(--c-orange-700) / var(--tw-text-opacity)); } .text-orange-800{ --tw-text-opacity: 1; color: rgb(var(--c-orange-800) / var(--tw-text-opacity)); } .text-popover-foreground{ color: hsl(var(--popover-foreground)); } .text-primary{ color: hsl(var(--primary)); } .text-primary-foreground{ color: hsl(var(--primary-foreground)); } .text-purple-600{ --tw-text-opacity: 1; color: rgb(var(--c-purple-600) / var(--tw-text-opacity)); } .text-purple-700{ --tw-text-opacity: 1; color: rgb(var(--c-purple-700) / var(--tw-text-opacity)); } .text-red-500{ --tw-text-opacity: 1; color: rgb(var(--c-red-500) / var(--tw-text-opacity)); } .text-red-600{ --tw-text-opacity: 1; color: rgb(var(--c-red-600) / var(--tw-text-opacity)); } .text-red-700{ --tw-text-opacity: 1; color: rgb(var(--c-red-700) / var(--tw-text-opacity)); } .text-red-800{ --tw-text-opacity: 1; color: rgb(var(--c-red-800) / var(--tw-text-opacity)); } .text-red-900{ --tw-text-opacity: 1; color: rgb(var(--c-red-900) / var(--tw-text-opacity)); } .text-secondary-foreground{ color: hsl(var(--secondary-foreground)); } .text-sky-600{ --tw-text-opacity: 1; color: rgb(var(--c-sky-600) / var(--tw-text-opacity)); } .text-sky-700{ --tw-text-opacity: 1; color: rgb(var(--c-sky-700) / var(--tw-text-opacity)); } .text-sky-800{ --tw-text-opacity: 1; color: rgb(var(--c-sky-800) / var(--tw-text-opacity)); } .text-sky-900{ --tw-text-opacity: 1; color: rgb(var(--c-sky-900) / var(--tw-text-opacity)); } .text-slate-800{ --tw-text-opacity: 1; color: rgb(var(--c-slate-800) / var(--tw-text-opacity)); } .text-slate-900{ --tw-text-opacity: 1; color: rgb(var(--c-slate-900) / var(--tw-text-opacity)); } .text-white{ --tw-text-opacity: 1; color: rgb(var(--c-white) / var(--tw-text-opacity)); } .text-yellow-600{ --tw-text-opacity: 1; color: rgb(var(--c-yellow-600) / var(--tw-text-opacity)); } .text-yellow-700{ --tw-text-opacity: 1; color: rgb(var(--c-yellow-700) / var(--tw-text-opacity)); } .text-yellow-800{ --tw-text-opacity: 1; color: rgb(var(--c-yellow-800) / var(--tw-text-opacity)); } .text-yellow-900{ --tw-text-opacity: 1; color: rgb(var(--c-yellow-900) / var(--tw-text-opacity)); } .underline{ text-decoration-line: underline; } .line-through{ text-decoration-line: line-through; } .decoration-neutral-300{ text-decoration-color: rgb(var(--c-neutral-300) / 1); } .decoration-dotted{ text-decoration-style: dotted; } .underline-offset-2{ text-underline-offset: 2px; } .underline-offset-4{ text-underline-offset: 4px; } .opacity-0{ opacity: 0; } .opacity-100{ opacity: 1; } .opacity-30{ opacity: 0.3; } .opacity-40{ opacity: 0.4; } .opacity-50{ opacity: 0.5; } .opacity-55{ opacity: 0.55; } .opacity-60{ opacity: 0.6; } .opacity-70{ opacity: 0.7; } .opacity-80{ opacity: 0.8; } .opacity-90{ opacity: 0.9; } .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-2xl{ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_1px_rgba\(248\2c 113\2c 113\2c 0\.18\)\]{ --tw-shadow: 0 0 0 1px rgba(248,113,113,0.18); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_1px_rgba\(251\2c 191\2c 36\2c 0\.1\)\2c 0_0_12px_-2px_rgba\(251\2c 191\2c 36\2c 0\.3\)\]{ --tw-shadow: 0 0 0 1px rgba(251,191,36,0.1),0 0 12px -2px rgba(251,191,36,0.3); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 12px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_1px_rgba\(251\2c 191\2c 36\2c 0\.18\)\]{ --tw-shadow: 0 0 0 1px rgba(251,191,36,0.18); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_1px_rgba\(56\2c 189\2c 248\2c 0\.18\)\]{ --tw-shadow: 0 0 0 1px rgba(56,189,248,0.18); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_10px_rgba\(59\2c 130\2c 246\2c 0\.25\)\]{ --tw-shadow: 0 0 10px rgba(59,130,246,0.25); --tw-shadow-colored: 0 0 10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_16px_rgba\(59\2c 130\2c 246\2c 0\.4\)\]{ --tw-shadow: 0 0 16px rgba(59,130,246,0.4); --tw-shadow-colored: 0 0 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_24px_rgba\(59\2c 130\2c 246\2c 0\.3\)\]{ --tw-shadow: 0 0 24px rgba(59,130,246,0.3); --tw-shadow-colored: 0 0 24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.05\)\]{ --tw-shadow: 0 1px 2px rgba(16,24,40,0.05); --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.06\)\]{ --tw-shadow: 0 1px 2px rgba(16,24,40,0.06); --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.09\)\]{ --tw-shadow: 0 1px 2px rgba(16,24,40,0.09); --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.1\)\]{ --tw-shadow: 0 1px 2px rgba(16,24,40,0.1); --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_8px_30px_rgba\(16\2c 24\2c 40\2c 0\.08\)\]{ --tw-shadow: 0 8px 30px rgba(16,24,40,0.08); --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[inset_0_1px_0_0_rgba\(255\2c 255\2c 255\2c 0\.85\)\2c inset_0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.18\)\2c 0_8px_24px_-12px_rgba\(2\2c 6\2c 23\2c 0\.18\)\2c 0_28px_60px_-24px_rgba\(2\2c 6\2c 23\2c 0\.36\)\]{ --tw-shadow: inset 0 1px 0 0 rgba(255,255,255,0.85),inset 0 0 0 1px rgba(255,255,255,0.18),0 8px 24px -12px rgba(2,6,23,0.18),0 28px 60px -24px rgba(2,6,23,0.36); --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color), inset 0 0 0 1px var(--tw-shadow-color), 0 8px 24px -12px var(--tw-shadow-color), 0 28px 60px -24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-none{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl{ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline-none{ outline: 2px solid transparent; outline-offset: 2px; } .outline{ outline-style: solid; } .\!ring-2{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .ring{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-0{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-2{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-inset{ --tw-ring-inset: inset; } .\!ring-blue-400{ --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(var(--c-blue-400) / var(--tw-ring-opacity)) !important; } .ring-blue-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--c-blue-200) / var(--tw-ring-opacity)); } .ring-blue-200\/60{ --tw-ring-color: rgb(var(--c-blue-200) / 0.6); } .ring-blue-300{ --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--c-blue-300) / var(--tw-ring-opacity)); } .ring-blue-400{ --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--c-blue-400) / var(--tw-ring-opacity)); } .ring-blue-500{ --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--c-blue-500) / var(--tw-ring-opacity)); } .ring-border{ --tw-ring-color: hsl(var(--border)); } .ring-neutral-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--c-neutral-200) / var(--tw-ring-opacity)); } .ring-primary\/20{ --tw-ring-color: hsl(var(--primary) / 0.2); } .ring-ring{ --tw-ring-color: hsl(var(--ring)); } .ring-offset-background{ --tw-ring-offset-color: hsl(var(--background)); } .blur{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .grayscale{ --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .\!filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur{ --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-\[1px\]{ --tw-backdrop-blur: blur(1px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-\[2px\]{ --tw-backdrop-blur: blur(2px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[background-color\2c box-shadow\]{ transition-property: background-color,box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[background-color\2c color\2c box-shadow\]{ transition-property: background-color,color,box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[background-color\2c opacity\]{ transition-property: background-color,opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[background-color\2c transform\2c opacity\]{ transition-property: background-color,transform,opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[background-color\2c transform\]{ transition-property: background-color,transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[border-color\2c background-color\]{ transition-property: border-color,background-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[transform\2c background-color\]{ transition-property: transform,background-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[transform\2c box-shadow\]{ transition-property: transform,box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[transform\2c color\]{ transition-property: transform,color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\]{ transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity{ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-shadow{ transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform{ transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .delay-100{ transition-delay: 100ms; } .duration-1000{ transition-duration: 1000ms; } .duration-150{ transition-duration: 150ms; } .duration-200{ transition-duration: 200ms; } .duration-300{ transition-duration: 300ms; } .duration-500{ transition-duration: 500ms; } .ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } @keyframes enter{ from{ opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); } } @keyframes exit{ to{ opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); } } .animate-in{ animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .fade-in{ --tw-enter-opacity: 0; } .fade-in-0{ --tw-enter-opacity: 0; } .zoom-in-95{ --tw-enter-scale: .95; } .slide-in-from-bottom-2{ --tw-enter-translate-y: 0.5rem; } .duration-1000{ animation-duration: 1000ms; } .duration-150{ animation-duration: 150ms; } .duration-200{ animation-duration: 200ms; } .duration-300{ animation-duration: 300ms; } .duration-500{ animation-duration: 500ms; } .delay-100{ animation-delay: 100ms; } .ease-in-out{ animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out{ animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } .running{ animation-play-state: running; } .fill-mode-backwards{ animation-fill-mode: backwards; } .\[animation-duration\:600ms\]{ animation-duration: 600ms; } .\[appearance\:textfield\]{ -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .\[backdrop-filter\:blur\(28px\)_saturate\(135\%\)\]{ -webkit-backdrop-filter: blur(28px) saturate(135%); backdrop-filter: blur(28px) saturate(135%); } .\[contain-intrinsic-size\:0_180px\]{ contain-intrinsic-size: 0 180px; } .\[content-visibility\:auto\]{ content-visibility: auto; } .\[writing-mode\:vertical-rl\]{ writing-mode: vertical-rl; } ::highlight(text-match) { background-color: rgb(var(--highlight-match)); color: rgb(var(--highlight-match-foreground)); } /* Recharts paints its own chrome with hardcoded literals — axis text and lines at #666, grid at #ccc, and a tooltip styled inline (hence !important). None of it goes through Tailwind, so it stays light-mode grey on a dark canvas. Retheming it here covers all ten chart pages at once, and the `.dark` scope leaves light mode exactly as it was. Series colours are deliberately NOT touched: they are categorical hues chosen to be told apart, they read on either backdrop, and the palette's mid-shades are identical in both themes anyway. */ .dark .recharts-cartesian-axis-tick text, .dark .recharts-label { fill: hsl(var(--muted-foreground)); } .dark .recharts-cartesian-grid line, .dark .recharts-cartesian-axis-line, .dark .recharts-cartesian-axis-tick-line, .dark .recharts-polar-grid line { stroke: hsl(var(--border)); } .dark .recharts-rectangle.recharts-tooltip-cursor { fill: hsl(var(--muted)); } .dark .recharts-curve.recharts-tooltip-cursor { stroke: hsl(var(--border)); } .dark .recharts-default-tooltip { background-color: hsl(var(--popover)) !important; border-color: hsl(var(--border)) !important; color: hsl(var(--popover-foreground)) !important; } .dark .recharts-tooltip-label, .dark .recharts-tooltip-item-list { color: hsl(var(--popover-foreground)); } /* Each tooltip row carries its series colour inline, so it outranks the list above. Those mid-tone hues are marginal on either backdrop — measured on the /kpis tooltip, slate-500 goes 4.76:1 light → 3.56:1 dark, crossing AA — and nothing generic can brighten an arbitrary hue enough. The row keeps its series *name*, so on dark the text goes neutral, same trade as the legend. */ .dark .recharts-tooltip-item { color: hsl(var(--popover-foreground)) !important; } /* Recharts colours legend *labels* with the series colour (inline, hence !important). A 600-weight hue that reads fine on white drops to ~3.3:1 on a dark card, so on dark the label goes neutral and the swatch beside it keeps the colour coding. */ .dark .recharts-legend-item-text { color: hsl(var(--foreground)) !important; } /* Force scrollbar to always be visible (overrides macOS overlay scrollbars) */ .scrollbar-always-visible::-webkit-scrollbar { width: 8px; } .scrollbar-always-visible::-webkit-scrollbar-track { background: hsl(var(--muted)); border-radius: 4px; } .scrollbar-always-visible::-webkit-scrollbar-thumb { background: hsl(var(--muted-foreground) / 0.3); border-radius: 4px; } .scrollbar-always-visible::-webkit-scrollbar-thumb:hover { background: hsl(var(--muted-foreground) / 0.5); } /* Markdown content styling */ .markdown-content { /* General markdown styling */ line-height: 1.6; font-size: 0.95rem; } .markdown-content h1, .markdown-content h2, .markdown-content h3, .markdown-content h4, .markdown-content h5, .markdown-content h6 { margin-top: 1em; margin-bottom: 0.5em; font-weight: 600; line-height: 1.3; } .markdown-content h1 { font-size: 1.5rem; } .markdown-content h2 { font-size: 1.25rem; } .markdown-content h3 { font-size: 1.1rem; } .markdown-content h4 { font-size: 1rem; } .markdown-content p { margin-bottom: 1em; } .markdown-content ul, .markdown-content ol { margin-left: 1.5em; margin-bottom: 1em; } .markdown-content li { margin-bottom: 0.5em; } /* Table styling */ .markdown-content table { border-collapse: collapse; margin: 1em 0; font-size: 0.9em; width: 100%; border-radius: 8px; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .markdown-content table thead tr { background-color: hsl(var(--primary)); /* --c-white follows the theme; a literal `white` would vanish against the light `--primary` dark mode gives this header. */ color: rgb(var(--c-white)); text-align: left; } .markdown-content table th, .markdown-content table td { padding: 12px 15px; border: 1px solid hsl(var(--border)); } .markdown-content table tbody tr { border-bottom: 1px solid hsl(var(--border)); } .markdown-content table tbody tr:nth-of-type(even) { background-color: hsl(var(--muted) / 0.5); } .markdown-content table tbody tr:last-of-type { border-bottom: 2px solid hsl(var(--primary)); } .markdown-content table tbody tr:hover { background-color: hsl(var(--accent) / 0.1); } /* Code block styling */ .markdown-content pre { background-color: hsl(var(--muted)); padding: 1em; border-radius: 4px; overflow-x: auto; margin-bottom: 1em; } .markdown-content code { background-color: hsl(var(--muted)); padding: 0.2em 0.4em; border-radius: 3px; font-family: monospace; } /* Horizontal rule */ .markdown-content hr { border: 0; height: 1px; background-color: hsl(var(--border)); margin: 2em 0; } /* Blockquote */ .markdown-content blockquote { border-left: 4px solid hsl(var(--primary)); padding-left: 1em; margin-left: 0; margin-right: 0; font-style: italic; } /* Links */ .markdown-content a { color: hsl(var(--primary)); text-decoration: underline; } .markdown-content a:hover { text-decoration: none; } /* Images */ .markdown-content img { max-width: 100%; height: auto; border-radius: 4px; } /* Excel attachment header */ .markdown-content h2 { color: hsl(var(--primary)); border-bottom: 1px solid hsl(var(--primary)); padding-bottom: 0.3em; margin-top: 1.5em; } /* Sheet name header */ .markdown-content h3 { color: hsl(var(--secondary)); margin-top: 1.2em; font-size: 1rem; border-left: 3px solid hsl(var(--secondary)); padding-left: 0.5em; } /* Table header */ .markdown-content h4 { color: hsl(var(--muted-foreground)); margin-top: 1em; margin-bottom: 0.5em; font-size: 0.95rem; } /* Key information section */ .markdown-content h4 + ul { background-color: hsl(var(--accent) / 0.1); padding: 0.75em 1em; border-radius: 6px; border-left: 3px solid hsl(var(--accent)); margin-top: 0.5em; font-size: 0.9rem; } .markdown-content h4 + ul li { margin-bottom: 0.3em; } /* Compact the overall spacing in Excel sections */ .markdown-content h2 + p, .markdown-content h3 + p, .markdown-content h4 + p { margin-top: 0.5em; } .file\:border-0::file-selector-button{ border-width: 0px; } .file\:bg-transparent::file-selector-button{ background-color: transparent; } .file\:text-sm::file-selector-button{ font-size: 0.875rem; line-height: 1.25rem; } .file\:font-medium::file-selector-button{ font-weight: 500; } .file\:text-foreground::file-selector-button{ color: hsl(var(--foreground)); } .placeholder\:text-muted-foreground::-moz-placeholder{ color: hsl(var(--muted-foreground)); } .placeholder\:text-muted-foreground::placeholder{ color: hsl(var(--muted-foreground)); } .before\:pointer-events-none::before{ content: var(--tw-content); pointer-events: none; } .before\:absolute::before{ content: var(--tw-content); position: absolute; } .before\:inset-y-0::before{ content: var(--tw-content); top: 0px; bottom: 0px; } .before\:-left-2::before{ content: var(--tw-content); left: -0.5rem; } .before\:w-\[3px\]::before{ content: var(--tw-content); width: 3px; } .before\:bg-foreground\/75::before{ content: var(--tw-content); background-color: hsl(var(--foreground) / 0.75); } .after\:pointer-events-none::after{ content: var(--tw-content); pointer-events: none; } .after\:absolute::after{ content: var(--tw-content); position: absolute; } .after\:-inset-x-2::after{ content: var(--tw-content); left: -0.5rem; right: -0.5rem; } .after\:inset-y-0::after{ content: var(--tw-content); top: 0px; bottom: 0px; } .after\:bottom-0::after{ content: var(--tw-content); bottom: 0px; } .after\:left-0::after{ content: var(--tw-content); left: 0px; } .after\:left-1\/2::after{ content: var(--tw-content); left: 50%; } .after\:right-0::after{ content: var(--tw-content); right: 0px; } .after\:-z-10::after{ content: var(--tw-content); z-index: -10; } .after\:h-0::after{ content: var(--tw-content); height: 0px; } .after\:w-1::after{ content: var(--tw-content); width: 0.25rem; } .after\:-translate-x-1\/2::after{ content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:border-b::after{ content: var(--tw-content); border-bottom-width: 1px; } .after\:border-border::after{ content: var(--tw-content); border-color: hsl(var(--border)); } .after\:bg-foreground\/\[0\.07\]::after{ content: var(--tw-content); background-color: hsl(var(--foreground) / 0.07); } .after\:content-\[\'\'\]::after{ --tw-content: ''; content: var(--tw-content); } .first\:rounded-l-md:first-child{ border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .first\:border-l:first-child{ border-left-width: 1px; } .first\:border-t-0:first-child{ border-top-width: 0px; } .first\:pt-0:first-child{ padding-top: 0px; } .last\:rounded-r-md:last-child{ border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .last\:border-0:last-child{ border-width: 0px; } .last\:border-b-0:last-child{ border-bottom-width: 0px; } .last\:pb-0:last-child{ padding-bottom: 0px; } .last\:pb-2:last-child{ padding-bottom: 0.5rem; } .focus-within\:relative:focus-within{ position: relative; } .focus-within\:z-20:focus-within{ z-index: 20; } .focus-within\:bg-muted:focus-within{ background-color: hsl(var(--muted)); } .hover\:w-64:hover{ width: 16rem; } .hover\:-translate-y-0:hover{ --tw-translate-y: -0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:-translate-y-0\.5:hover{ --tw-translate-y: -0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:\!border-amber-400:hover{ --tw-border-opacity: 1 !important; border-color: rgb(var(--c-amber-400) / var(--tw-border-opacity)) !important; } .hover\:\!border-blue-500:hover{ --tw-border-opacity: 1 !important; border-color: rgb(var(--c-blue-500) / var(--tw-border-opacity)) !important; } .hover\:\!border-red-500:hover{ --tw-border-opacity: 1 !important; border-color: rgb(var(--c-red-500) / var(--tw-border-opacity)) !important; } .hover\:border-amber-400:hover{ --tw-border-opacity: 1; border-color: rgb(var(--c-amber-400) / var(--tw-border-opacity)); } .hover\:border-blue-300:hover{ --tw-border-opacity: 1; border-color: rgb(var(--c-blue-300) / var(--tw-border-opacity)); } .hover\:border-blue-500:hover{ --tw-border-opacity: 1; border-color: rgb(var(--c-blue-500) / var(--tw-border-opacity)); } .hover\:border-foreground:hover{ border-color: hsl(var(--foreground)); } .hover\:border-muted-foreground:hover{ border-color: hsl(var(--muted-foreground)); } .hover\:border-muted-foreground\/40:hover{ border-color: hsl(var(--muted-foreground) / 0.4); } .hover\:border-muted-foreground\/50:hover{ border-color: hsl(var(--muted-foreground) / 0.5); } .hover\:border-muted-foreground\/60:hover{ border-color: hsl(var(--muted-foreground) / 0.6); } .hover\:border-neutral-400\/80:hover{ border-color: rgb(var(--c-neutral-400) / 0.8); } .hover\:border-red-500:hover{ --tw-border-opacity: 1; border-color: rgb(var(--c-red-500) / var(--tw-border-opacity)); } .hover\:border-yellow-500:hover{ --tw-border-opacity: 1; border-color: rgb(var(--c-yellow-500) / var(--tw-border-opacity)); } .hover\:bg-accent:hover{ background-color: hsl(var(--accent)); } .hover\:bg-accent\/40:hover{ background-color: hsl(var(--accent) / 0.4); } .hover\:bg-accent\/50:hover{ background-color: hsl(var(--accent) / 0.5); } .hover\:bg-accent\/60:hover{ background-color: hsl(var(--accent) / 0.6); } .hover\:bg-amber-100:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-amber-100) / var(--tw-bg-opacity)); } .hover\:bg-amber-50:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-amber-50) / var(--tw-bg-opacity)); } .hover\:bg-amber-50\/50:hover{ background-color: rgb(var(--c-amber-50) / 0.5); } .hover\:bg-blue-100:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-blue-100) / var(--tw-bg-opacity)); } .hover\:bg-blue-200:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-blue-200) / var(--tw-bg-opacity)); } .hover\:bg-blue-50:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-blue-50) / var(--tw-bg-opacity)); } .hover\:bg-blue-50\/30:hover{ background-color: rgb(var(--c-blue-50) / 0.3); } .hover\:bg-blue-50\/50:hover{ background-color: rgb(var(--c-blue-50) / 0.5); } .hover\:bg-blue-700:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-blue-700) / var(--tw-bg-opacity)); } .hover\:bg-destructive:hover{ background-color: hsl(var(--destructive)); } .hover\:bg-destructive\/10:hover{ background-color: hsl(var(--destructive) / 0.1); } .hover\:bg-destructive\/20:hover{ background-color: hsl(var(--destructive) / 0.2); } .hover\:bg-destructive\/80:hover{ background-color: hsl(var(--destructive) / 0.8); } .hover\:bg-destructive\/90:hover{ background-color: hsl(var(--destructive) / 0.9); } .hover\:bg-emerald-400:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-emerald-400) / var(--tw-bg-opacity)); } .hover\:bg-foreground\/5:hover{ background-color: hsl(var(--foreground) / 0.05); } .hover\:bg-gray-100:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-gray-100) / var(--tw-bg-opacity)); } .hover\:bg-gray-200:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-gray-200) / var(--tw-bg-opacity)); } .hover\:bg-gray-50:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-gray-50) / var(--tw-bg-opacity)); } .hover\:bg-green-100:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-green-100) / var(--tw-bg-opacity)); } .hover\:bg-green-300\/80:hover{ background-color: rgb(var(--c-green-300) / 0.8); } .hover\:bg-green-700:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-green-700) / var(--tw-bg-opacity)); } .hover\:bg-muted:hover{ background-color: hsl(var(--muted)); } .hover\:bg-muted\/50:hover{ background-color: hsl(var(--muted) / 0.5); } .hover\:bg-muted\/90:hover{ background-color: hsl(var(--muted) / 0.9); } .hover\:bg-neutral-100:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-neutral-100) / var(--tw-bg-opacity)); } .hover\:bg-neutral-50:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-neutral-50) / var(--tw-bg-opacity)); } .hover\:bg-neutral-700:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-neutral-700) / var(--tw-bg-opacity)); } .hover\:bg-orange-100:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-orange-100) / var(--tw-bg-opacity)); } .hover\:bg-orange-200\/80:hover{ background-color: rgb(var(--c-orange-200) / 0.8); } .hover\:bg-overlay\/45:hover{ background-color: rgb(255 255 255 / 0.45); } .hover\:bg-overlay\/50:hover{ background-color: rgb(255 255 255 / 0.5); } .hover\:bg-primary:hover{ background-color: hsl(var(--primary)); } .hover\:bg-primary\/80:hover{ background-color: hsl(var(--primary) / 0.8); } .hover\:bg-primary\/90:hover{ background-color: hsl(var(--primary) / 0.9); } .hover\:bg-purple-100:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-purple-100) / var(--tw-bg-opacity)); } .hover\:bg-purple-200:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-purple-200) / var(--tw-bg-opacity)); } .hover\:bg-purple-700:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-purple-700) / var(--tw-bg-opacity)); } .hover\:bg-red-100:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-red-100) / var(--tw-bg-opacity)); } .hover\:bg-red-300\/80:hover{ background-color: rgb(var(--c-red-300) / 0.8); } .hover\:bg-red-50:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-red-50) / var(--tw-bg-opacity)); } .hover\:bg-red-700:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-red-700) / var(--tw-bg-opacity)); } .hover\:bg-secondary:hover{ background-color: hsl(var(--secondary)); } .hover\:bg-secondary\/80:hover{ background-color: hsl(var(--secondary) / 0.8); } .hover\:bg-sky-100:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-sky-100) / var(--tw-bg-opacity)); } .hover\:bg-sky-50:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-sky-50) / var(--tw-bg-opacity)); } .hover\:bg-slate-200:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-slate-200) / var(--tw-bg-opacity)); } .hover\:bg-transparent:hover{ background-color: transparent; } .hover\:bg-yellow-100:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-yellow-100) / var(--tw-bg-opacity)); } .hover\:bg-yellow-200\/80:hover{ background-color: rgb(var(--c-yellow-200) / 0.8); } .hover\:bg-yellow-400:hover{ --tw-bg-opacity: 1; background-color: rgb(var(--c-yellow-400) / var(--tw-bg-opacity)); } .hover\:\!text-foreground:hover{ color: hsl(var(--foreground)) !important; } .hover\:text-accent-foreground:hover{ color: hsl(var(--accent-foreground)); } .hover\:text-blue-500:hover{ --tw-text-opacity: 1; color: rgb(var(--c-blue-500) / var(--tw-text-opacity)); } .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(var(--c-blue-600) / var(--tw-text-opacity)); } .hover\:text-blue-700:hover{ --tw-text-opacity: 1; color: rgb(var(--c-blue-700) / var(--tw-text-opacity)); } .hover\:text-blue-800:hover{ --tw-text-opacity: 1; color: rgb(var(--c-blue-800) / var(--tw-text-opacity)); } .hover\:text-destructive:hover{ color: hsl(var(--destructive)); } .hover\:text-foreground:hover{ color: hsl(var(--foreground)); } .hover\:text-foreground\/80:hover{ color: hsl(var(--foreground) / 0.8); } .hover\:text-gray-500:hover{ --tw-text-opacity: 1; color: rgb(var(--c-gray-500) / var(--tw-text-opacity)); } .hover\:text-gray-600:hover{ --tw-text-opacity: 1; color: rgb(var(--c-gray-600) / var(--tw-text-opacity)); } .hover\:text-gray-700:hover{ --tw-text-opacity: 1; color: rgb(var(--c-gray-700) / var(--tw-text-opacity)); } .hover\:text-gray-900:hover{ --tw-text-opacity: 1; color: rgb(var(--c-gray-900) / var(--tw-text-opacity)); } .hover\:text-green-600:hover{ --tw-text-opacity: 1; color: rgb(var(--c-green-600) / var(--tw-text-opacity)); } .hover\:text-muted-foreground:hover{ color: hsl(var(--muted-foreground)); } .hover\:text-neutral-700:hover{ --tw-text-opacity: 1; color: rgb(var(--c-neutral-700) / var(--tw-text-opacity)); } .hover\:text-neutral-900:hover{ --tw-text-opacity: 1; color: rgb(var(--c-neutral-900) / var(--tw-text-opacity)); } .hover\:text-primary:hover{ color: hsl(var(--primary)); } .hover\:text-primary-foreground:hover{ color: hsl(var(--primary-foreground)); } .hover\:text-purple-600:hover{ --tw-text-opacity: 1; color: rgb(var(--c-purple-600) / var(--tw-text-opacity)); } .hover\:text-red-500:hover{ --tw-text-opacity: 1; color: rgb(var(--c-red-500) / var(--tw-text-opacity)); } .hover\:text-red-600:hover{ --tw-text-opacity: 1; color: rgb(var(--c-red-600) / var(--tw-text-opacity)); } .hover\:text-white:hover{ --tw-text-opacity: 1; color: rgb(var(--c-white) / var(--tw-text-opacity)); } .hover\:underline:hover{ text-decoration-line: underline; } .hover\:decoration-neutral-500:hover{ text-decoration-color: rgb(var(--c-neutral-500) / 1); } .hover\:decoration-neutral-900:hover{ text-decoration-color: rgb(var(--c-neutral-900) / 1); } .hover\:opacity-100:hover{ opacity: 1; } .hover\:shadow-\[0_0_14px_rgba\(59\2c 130\2c 246\2c 0\.35\)\]:hover{ --tw-shadow: 0 0 14px rgba(59,130,246,0.35); --tw-shadow-colored: 0 0 14px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_6px_16px_rgba\(16\2c 24\2c 40\2c 0\.08\)\]:hover{ --tw-shadow: 0 6px 16px rgba(16,24,40,0.08); --tw-shadow-colored: 0 6px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[inset_0_1px_0_0_rgba\(255\2c 255\2c 255\2c 0\.9\)\2c 0_14px_40px_-12px_rgba\(2\2c 6\2c 23\2c 0\.45\)\]:hover{ --tw-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9),0 14px 40px -12px rgba(2,6,23,0.45); --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color), 0 14px 40px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:ring-blue-400:hover{ --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--c-blue-400) / var(--tw-ring-opacity)); } .hover\:drop-shadow-\[0_0_6px_rgba\(59\2c 130\2c 246\2c 0\.7\)\]:hover{ --tw-drop-shadow: drop-shadow(0 0 6px rgba(59,130,246,0.7)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .focus\:bg-accent:focus{ background-color: hsl(var(--accent)); } .focus\:bg-primary:focus{ background-color: hsl(var(--primary)); } .focus\:text-accent-foreground:focus{ color: hsl(var(--accent-foreground)); } .focus\:text-destructive:focus{ color: hsl(var(--destructive)); } .focus\:text-primary-foreground:focus{ color: hsl(var(--primary-foreground)); } .focus\:opacity-100:focus{ opacity: 1; } .focus\:outline-none:focus{ outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring-1:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-2:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-ring:focus{ --tw-ring-color: hsl(var(--ring)); } .focus\:ring-yellow-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--c-yellow-500) / var(--tw-ring-opacity)); } .focus\:ring-offset-2:focus{ --tw-ring-offset-width: 2px; } .focus-visible\:bg-accent:focus-visible{ background-color: hsl(var(--accent)); } .focus-visible\:bg-neutral-50:focus-visible{ --tw-bg-opacity: 1; background-color: rgb(var(--c-neutral-50) / var(--tw-bg-opacity)); } .focus-visible\:opacity-100:focus-visible{ opacity: 1; } .focus-visible\:outline-none:focus-visible{ outline: 2px solid transparent; outline-offset: 2px; } .focus-visible\:outline:focus-visible{ outline-style: solid; } .focus-visible\:outline-2:focus-visible{ outline-width: 2px; } .focus-visible\:outline-amber-500:focus-visible{ outline-color: rgb(var(--c-amber-500) / 1); } .focus-visible\:outline-muted-foreground:focus-visible{ outline-color: hsl(var(--muted-foreground)); } .focus-visible\:ring-0:focus-visible{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-1:focus-visible{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-2:focus-visible{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-blue-300:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--c-blue-300) / var(--tw-ring-opacity)); } .focus-visible\:ring-blue-400:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--c-blue-400) / var(--tw-ring-opacity)); } .focus-visible\:ring-neutral-400:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--c-neutral-400) / var(--tw-ring-opacity)); } .focus-visible\:ring-ring:focus-visible{ --tw-ring-color: hsl(var(--ring)); } .focus-visible\:ring-offset-0:focus-visible{ --tw-ring-offset-width: 0px; } .focus-visible\:ring-offset-1:focus-visible{ --tw-ring-offset-width: 1px; } .focus-visible\:ring-offset-2:focus-visible{ --tw-ring-offset-width: 2px; } .focus-visible\:ring-offset-background:focus-visible{ --tw-ring-offset-color: hsl(var(--background)); } .active\:scale-\[0\.98\]:active{ --tw-scale-x: 0.98; --tw-scale-y: 0.98; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .disabled\:pointer-events-none:disabled{ pointer-events: none; } .disabled\:cursor-not-allowed:disabled{ cursor: not-allowed; } .disabled\:opacity-30:disabled{ opacity: 0.3; } .disabled\:opacity-50:disabled{ opacity: 0.5; } .disabled\:opacity-60:disabled{ opacity: 0.6; } .disabled\:hover\:bg-transparent:hover:disabled{ background-color: transparent; } .group:hover .group-hover\:inline-block{ display: inline-block; } .group:hover .group-hover\:translate-x-0{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:translate-x-0\.5{ --tw-translate-x: 0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:translate-x-1{ --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/row:hover .group-hover\/row\:border-foreground\/40{ border-color: hsl(var(--foreground) / 0.4); } .group:hover .group-hover\:text-foreground{ color: hsl(var(--foreground)); } .group:hover .group-hover\:text-muted-foreground\/70{ color: hsl(var(--muted-foreground) / 0.7); } .group:hover .group-hover\:text-neutral-500{ --tw-text-opacity: 1; color: rgb(var(--c-neutral-500) / var(--tw-text-opacity)); } .group\/link:hover .group-hover\/link\:underline{ text-decoration-line: underline; } .group:hover .group-hover\:decoration-neutral-900{ text-decoration-color: rgb(var(--c-neutral-900) / 1); } .group\/cell:hover .group-hover\/cell\:opacity-100{ opacity: 1; } .group\/cpq:hover .group-hover\/cpq\:opacity-100{ opacity: 1; } .group\/customer-article-number:hover .group-hover\/customer-article-number\:opacity-100{ opacity: 1; } .group\/link:hover .group-hover\/link\:opacity-100{ opacity: 1; } .group:hover .group-hover\:opacity-100{ opacity: 1; } .group:focus-visible .group-focus-visible\:text-foreground{ color: hsl(var(--foreground)); } .group.destructive .group-\[\.destructive\]\:border-muted\/40{ border-color: hsl(var(--muted) / 0.4); } .group.toaster .group-\[\.toaster\]\:border-border{ border-color: hsl(var(--border)); } .group.toast .group-\[\.toast\]\:bg-muted{ background-color: hsl(var(--muted)); } .group.toast .group-\[\.toast\]\:bg-primary{ background-color: hsl(var(--primary)); } .group.toaster .group-\[\.toaster\]\:bg-background{ background-color: hsl(var(--background)); } .group.destructive .group-\[\.destructive\]\:text-red-300{ --tw-text-opacity: 1; color: rgb(var(--c-red-300) / var(--tw-text-opacity)); } .group.toast .group-\[\.toast\]\:text-muted-foreground{ color: hsl(var(--muted-foreground)); } .group.toast .group-\[\.toast\]\:text-primary-foreground{ color: hsl(var(--primary-foreground)); } .group.toaster .group-\[\.toaster\]\:text-foreground{ color: hsl(var(--foreground)); } .group.toaster .group-\[\.toaster\]\:shadow-lg{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{ border-color: hsl(var(--destructive) / 0.3); } .group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{ background-color: hsl(var(--destructive)); } .group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{ color: hsl(var(--destructive-foreground)); } .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{ --tw-text-opacity: 1; color: rgb(var(--c-red-50) / var(--tw-text-opacity)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{ --tw-ring-color: hsl(var(--destructive)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--c-red-400) / var(--tw-ring-opacity)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{ --tw-ring-offset-color: rgb(var(--c-red-600) / 1); } .peer:disabled ~ .peer-disabled\:cursor-not-allowed{ cursor: not-allowed; } .peer:disabled ~ .peer-disabled\:opacity-70{ opacity: 0.7; } .has-\[\:disabled\]\:opacity-50:has(:disabled){ opacity: 0.5; } .aria-selected\:bg-accent[aria-selected="true"]{ background-color: hsl(var(--accent)); } .aria-selected\:bg-accent\/50[aria-selected="true"]{ background-color: hsl(var(--accent) / 0.5); } .aria-selected\:text-accent-foreground[aria-selected="true"]{ color: hsl(var(--accent-foreground)); } .aria-selected\:text-muted-foreground[aria-selected="true"]{ color: hsl(var(--muted-foreground)); } .aria-selected\:opacity-100[aria-selected="true"]{ opacity: 1; } .aria-selected\:opacity-30[aria-selected="true"]{ opacity: 0.3; } .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{ pointer-events: none; } .data-\[disabled\]\:pointer-events-none[data-disabled]{ pointer-events: none; } .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{ height: 1px; } .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{ width: 100%; } .data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{ --tw-translate-y: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=left\]\:-translate-x-1[data-side=left]{ --tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=right\]\:translate-x-1[data-side=right]{ --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=top\]\:-translate-y-1[data-side=top]{ --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=checked\]\:translate-x-4[data-state=checked]{ --tw-translate-x: 1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{ --tw-translate-x: var(--radix-toast-swipe-end-x); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{ --tw-translate-x: var(--radix-toast-swipe-move-x); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes accordion-up{ from{ height: var(--radix-accordion-content-height); } to{ height: 0; } } .data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{ animation: accordion-up 0.2s ease-out; } @keyframes accordion-down{ from{ height: 0; } to{ height: var(--radix-accordion-content-height); } } .data-\[state\=open\]\:animate-accordion-down[data-state=open]{ animation: accordion-down 0.2s ease-out; } .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{ flex-direction: column; } .data-\[state\=checked\]\:rounded-md[data-state=checked]{ border-radius: calc(var(--radius) - 2px); } .data-\[state\=checked\]\:border-foreground[data-state=checked]{ border-color: hsl(var(--foreground)); } .data-\[state\=indeterminate\]\:border-foreground[data-state=indeterminate]{ border-color: hsl(var(--foreground)); } .data-\[active\]\:bg-accent\/50[data-active]{ background-color: hsl(var(--accent) / 0.5); } .data-\[selected\=true\]\:bg-accent[data-selected=true]{ background-color: hsl(var(--accent)); } .data-\[state\=active\]\:bg-background[data-state=active]{ background-color: hsl(var(--background)); } .data-\[state\=checked\]\:bg-accent[data-state=checked]{ background-color: hsl(var(--accent)); } .data-\[state\=checked\]\:bg-emerald-500[data-state=checked]{ --tw-bg-opacity: 1; background-color: rgb(var(--c-emerald-500) / var(--tw-bg-opacity)); } .data-\[state\=checked\]\:bg-foreground[data-state=checked]{ background-color: hsl(var(--foreground)); } .data-\[state\=checked\]\:bg-primary[data-state=checked]{ background-color: hsl(var(--primary)); } .data-\[state\=indeterminate\]\:bg-foreground[data-state=indeterminate]{ background-color: hsl(var(--foreground)); } .data-\[state\=indeterminate\]\:bg-primary[data-state=indeterminate]{ background-color: hsl(var(--primary)); } .data-\[state\=on\]\:bg-accent[data-state=on]{ background-color: hsl(var(--accent)); } .data-\[state\=on\]\:bg-foreground[data-state=on]{ background-color: hsl(var(--foreground)); } .data-\[state\=on\]\:bg-primary[data-state=on]{ background-color: hsl(var(--primary)); } .data-\[state\=open\]\:bg-accent[data-state=open]{ background-color: hsl(var(--accent)); } .data-\[state\=open\]\:bg-accent\/50[data-state=open]{ background-color: hsl(var(--accent) / 0.5); } .data-\[state\=open\]\:bg-muted[data-state=open]{ background-color: hsl(var(--muted)); } .data-\[state\=open\]\:bg-secondary[data-state=open]{ background-color: hsl(var(--secondary)); } .data-\[state\=open\]\:bg-transparent[data-state=open]{ background-color: transparent; } .data-\[state\=selected\]\:bg-muted[data-state=selected]{ background-color: hsl(var(--muted)); } .data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{ background-color: hsl(var(--input)); } .data-\[state\=checked\]\:font-semibold[data-state=checked]{ font-weight: 600; } .data-\[state\=on\]\:font-semibold[data-state=on]{ font-weight: 600; } .data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{ color: hsl(var(--accent-foreground)); } .data-\[state\=active\]\:text-foreground[data-state=active]{ color: hsl(var(--foreground)); } .data-\[state\=checked\]\:text-background[data-state=checked]{ color: hsl(var(--background)); } .data-\[state\=checked\]\:text-foreground[data-state=checked]{ color: hsl(var(--foreground)); } .data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{ color: hsl(var(--primary-foreground)); } .data-\[state\=indeterminate\]\:text-background[data-state=indeterminate]{ color: hsl(var(--background)); } .data-\[state\=indeterminate\]\:text-primary-foreground[data-state=indeterminate]{ color: hsl(var(--primary-foreground)); } .data-\[state\=on\]\:text-accent-foreground[data-state=on]{ color: hsl(var(--accent-foreground)); } .data-\[state\=on\]\:text-background[data-state=on]{ color: hsl(var(--background)); } .data-\[state\=on\]\:text-primary-foreground[data-state=on]{ color: hsl(var(--primary-foreground)); } .data-\[state\=open\]\:\!text-foreground[data-state=open]{ color: hsl(var(--foreground)) !important; } .data-\[state\=open\]\:text-accent-foreground[data-state=open]{ color: hsl(var(--accent-foreground)); } .data-\[state\=open\]\:text-foreground[data-state=open]{ color: hsl(var(--foreground)); } .data-\[state\=open\]\:text-muted-foreground[data-state=open]{ color: hsl(var(--muted-foreground)); } .data-\[disabled\=true\]\:opacity-50[data-disabled=true]{ opacity: 0.5; } .data-\[disabled\]\:opacity-50[data-disabled]{ opacity: 0.5; } .data-\[state\=active\]\:shadow[data-state=active]{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[state\=active\]\:shadow-md[data-state=active]{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[state\=active\]\:shadow-sm[data-state=active]{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[state\=on\]\:shadow-sm[data-state=on]{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[swipe\=move\]\:transition-none[data-swipe=move]{ transition-property: none; } .data-\[state\=closed\]\:duration-300[data-state=closed]{ transition-duration: 300ms; } .data-\[state\=open\]\:duration-300[data-state=open]{ transition-duration: 300ms; } .data-\[state\=open\]\:duration-500[data-state=open]{ transition-duration: 500ms; } .data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{ animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .data-\[state\=open\]\:animate-in[data-state=open]{ animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .data-\[state\=visible\]\:animate-in[data-state=visible]{ animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{ animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[state\=closed\]\:animate-out[data-state=closed]{ animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[state\=hidden\]\:animate-out[data-state=hidden]{ animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[swipe\=end\]\:animate-out[data-swipe=end]{ animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{ --tw-enter-opacity: 0; } .data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{ --tw-exit-opacity: 0; } .data-\[state\=closed\]\:fade-out-0[data-state=closed]{ --tw-exit-opacity: 0; } .data-\[state\=closed\]\:fade-out-80[data-state=closed]{ --tw-exit-opacity: 0.8; } .data-\[state\=hidden\]\:fade-out[data-state=hidden]{ --tw-exit-opacity: 0; } .data-\[state\=open\]\:fade-in-0[data-state=open]{ --tw-enter-opacity: 0; } .data-\[state\=visible\]\:fade-in[data-state=visible]{ --tw-enter-opacity: 0; } .data-\[state\=closed\]\:zoom-out-95[data-state=closed]{ --tw-exit-scale: .95; } .data-\[state\=open\]\:zoom-in-90[data-state=open]{ --tw-enter-scale: .9; } .data-\[state\=open\]\:zoom-in-95[data-state=open]{ --tw-enter-scale: .95; } .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{ --tw-enter-translate-x: 13rem; } .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{ --tw-enter-translate-x: -13rem; } .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{ --tw-exit-translate-x: 13rem; } .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{ --tw-exit-translate-x: -13rem; } .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{ --tw-enter-translate-y: -0.5rem; } .data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{ --tw-enter-translate-x: 0.5rem; } .data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{ --tw-enter-translate-x: -0.5rem; } .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{ --tw-enter-translate-y: 0.5rem; } .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{ --tw-exit-translate-y: 100%; } .data-\[state\=closed\]\:slide-out-to-bottom-1[data-state=closed]{ --tw-exit-translate-y: 0.25rem; } .data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{ --tw-exit-translate-x: -100%; } .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{ --tw-exit-translate-x: -50%; } .data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{ --tw-exit-translate-x: 100%; } .data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{ --tw-exit-translate-x: 100%; } .data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{ --tw-exit-translate-y: -100%; } .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{ --tw-exit-translate-y: -48%; } .data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{ --tw-enter-translate-y: 100%; } .data-\[state\=open\]\:slide-in-from-bottom-2[data-state=open]{ --tw-enter-translate-y: 0.5rem; } .data-\[state\=open\]\:slide-in-from-left[data-state=open]{ --tw-enter-translate-x: -100%; } .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{ --tw-enter-translate-x: -50%; } .data-\[state\=open\]\:slide-in-from-right[data-state=open]{ --tw-enter-translate-x: 100%; } .data-\[state\=open\]\:slide-in-from-top[data-state=open]{ --tw-enter-translate-y: -100%; } .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{ --tw-enter-translate-y: -48%; } .data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{ --tw-enter-translate-y: -100%; } .data-\[state\=closed\]\:duration-300[data-state=closed]{ animation-duration: 300ms; } .data-\[state\=open\]\:duration-300[data-state=open]{ animation-duration: 300ms; } .data-\[state\=open\]\:duration-500[data-state=open]{ animation-duration: 500ms; } .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]::after{ content: var(--tw-content); left: 0px; } .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]::after{ content: var(--tw-content); height: 0.25rem; } .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]::after{ content: var(--tw-content); width: 100%; } .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]::after{ content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]::after{ content: var(--tw-content); --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=on\]\:hover\:bg-primary:hover[data-state=on]{ background-color: hsl(var(--primary)); } .data-\[state\=on\]\:hover\:text-primary-foreground:hover[data-state=on]{ color: hsl(var(--primary-foreground)); } .group[data-state=open] .group-data-\[state\=open\]\:rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))){ .supports-\[backdrop-filter\]\:bg-background\/65{ background-color: hsl(var(--background) / 0.65); } } @media (prefers-reduced-motion: no-preference){ @keyframes pulse{ 50%{ opacity: .5; } } .motion-safe\:animate-pulse{ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .motion-safe\:animate-in{ animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .motion-safe\:fade-in{ --tw-enter-opacity: 0; } .motion-safe\:zoom-in-95{ --tw-enter-scale: .95; } .motion-safe\:slide-in-from-bottom-1{ --tw-enter-translate-y: 0.25rem; } .motion-safe\:slide-in-from-bottom-2{ --tw-enter-translate-y: 0.5rem; } } @media (prefers-reduced-motion: reduce){ .motion-reduce\:transition-none{ transition-property: none; } .motion-reduce\:data-\[state\=closed\]\:animate-none[data-state=closed]{ animation: none; } .motion-reduce\:data-\[state\=open\]\:animate-none[data-state=open]{ animation: none; } .motion-reduce\:data-\[state\=closed\]\:slide-out-to-bottom-0[data-state=closed]{ --tw-exit-translate-y: 0px; } .motion-reduce\:data-\[state\=open\]\:slide-in-from-bottom-0[data-state=open]{ --tw-enter-translate-y: 0px; } } :is(.dark .dark\:my-2){ margin-top: 0.5rem; margin-bottom: 0.5rem; } :is(.dark .dark\:my-2\.5){ margin-top: 0.625rem; margin-bottom: 0.625rem; } :is(.dark .dark\:my-0){ margin-top: 0px; margin-bottom: 0px; } :is(.dark .dark\:my-0\.5){ margin-top: 0.125rem; margin-bottom: 0.125rem; } :is(.dark .dark\:h-\[calc\(100\%-1\.25rem\)\]){ height: calc(100% - 1.25rem); } :is(.dark .dark\:h-\[calc\(100\%-0\.25rem\)\]){ height: calc(100% - 0.25rem); } :is(.dark .dark\:rounded-lg){ border-radius: var(--radius); } :is(.dark .dark\:rounded-md){ border-radius: calc(var(--radius) - 2px); } :is(.dark .dark\:border-destructive){ border-color: hsl(var(--destructive)); } :is(.dark .dark\:border-foreground){ border-color: hsl(var(--foreground)); } :is(.dark .dark\:border-overlay\/10){ border-color: rgb(255 255 255 / 0.1); } :is(.dark .dark\:bg-blue-200){ --tw-bg-opacity: 1; background-color: rgb(var(--c-blue-200) / var(--tw-bg-opacity)); } :is(.dark .dark\:bg-emerald-200){ --tw-bg-opacity: 1; background-color: rgb(var(--c-emerald-200) / var(--tw-bg-opacity)); } :is(.dark .dark\:bg-overlay){ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } :is(.dark .dark\:bg-red-200){ --tw-bg-opacity: 1; background-color: rgb(var(--c-red-200) / var(--tw-bg-opacity)); } :is(.dark .dark\:bg-yellow-200){ --tw-bg-opacity: 1; background-color: rgb(var(--c-yellow-200) / var(--tw-bg-opacity)); } :is(.dark .dark\:from-overlay\/\[0\.09\]){ --tw-gradient-from: rgb(255 255 255 / 0.09) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } :is(.dark .dark\:via-overlay\/\[0\.05\]){ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to); } :is(.dark .dark\:to-overlay\/\[0\.02\]){ --tw-gradient-to: rgb(255 255 255 / 0.02) var(--tw-gradient-to-position); } :is(.dark .dark\:p-1){ padding: 0.25rem; } :is(.dark .dark\:p-1\.5){ padding: 0.375rem; } :is(.dark .dark\:text-amber-500){ --tw-text-opacity: 1; color: rgb(var(--c-amber-500) / var(--tw-text-opacity)); } :is(.dark .dark\:hover\:bg-emerald-200:hover){ --tw-bg-opacity: 1; background-color: rgb(var(--c-emerald-200) / var(--tw-bg-opacity)); } :is(.dark .dark\:hover\:bg-overlay\/10:hover){ background-color: rgb(255 255 255 / 0.1); } :is(.dark .dark\:hover\:bg-overlay\/\[0\.07\]:hover){ background-color: rgb(255 255 255 / 0.07); } :is(.dark .dark\:hover\:bg-yellow-200:hover){ --tw-bg-opacity: 1; background-color: rgb(var(--c-yellow-200) / var(--tw-bg-opacity)); } :is(.dark .dark\:hover\:text-foreground:hover){ color: hsl(var(--foreground)); } @media not all and (min-width: 640px){ .max-sm\:hidden{ display: none; } } @media (min-width: 640px){ .sm\:bottom-0{ bottom: 0px; } .sm\:right-0{ right: 0px; } .sm\:top-auto{ top: auto; } .sm\:mt-0{ margin-top: 0px; } .sm\:block{ display: block; } .sm\:max-h-\[420px\]{ max-height: 420px; } .sm\:max-h-\[460px\]{ max-height: 460px; } .sm\:max-w-\[380px\]{ max-width: 380px; } .sm\:max-w-\[500px\]{ max-width: 500px; } .sm\:max-w-\[640px\]{ max-width: 640px; } .sm\:max-w-\[900px\]{ max-width: 900px; } .sm\:max-w-lg{ max-width: 32rem; } .sm\:max-w-md{ max-width: 28rem; } .sm\:max-w-sm{ max-width: 24rem; } .sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:grid-cols-\[minmax\(0\2c 1fr\)_360px_110px\]{ grid-template-columns: minmax(0,1fr) 360px 110px; } .sm\:flex-row{ flex-direction: row; } .sm\:flex-col{ flex-direction: column; } .sm\:items-start{ align-items: flex-start; } .sm\:items-center{ align-items: center; } .sm\:justify-end{ justify-content: flex-end; } .sm\:justify-center{ justify-content: center; } .sm\:justify-between{ justify-content: space-between; } .sm\:gap-0{ gap: 0px; } .sm\:gap-2{ gap: 0.5rem; } .sm\:gap-2\.5{ gap: 0.625rem; } .sm\:gap-3{ gap: 0.75rem; } .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .sm\:rounded-lg{ border-radius: var(--radius); } .sm\:p-4{ padding: 1rem; } .sm\:px-4{ padding-left: 1rem; padding-right: 1rem; } .sm\:px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .sm\:text-left{ text-align: left; } .sm\:text-right{ text-align: right; } .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{ --tw-enter-translate-y: 100%; } } @media (min-width: 768px){ .md\:absolute{ position: absolute; } .md\:block{ display: block; } .md\:flex{ display: flex; } .md\:hidden{ display: none; } .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{ width: var(--radix-navigation-menu-viewport-width); } .md\:w-auto{ width: auto; } .md\:max-w-\[420px\]{ max-width: 420px; } .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (min-width: 1024px){ .lg\:sticky{ position: sticky; } .lg\:top-8{ top: 2rem; } .lg\:block{ display: block; } .lg\:hidden{ display: none; } .lg\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-\[minmax\(0\2c 1fr\)_300px\]{ grid-template-columns: minmax(0,1fr) 300px; } .lg\:grid-cols-\[minmax\(0\2c 1fr\)_360px\]{ grid-template-columns: minmax(0,1fr) 360px; } .lg\:items-start{ align-items: flex-start; } } @media (min-width: 1280px){ .xl\:order-1{ order: 1; } .xl\:order-2{ order: 2; } .xl\:block{ display: block; } .xl\:hidden{ display: none; } .xl\:h-\[calc\(100dvh-140px\)\]{ height: calc(100dvh - 140px); } .xl\:max-h-\[520px\]{ max-height: 520px; } .xl\:max-h-\[560px\]{ max-height: 560px; } .xl\:max-h-none{ max-height: none; } .xl\:min-h-0{ min-height: 0px; } .xl\:min-h-\[400px\]{ min-height: 400px; } .xl\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .xl\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:items-stretch{ align-items: stretch; } } .\[\&\+div\]\:text-xs+div{ font-size: 0.75rem; line-height: 1rem; } .\[\&\:\:-webkit-inner-spin-button\]\:m-0::-webkit-inner-spin-button{ margin: 0px; } .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{ -webkit-appearance: none; appearance: none; } .\[\&\:\:-webkit-outer-spin-button\]\:m-0::-webkit-outer-spin-button{ margin: 0px; } .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{ -webkit-appearance: none; appearance: none; } .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){ border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){ border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){ border-radius: calc(var(--radius) - 2px); } .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){ background-color: hsl(var(--accent)); } .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{ border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{ border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){ background-color: hsl(var(--accent) / 0.5); } .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){ border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){ padding-right: 0px; } .\[\&\:hover\]\:bg-amber-50\/50:hover{ background-color: rgb(var(--c-amber-50) / 0.5); } .\[\&\>\*\:last-child\]\:\!rounded-md>*:last-child{ border-radius: calc(var(--radius) - 2px) !important; } .\[\&\>\*\:last-child\]\:\!bg-blue-50>*:last-child{ --tw-bg-opacity: 1 !important; background-color: rgb(var(--c-blue-50) / var(--tw-bg-opacity)) !important; } .\[\&\>\*\:last-child\]\:\!ring-2>*:last-child{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .\[\&\>\*\:last-child\]\:\!ring-blue-400>*:last-child{ --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(var(--c-blue-400) / var(--tw-ring-opacity)) !important; } .\[\&\>\*\]\:min-w-0>*{ min-width: 0px; } .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{ --tw-translate-y: 2px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&\>div\]\:overflow-visible>div{ overflow: visible; } .\[\&\>span\]\:line-clamp-1>span{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .\[\&\>span\]\:hidden>span{ display: none; } .\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{ --tw-translate-y: -3px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&\>svg\]\:absolute>svg{ position: absolute; } .\[\&\>svg\]\:left-4>svg{ left: 1rem; } .\[\&\>svg\]\:top-4>svg{ top: 1rem; } .\[\&\>svg\]\:size-3\.5>svg{ width: 0.875rem; height: 0.875rem; } .\[\&\>svg\]\:h-2\.5>svg{ height: 0.625rem; } .\[\&\>svg\]\:h-3>svg{ height: 0.75rem; } .\[\&\>svg\]\:w-2\.5>svg{ width: 0.625rem; } .\[\&\>svg\]\:w-3>svg{ width: 0.75rem; } .\[\&\>svg\]\:text-destructive>svg{ color: hsl(var(--destructive)); } .\[\&\>svg\]\:text-foreground>svg{ color: hsl(var(--foreground)); } .\[\&\>svg\]\:text-muted-foreground>svg{ color: hsl(var(--muted-foreground)); } .\[\&\>svg\~\*\]\:pl-7>svg~*{ padding-left: 1.75rem; } .\[\&\>th\]\:flex>th{ display: flex; } .\[\&\>th\]\:items-center>th{ align-items: center; } .\[\&\>tr\]\:last\:border-b-0:last-child>tr{ border-bottom-width: 0px; } .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{ fill: hsl(var(--muted-foreground)); } .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke='#ccc']{ stroke: hsl(var(--border) / 0.5); } .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{ stroke: hsl(var(--border)); } .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff']{ stroke: transparent; } .\[\&_\.recharts-layer\]\:outline-none .recharts-layer{ outline: 2px solid transparent; outline-offset: 2px; } .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc']{ stroke: hsl(var(--border)); } .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector{ fill: hsl(var(--muted)); } .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{ fill: hsl(var(--muted)); } .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc']{ stroke: hsl(var(--border)); } .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff']{ stroke: transparent; } .\[\&_\.recharts-sector\]\:outline-none .recharts-sector{ outline: 2px solid transparent; outline-offset: 2px; } .\[\&_\.recharts-surface\]\:outline-none .recharts-surface{ outline: 2px solid transparent; outline-offset: 2px; } .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{ padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{ font-size: 0.75rem; line-height: 1rem; } .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{ font-weight: 500; } .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{ color: hsl(var(--muted-foreground)); } .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group]{ padding-top: 0px; } .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{ padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{ height: 1.25rem; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{ width: 1.25rem; } .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{ height: 3rem; } .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{ padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{ height: 1.25rem; } .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{ width: 1.25rem; } .\[\&_p\]\:leading-relaxed p{ line-height: 1.625; } .\[\&_svg\]\:pointer-events-none svg{ pointer-events: none; } .\[\&_svg\]\:size-4 svg{ width: 1rem; height: 1rem; } .\[\&_svg\]\:shrink-0 svg{ flex-shrink: 0; } .data-\[state\=on\]\:\[\&_svg\]\:text-background svg[data-state=on]{ color: hsl(var(--background)); } .data-\[state\=on\]\:\[\&_svg\]\:opacity-100 svg[data-state=on]{ opacity: 1; } .\[\&_th\]\:sticky th{ position: sticky; } .\[\&_th\]\:top-0 th{ top: 0px; } .\[\&_th\]\:z-10 th{ z-index: 10; } .\[\&_th\]\:bg-background th{ background-color: hsl(var(--background)); } .\[\&_th\]\:shadow-\[inset_0_-1px_0_hsl\(var\(--border\)\)\] th{ --tw-shadow: inset 0 -1px 0 hsl(var(--border)); --tw-shadow-colored: inset 0 -1px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .\[\&_tr\:last-child\]\:border-0 tr:last-child{ border-width: 0px; } .\[\&_tr\]\:border-b tr{ border-bottom-width: 1px; }