diff --git a/css/main.css b/css/main.css index a271ef9..ef0d6d8 100644 --- a/css/main.css +++ b/css/main.css @@ -1,357 +1,26 @@ /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */ -@layer properties { - @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or - ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { - *, - :before, - :after, - ::backdrop { - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-translate-z: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-scale-z: 1; - --tw-rotate-x: initial; - --tw-rotate-y: initial; - --tw-rotate-z: initial; - --tw-skew-x: initial; - --tw-skew-y: initial; - --tw-pan-x: initial; - --tw-pan-y: initial; - --tw-pinch-zoom: initial; - --tw-scroll-snap-strictness: proximity; - --tw-space-y-reverse: 0; - --tw-space-x-reverse: 0; - --tw-divide-x-reverse: 0; - --tw-border-style: solid; - --tw-divide-y-reverse: 0; - --tw-leading: initial; - --tw-font-weight: initial; - --tw-ordinal: initial; - --tw-slashed-zero: initial; - --tw-numeric-figure: initial; - --tw-numeric-spacing: initial; - --tw-numeric-fraction: initial; - --tw-shadow: 0 0 #0000; - --tw-shadow-color: initial; - --tw-shadow-alpha: 100%; - --tw-inset-shadow: 0 0 #0000; - --tw-inset-shadow-color: initial; - --tw-inset-shadow-alpha: 100%; - --tw-ring-color: initial; - --tw-ring-shadow: 0 0 #0000; - --tw-inset-ring-color: initial; - --tw-inset-ring-shadow: 0 0 #0000; - --tw-ring-inset: initial; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-offset-shadow: 0 0 #0000; - --tw-outline-style: solid; - --tw-blur: initial; - --tw-brightness: initial; - --tw-contrast: initial; - --tw-grayscale: initial; - --tw-hue-rotate: initial; - --tw-invert: initial; - --tw-opacity: initial; - --tw-saturate: initial; - --tw-sepia: initial; - --tw-drop-shadow: initial; - --tw-drop-shadow-color: initial; - --tw-drop-shadow-alpha: 100%; - --tw-drop-shadow-size: initial; - --tw-backdrop-blur: initial; - --tw-backdrop-brightness: initial; - --tw-backdrop-contrast: initial; - --tw-backdrop-grayscale: initial; - --tw-backdrop-hue-rotate: initial; - --tw-backdrop-invert: initial; - --tw-backdrop-opacity: initial; - --tw-backdrop-saturate: initial; - --tw-backdrop-sepia: initial; - --tw-duration: initial; - --tw-ease: initial; - --tw-contain-size: initial; - --tw-contain-layout: initial; - --tw-contain-paint: initial; - --tw-contain-style: initial; - --tw-text-shadow-color: initial; - --tw-text-shadow-alpha: 100%; - } - } -} +@layer properties; +@layer theme, base, components, utilities; @layer theme { - :root, - :host { - --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', - 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; - --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif; - --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, - 'Liberation Mono', 'Courier New', monospace; - --color-red-50: oklch(97.1% 0.013 17.38); - --color-red-100: oklch(93.6% 0.032 17.717); - --color-red-200: oklch(88.5% 0.062 18.334); - --color-red-300: oklch(80.8% 0.114 19.571); - --color-red-400: oklch(70.4% 0.191 22.216); - --color-red-500: oklch(63.7% 0.237 25.331); - --color-red-600: oklch(57.7% 0.245 27.325); - --color-red-700: oklch(50.5% 0.213 27.518); - --color-red-800: oklch(44.4% 0.177 26.899); - --color-red-900: oklch(39.6% 0.141 25.723); - --color-red-950: oklch(25.8% 0.092 26.042); - --color-orange-50: oklch(98% 0.016 73.684); - --color-orange-100: oklch(95.4% 0.038 75.164); - --color-orange-200: oklch(90.1% 0.076 70.697); - --color-orange-300: oklch(83.7% 0.128 66.29); - --color-orange-400: oklch(75% 0.183 55.934); - --color-orange-500: oklch(70.5% 0.213 47.604); - --color-orange-600: oklch(64.6% 0.222 41.116); - --color-orange-700: oklch(55.3% 0.195 38.402); - --color-orange-800: oklch(47% 0.157 37.304); - --color-orange-900: oklch(40.8% 0.123 38.172); - --color-orange-950: oklch(26.6% 0.079 36.259); - --color-amber-50: oklch(98.7% 0.022 95.277); - --color-amber-100: oklch(96.2% 0.059 95.617); - --color-amber-200: oklch(92.4% 0.12 95.746); - --color-amber-300: oklch(87.9% 0.169 91.605); - --color-amber-400: oklch(82.8% 0.189 84.429); - --color-amber-500: oklch(76.9% 0.188 70.08); - --color-amber-600: oklch(66.6% 0.179 58.318); - --color-amber-700: oklch(55.5% 0.163 48.998); - --color-amber-800: oklch(47.3% 0.137 46.201); - --color-amber-900: oklch(41.4% 0.112 45.904); - --color-amber-950: oklch(27.9% 0.077 45.635); - --color-yellow-50: oklch(98.7% 0.026 102.212); - --color-yellow-100: oklch(97.3% 0.071 103.193); - --color-yellow-200: oklch(94.5% 0.129 101.54); - --color-yellow-300: oklch(90.5% 0.182 98.111); - --color-yellow-400: oklch(85.2% 0.199 91.936); - --color-yellow-500: oklch(79.5% 0.184 86.047); - --color-yellow-600: oklch(68.1% 0.162 75.834); - --color-yellow-700: oklch(55.4% 0.135 66.442); - --color-yellow-800: oklch(47.6% 0.114 61.907); - --color-yellow-900: oklch(42.1% 0.095 57.708); - --color-yellow-950: oklch(28.6% 0.066 53.813); - --color-lime-50: oklch(98.6% 0.031 120.757); - --color-lime-100: oklch(96.7% 0.067 122.328); - --color-lime-200: oklch(93.8% 0.127 124.321); - --color-lime-300: oklch(89.7% 0.196 126.665); - --color-lime-400: oklch(84.1% 0.238 128.85); - --color-lime-500: oklch(76.8% 0.233 130.85); - --color-lime-600: oklch(64.8% 0.2 131.684); - --color-lime-700: oklch(53.2% 0.157 131.589); - --color-lime-800: oklch(45.3% 0.124 130.933); - --color-lime-900: oklch(40.5% 0.101 131.063); - --color-lime-950: oklch(27.4% 0.072 132.109); - --color-green-50: oklch(98.2% 0.018 155.826); - --color-green-100: oklch(96.2% 0.044 156.743); - --color-green-200: oklch(92.5% 0.084 155.995); - --color-green-300: oklch(87.1% 0.15 154.449); - --color-green-400: oklch(79.2% 0.209 151.711); - --color-green-500: oklch(72.3% 0.219 149.579); - --color-green-600: oklch(62.7% 0.194 149.214); - --color-green-700: oklch(52.7% 0.154 150.069); - --color-green-800: oklch(44.8% 0.119 151.328); - --color-green-900: oklch(39.3% 0.095 152.535); - --color-green-950: oklch(26.6% 0.065 152.934); - --color-emerald-50: oklch(97.9% 0.021 166.113); - --color-emerald-100: oklch(95% 0.052 163.051); - --color-emerald-200: oklch(90.5% 0.093 164.15); - --color-emerald-300: oklch(84.5% 0.143 164.978); - --color-emerald-400: oklch(76.5% 0.177 163.223); - --color-emerald-500: oklch(69.6% 0.17 162.48); - --color-emerald-600: oklch(59.6% 0.145 163.225); - --color-emerald-700: oklch(50.8% 0.118 165.612); - --color-emerald-800: oklch(43.2% 0.095 166.913); - --color-emerald-900: oklch(37.8% 0.077 168.94); - --color-emerald-950: oklch(26.2% 0.051 172.552); - --color-teal-50: oklch(98.4% 0.014 180.72); - --color-teal-100: oklch(95.3% 0.051 180.801); - --color-teal-200: oklch(91% 0.096 180.426); - --color-teal-300: oklch(85.5% 0.138 181.071); - --color-teal-400: oklch(77.7% 0.152 181.912); - --color-teal-500: oklch(70.4% 0.14 182.503); - --color-teal-600: oklch(60% 0.118 184.704); - --color-teal-700: oklch(51.1% 0.096 186.391); - --color-teal-800: oklch(43.7% 0.078 188.216); - --color-teal-900: oklch(38.6% 0.063 188.416); - --color-teal-950: oklch(27.7% 0.046 192.524); - --color-cyan-50: oklch(98.4% 0.019 200.873); - --color-cyan-100: oklch(95.6% 0.045 203.388); - --color-cyan-200: oklch(91.7% 0.08 205.041); - --color-cyan-300: oklch(86.5% 0.127 207.078); - --color-cyan-400: oklch(78.9% 0.154 211.53); - --color-cyan-500: oklch(71.5% 0.143 215.221); - --color-cyan-600: oklch(60.9% 0.126 221.723); - --color-cyan-700: oklch(52% 0.105 223.128); - --color-cyan-800: oklch(45% 0.085 224.283); - --color-cyan-900: oklch(39.8% 0.07 227.392); - --color-cyan-950: oklch(30.2% 0.056 229.695); - --color-sky-50: oklch(97.7% 0.013 236.62); - --color-sky-100: oklch(95.1% 0.026 236.824); - --color-sky-200: oklch(90.1% 0.058 230.902); - --color-sky-300: oklch(82.8% 0.111 230.318); - --color-sky-400: oklch(74.6% 0.16 232.661); - --color-sky-500: oklch(68.5% 0.169 237.323); - --color-sky-600: oklch(58.8% 0.158 241.966); - --color-sky-700: oklch(50% 0.134 242.749); - --color-sky-800: oklch(44.3% 0.11 240.79); - --color-sky-900: oklch(39.1% 0.09 240.876); - --color-sky-950: oklch(29.3% 0.066 243.157); - --color-blue-50: oklch(97% 0.014 254.604); - --color-blue-100: oklch(93.2% 0.032 255.585); - --color-blue-200: oklch(88.2% 0.059 254.128); - --color-blue-300: oklch(80.9% 0.105 251.813); - --color-blue-400: oklch(70.7% 0.165 254.624); + :root, :host { + --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', + 'Noto Color Emoji'; + --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', + monospace; --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); - --color-blue-700: oklch(48.8% 0.243 264.376); - --color-blue-800: oklch(42.4% 0.199 265.638); - --color-blue-900: oklch(37.9% 0.146 265.522); - --color-blue-950: oklch(28.2% 0.091 267.935); - --color-indigo-50: oklch(96.2% 0.018 272.314); - --color-indigo-100: oklch(93% 0.034 272.788); - --color-indigo-200: oklch(87% 0.065 274.039); - --color-indigo-300: oklch(78.5% 0.115 274.713); - --color-indigo-400: oklch(67.3% 0.182 276.935); - --color-indigo-500: oklch(58.5% 0.233 277.117); - --color-indigo-600: oklch(51.1% 0.262 276.966); - --color-indigo-700: oklch(45.7% 0.24 277.023); - --color-indigo-800: oklch(39.8% 0.195 277.366); - --color-indigo-900: oklch(35.9% 0.144 278.697); - --color-indigo-950: oklch(25.7% 0.09 281.288); - --color-violet-50: oklch(96.9% 0.016 293.756); - --color-violet-100: oklch(94.3% 0.029 294.588); - --color-violet-200: oklch(89.4% 0.057 293.283); - --color-violet-300: oklch(81.1% 0.111 293.571); - --color-violet-400: oklch(70.2% 0.183 293.541); - --color-violet-500: oklch(60.6% 0.25 292.717); - --color-violet-600: oklch(54.1% 0.281 293.009); - --color-violet-700: oklch(49.1% 0.27 292.581); - --color-violet-800: oklch(43.2% 0.232 292.759); - --color-violet-900: oklch(38% 0.189 293.745); - --color-violet-950: oklch(28.3% 0.141 291.089); - --color-purple-50: oklch(97.7% 0.014 308.299); - --color-purple-100: oklch(94.6% 0.033 307.174); - --color-purple-200: oklch(90.2% 0.063 306.703); --color-purple-300: oklch(82.7% 0.119 306.383); - --color-purple-400: oklch(71.4% 0.203 305.504); - --color-purple-500: oklch(62.7% 0.265 303.9); - --color-purple-600: oklch(55.8% 0.288 302.321); - --color-purple-700: oklch(49.6% 0.265 301.924); - --color-purple-800: oklch(43.8% 0.218 303.724); - --color-purple-900: oklch(38.1% 0.176 304.987); - --color-purple-950: oklch(29.1% 0.149 302.717); - --color-fuchsia-50: oklch(97.7% 0.017 320.058); - --color-fuchsia-100: oklch(95.2% 0.037 318.852); - --color-fuchsia-200: oklch(90.3% 0.076 319.62); - --color-fuchsia-300: oklch(83.3% 0.145 321.434); - --color-fuchsia-400: oklch(74% 0.238 322.16); - --color-fuchsia-500: oklch(66.7% 0.295 322.15); - --color-fuchsia-600: oklch(59.1% 0.293 322.896); - --color-fuchsia-700: oklch(51.8% 0.253 323.949); - --color-fuchsia-800: oklch(45.2% 0.211 324.591); - --color-fuchsia-900: oklch(40.1% 0.17 325.612); - --color-fuchsia-950: oklch(29.3% 0.136 325.661); - --color-pink-50: oklch(97.1% 0.014 343.198); - --color-pink-100: oklch(94.8% 0.028 342.258); - --color-pink-200: oklch(89.9% 0.061 343.231); - --color-pink-300: oklch(82.3% 0.12 346.018); - --color-pink-400: oklch(71.8% 0.202 349.761); - --color-pink-500: oklch(65.6% 0.241 354.308); - --color-pink-600: oklch(59.2% 0.249 0.584); - --color-pink-700: oklch(52.5% 0.223 3.958); - --color-pink-800: oklch(45.9% 0.187 3.815); - --color-pink-900: oklch(40.8% 0.153 2.432); - --color-pink-950: oklch(28.4% 0.109 3.907); - --color-rose-50: oklch(96.9% 0.015 12.422); - --color-rose-100: oklch(94.1% 0.03 12.58); - --color-rose-200: oklch(89.2% 0.058 10.001); - --color-rose-300: oklch(81% 0.117 11.638); - --color-rose-400: oklch(71.2% 0.194 13.428); - --color-rose-500: oklch(64.5% 0.246 16.439); - --color-rose-600: oklch(58.6% 0.253 17.585); - --color-rose-700: oklch(51.4% 0.222 16.935); - --color-rose-800: oklch(45.5% 0.188 13.697); - --color-rose-900: oklch(41% 0.159 10.272); - --color-rose-950: oklch(27.1% 0.105 12.094); - --color-slate-50: oklch(98.4% 0.003 247.858); - --color-slate-100: oklch(96.8% 0.007 247.896); - --color-slate-200: oklch(92.9% 0.013 255.508); - --color-slate-300: oklch(86.9% 0.022 252.894); - --color-slate-400: oklch(70.4% 0.04 256.788); - --color-slate-500: oklch(55.4% 0.046 257.417); - --color-slate-600: oklch(44.6% 0.043 257.281); - --color-slate-700: oklch(37.2% 0.044 257.287); - --color-slate-800: oklch(27.9% 0.041 260.031); - --color-slate-900: oklch(20.8% 0.042 265.755); - --color-slate-950: oklch(12.9% 0.042 264.695); --color-gray-50: oklch(98.5% 0.002 247.839); - --color-gray-100: oklch(96.7% 0.003 264.542); - --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); - --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-800: oklch(27.8% 0.033 256.848); - --color-gray-900: oklch(21% 0.034 264.665); - --color-gray-950: oklch(13% 0.028 261.692); - --color-zinc-50: oklch(98.5% 0 0); - --color-zinc-100: oklch(96.7% 0.001 286.375); - --color-zinc-200: oklch(92% 0.004 286.32); - --color-zinc-300: oklch(87.1% 0.006 286.286); - --color-zinc-400: oklch(70.5% 0.015 286.067); - --color-zinc-500: oklch(55.2% 0.016 285.938); - --color-zinc-600: oklch(44.2% 0.017 285.786); - --color-zinc-700: oklch(37% 0.013 285.805); - --color-zinc-800: oklch(27.4% 0.006 286.033); - --color-zinc-900: oklch(21% 0.006 285.885); - --color-zinc-950: oklch(14.1% 0.005 285.823); - --color-neutral-50: oklch(98.5% 0 0); - --color-neutral-100: oklch(97% 0 0); - --color-neutral-200: oklch(92.2% 0 0); - --color-neutral-300: oklch(87% 0 0); - --color-neutral-400: oklch(70.8% 0 0); - --color-neutral-500: oklch(55.6% 0 0); - --color-neutral-600: oklch(43.9% 0 0); - --color-neutral-700: oklch(37.1% 0 0); - --color-neutral-800: oklch(26.9% 0 0); - --color-neutral-900: oklch(20.5% 0 0); - --color-neutral-950: oklch(14.5% 0 0); - --color-stone-50: oklch(98.5% 0.001 106.423); - --color-stone-100: oklch(97% 0.001 106.424); - --color-stone-200: oklch(92.3% 0.003 48.717); - --color-stone-300: oklch(86.9% 0.005 56.366); - --color-stone-400: oklch(70.9% 0.01 56.259); - --color-stone-500: oklch(55.3% 0.013 58.071); - --color-stone-600: oklch(44.4% 0.011 73.639); - --color-stone-700: oklch(37.4% 0.01 67.558); - --color-stone-800: oklch(26.8% 0.007 34.298); - --color-stone-900: oklch(21.6% 0.006 56.043); - --color-stone-950: oklch(14.7% 0.004 49.25); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; - --breakpoint-sm: 40rem; - --breakpoint-md: 48rem; - --breakpoint-lg: 64rem; - --breakpoint-xl: 80rem; - --breakpoint-2xl: 96rem; - --container-3xs: 16rem; - --container-2xs: 18rem; - --container-xs: 20rem; - --container-sm: 24rem; - --container-md: 28rem; - --container-lg: 32rem; - --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; - --container-4xl: 56rem; - --container-5xl: 64rem; - --container-6xl: 72rem; - --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; @@ -368,125 +37,35 @@ --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); - --text-5xl: 3rem; - --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; - --text-7xl: 4.5rem; - --text-7xl--line-height: 1; - --text-8xl: 6rem; - --text-8xl--line-height: 1; - --text-9xl: 8rem; - --text-9xl--line-height: 1; - --font-weight-thin: 100; - --font-weight-extralight: 200; - --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; - --font-weight-extrabold: 800; - --font-weight-black: 900; - --tracking-tighter: -0.05em; - --tracking-tight: -0.025em; - --tracking-normal: 0em; - --tracking-wide: 0.025em; - --tracking-wider: 0.05em; - --tracking-widest: 0.1em; - --leading-tight: 1.25; --leading-snug: 1.375; - --leading-normal: 1.5; --leading-relaxed: 1.625; - --leading-loose: 2; - --radius-xs: 0.125rem; - --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; - --radius-xl: 0.75rem; - --radius-2xl: 1rem; - --radius-3xl: 1.5rem; - --radius-4xl: 2rem; - --shadow-2xs: 0 1px #0000000d; - --shadow-xs: 0 1px 2px 0 #0000000d; - --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; - --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; - --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; - --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a; - --shadow-2xl: 0 25px 50px -12px #00000040; - --inset-shadow-2xs: inset 0 1px #0000000d; - --inset-shadow-xs: inset 0 1px 1px #0000000d; - --inset-shadow-sm: inset 0 2px 4px #0000000d; - --drop-shadow-xs: 0 1px 1px #0000000d; - --drop-shadow-sm: 0 1px 2px #00000026; - --drop-shadow-md: 0 3px 3px #0000001f; - --drop-shadow-lg: 0 4px 4px #00000026; - --drop-shadow-xl: 0 9px 7px #0000001a; - --drop-shadow-2xl: 0 25px 25px #00000026; - --text-shadow-2xs: 0px 1px 0px #00000026; - --text-shadow-xs: 0px 1px 1px #0003; - --text-shadow-sm: 0px 1px 0px #00000013, 0px 1px 1px #00000013, - 0px 2px 2px #00000013; - --text-shadow-md: 0px 1px 1px #0000001a, 0px 1px 2px #0000001a, - 0px 2px 4px #0000001a; - --text-shadow-lg: 0px 1px 2px #0000001a, 0px 3px 2px #0000001a, - 0px 4px 8px #0000001a; - --ease-in: cubic-bezier(0.4, 0, 1, 1); - --ease-out: cubic-bezier(0, 0, 0.2, 1); - --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); - --animate-spin: spin 1s linear infinite; - --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; - --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; - --animate-bounce: bounce 1s infinite; - --blur-xs: 4px; - --blur-sm: 8px; - --blur-md: 12px; - --blur-lg: 16px; --blur-xl: 24px; - --blur-2xl: 40px; - --blur-3xl: 64px; - --perspective-dramatic: 100px; - --perspective-near: 300px; - --perspective-normal: 500px; - --perspective-midrange: 800px; - --perspective-distant: 1200px; - --aspect-video: 16/9; - --default-transition-duration: 0.15s; + --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer base { - *, - :after, - :before, - ::backdrop { + *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; - border: 0 solid; margin: 0; padding: 0; - } - ::file-selector-button { - box-sizing: border-box; border: 0 solid; - margin: 0; - padding: 0; } - html, - :host { + html, :host { + line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; - line-height: 1.5; - font-family: var( - --default-font-family, - ui-sans-serif, - system-ui, - sans-serif, - 'Apple Color Emoji', - 'Segoe UI Emoji', - 'Segoe UI Symbol', - 'Noto Color Emoji' - ); + font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; @@ -500,57 +79,32 @@ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } - h1, - h2, - h3, - h4, - h5, - h6 { + h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; - -webkit-text-decoration: inherit; - -webkit-text-decoration: inherit; text-decoration: inherit; } - b, - strong { + b, strong { font-weight: bolder; } - code, - kbd, - samp, - pre { - font-family: var( - --default-mono-font-family, - ui-monospace, - SFMono-Regular, - Menlo, - Monaco, - Consolas, - 'Liberation Mono', - 'Courier New', - monospace - ); + code, kbd, samp, pre { + font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); - font-variation-settings: var( - --default-mono-font-variation-settings, - normal - ); + font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } - sub, - sup { - vertical-align: baseline; + sub, sup { font-size: 75%; line-height: 0; position: relative; + vertical-align: baseline; } sub { bottom: -0.25em; @@ -572,50 +126,26 @@ summary { display: list-item; } - ol, - ul, - menu { + ol, ul, menu { list-style: none; } - img, - svg, - video, - canvas, - audio, - iframe, - embed, - object { - vertical-align: middle; + img, svg, video, canvas, audio, iframe, embed, object { display: block; + vertical-align: middle; } - img, - video { + img, video { max-width: 100%; height: auto; } - button, - input, - select, - optgroup, - textarea { + button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; - opacity: 1; - background-color: #0000; border-radius: 0; - } - ::file-selector-button { - font: inherit; - font-feature-settings: inherit; - font-variation-settings: inherit; - letter-spacing: inherit; - color: inherit; + background-color: transparent; opacity: 1; - background-color: #0000; - border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; @@ -629,13 +159,10 @@ ::placeholder { opacity: 1; } - @supports (not ((-webkit-appearance: -apple-pay-button))) or - (contain-intrinsic-size: 1px) { + @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { - color: currentColor; - } - @supports (color: color-mix(in lab, red, red)) { - ::placeholder { + color: currentcolor; + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } @@ -656,31 +183,7 @@ ::-webkit-datetime-edit-fields-wrapper { padding: 0; } - ::-webkit-datetime-edit { - padding-block: 0; - } - ::-webkit-datetime-edit-year-field { - padding-block: 0; - } - ::-webkit-datetime-edit-month-field { - padding-block: 0; - } - ::-webkit-datetime-edit-day-field { - padding-block: 0; - } - ::-webkit-datetime-edit-hour-field { - padding-block: 0; - } - ::-webkit-datetime-edit-minute-field { - padding-block: 0; - } - ::-webkit-datetime-edit-second-field { - padding-block: 0; - } - ::-webkit-datetime-edit-millisecond-field { - padding-block: 0; - } - ::-webkit-datetime-edit-meridiem-field { + ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { @@ -689,96 +192,34 @@ :-moz-ui-invalid { box-shadow: none; } - button, - input:where([type='button'], [type='reset'], [type='submit']) { + button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; } - ::file-selector-button { - appearance: button; - } - ::-webkit-inner-spin-button { - height: auto; - } - ::-webkit-outer-spin-button { + ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden='until-found'])) { display: none !important; } } -@layer components; @layer utilities { - .\@container\/card-header { - container: card-header/inline-size; - } - .\@container { - container-type: inline-size; - } - .pointer-events-auto { - pointer-events: auto; - } .pointer-events-none { pointer-events: none; } - .collapse { - visibility: collapse; - } - .invisible { - visibility: hidden; - } - .visible { - visibility: visible; - } - .sr-only { - clip-path: inset(50%); - white-space: nowrap; - border-width: 0; - width: 1px; - height: 1px; - margin: -1px; - padding: 0; - position: absolute; - overflow: hidden; - } - .not-sr-only { - clip-path: none; - white-space: normal; - width: auto; - height: auto; - margin: 0; - padding: 0; - position: static; - overflow: visible; - } .absolute { position: absolute; } - .fixed { - position: fixed; - } .relative { position: relative; } - .static { - position: static; - } - .sticky { - position: sticky; - } .inset-0 { inset: calc(var(--spacing) * 0); } - .top-1 { - top: calc(var(--spacing) * 1); - } .top-1\/2 { - top: 50%; - } - .top-3 { - top: calc(var(--spacing) * 3); + top: calc(1/2 * 100%); } .top-3\/4 { - top: 75%; + top: calc(3/4 * 100%); } .top-10 { top: calc(var(--spacing) * 10); @@ -786,14 +227,8 @@ .top-40 { top: calc(var(--spacing) * 40); } - .right-1 { - right: calc(var(--spacing) * 1); - } .right-1\/4 { - right: 25%; - } - .right-2 { - right: calc(var(--spacing) * 2); + right: calc(1/4 * 100%); } .right-10 { right: calc(var(--spacing) * 10); @@ -804,11 +239,8 @@ .bottom-20 { bottom: calc(var(--spacing) * 20); } - .left-1 { - left: calc(var(--spacing) * 1); - } .left-1\/3 { - left: 33.3333%; + left: calc(1/3 * 100%); } .left-5 { left: calc(var(--spacing) * 5); @@ -816,95 +248,24 @@ .left-20 { left: calc(var(--spacing) * 20); } - .isolate { - isolation: isolate; - } - .isolation-auto { - isolation: auto; - } - .z-10 { - z-index: 10; - } - .z-50 { - z-index: 50; - } - .order-0, - .order-none { - order: 0; - } - .col-start-2 { - grid-column-start: 2; - } - .row-span-2 { - grid-row: span 2 / span 2; - } - .row-start-1 { - grid-row-start: 1; - } - .float-end { - float: inline-end; - } - .float-left { - float: left; - } - .float-none { - float: none; - } - .float-right { - float: right; - } - .float-start { - float: inline-start; - } - .clear-both { - clear: both; - } - .clear-end { - clear: inline-end; - } - .clear-left { - clear: left; - } - .clear-none { - clear: none; - } - .clear-right { - clear: right; - } - .clear-start { - clear: inline-start; - } .container { width: 100%; - } - @media (min-width: 40rem) { - .container { + @media (width >= 40rem) { max-width: 40rem; } - } - @media (min-width: 48rem) { - .container { + @media (width >= 48rem) { max-width: 48rem; } - } - @media (min-width: 64rem) { - .container { + @media (width >= 64rem) { max-width: 64rem; } - } - @media (min-width: 80rem) { - .container { + @media (width >= 80rem) { max-width: 80rem; } - } - @media (min-width: 96rem) { - .container { + @media (width >= 96rem) { max-width: 96rem; } } - .m-0 { - margin: calc(var(--spacing) * 0); - } .m-2 { margin: calc(var(--spacing) * 2); } @@ -920,965 +281,151 @@ .m-10 { margin: calc(var(--spacing) * 10); } - .-mx-1 { - margin-inline: calc(var(--spacing) * -1); - } .mx-auto { margin-inline: auto; } - .my-1 { - margin-block: calc(var(--spacing) * 1); + .mt-1 { + margin-top: calc(var(--spacing) * 1); } - .my-4 { - margin-block: calc(var(--spacing) * 4); + .mt-2 { + margin-top: calc(var(--spacing) * 2); } .mt-6 { margin-top: calc(var(--spacing) * 6); } - .mt-8 { - margin-top: calc(var(--spacing) * 8); - } .mt-auto { margin-top: auto; } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } + .mb-3 { + margin-bottom: calc(var(--spacing) * 3); + } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } - .mb-8 { - margin-bottom: calc(var(--spacing) * 8); - } - .ml-1 { - margin-left: calc(var(--spacing) * 1); - } - .ml-1\.5 { - margin-left: calc(var(--spacing) * 1.5); - } .ml-2 { margin-left: calc(var(--spacing) * 2); } - .box-border { - box-sizing: border-box; - } - .box-content { - box-sizing: content-box; - } .block { display: block; } - .contents { - display: contents; - } .flex { display: flex; } - .flow-root { - display: flow-root; - } - .grid { - display: grid; - } .hidden { display: none; } - .inline { - display: inline; - } - .inline-block { - display: inline-block; - } - .inline-flex { - display: inline-flex; - } - .inline-grid { - display: inline-grid; - } - .inline-table { - display: inline-table; - } - .list-item { - display: list-item; - } - .table { - display: table; - } - .table-caption { - display: table-caption; - } - .table-cell { - display: table-cell; - } - .table-column { - display: table-column; - } - .table-column-group { - display: table-column-group; - } - .table-footer-group { - display: table-footer-group; - } - .table-header-group { - display: table-header-group; - } - .table-row { - display: table-row; - } - .table-row-group { - display: table-row-group; - } - .field-sizing-content { - field-sizing: content; - } - .field-sizing-fixed { - field-sizing: fixed; - } - .size-3 { - width: calc(var(--spacing) * 3); - height: calc(var(--spacing) * 3); - } - .size-3\.5 { - width: calc(var(--spacing) * 3.5); - height: calc(var(--spacing) * 3.5); - } - .size-4 { - width: calc(var(--spacing) * 4); - height: calc(var(--spacing) * 4); - } - .size-8 { - width: calc(var(--spacing) * 8); - height: calc(var(--spacing) * 8); - } - .size-9 { - width: calc(var(--spacing) * 9); - height: calc(var(--spacing) * 9); - } - .size-10 { - width: calc(var(--spacing) * 10); - height: calc(var(--spacing) * 10); - } - .size-auto { - width: auto; - height: auto; - } - .h-2 { - height: calc(var(--spacing) * 2); - } .h-2\.5 { height: calc(var(--spacing) * 2.5); } - .h-8 { - height: calc(var(--spacing) * 8); - } - .h-9 { - height: calc(var(--spacing) * 9); - } - .h-10 { - height: calc(var(--spacing) * 10); - } - .h-24 { - height: calc(var(--spacing) * 24); - } - .h-36 { - height: calc(var(--spacing) * 36); - } - .h-\[var\(--radix-select-trigger-height\)\] { - height: var(--radix-select-trigger-height); - } - .h-auto { - height: auto; - } - .h-lh { - height: 1lh; - } - .h-px { - height: 1px; - } - .h-screen { - height: 100vh; - } - .max-h-\(--radix-select-content-available-height\) { - max-height: var(--radix-select-content-available-height); - } - .max-h-lh { - max-height: 1lh; - } - .max-h-none { - max-height: none; - } - .max-h-screen { - max-height: 100vh; - } - .min-h-16 { - min-height: calc(var(--spacing) * 16); - } - .min-h-\[140px\] { - min-height: 140px; - } - .min-h-auto { - min-height: auto; - } - .min-h-lh { - min-height: 1lh; - } .min-h-screen { min-height: 100vh; } - .w-0 { - width: calc(var(--spacing) * 0); - } .w-0\.5 { width: calc(var(--spacing) * 0.5); } - .w-2 { - width: calc(var(--spacing) * 2); - } .w-2\.5 { width: calc(var(--spacing) * 2.5); } - .w-\[100px\] { - width: 100px; - } - .w-auto { - width: auto; - } - .w-fit { - width: fit-content; - } - .w-full { - width: 100%; - } - .w-screen { - width: 100vw; - } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } - .max-w-7xl { - max-width: var(--container-7xl); - } - .max-w-none { - max-width: none; - } - .max-w-screen { - max-width: 100vw; - } - .min-w-0 { - min-width: calc(var(--spacing) * 0); - } - .min-w-\[0px\] { - min-width: 0; - } - .min-w-\[8rem\] { - min-width: 8rem; - } - .min-w-\[320px\] { - min-width: 320px; - } - .min-w-\[var\(--radix-select-trigger-width\)\] { - min-width: var(--radix-select-trigger-width); - } - .min-w-auto { - min-width: auto; - } - .min-w-screen { - min-width: 100vw; - } - .flex-1 { - flex: 1; - } - .flex-auto { - flex: auto; - } - .flex-initial { - flex: 0 auto; - } - .flex-none { - flex: none; - } - .flex-shrink, - .shrink { - flex-shrink: 1; - } - .shrink-0 { - flex-shrink: 0; - } - .flex-grow, - .grow { + .flex-grow { flex-grow: 1; } - .basis-auto { - flex-basis: auto; - } - .basis-full { - flex-basis: 100%; - } - .table-auto { - table-layout: auto; - } - .table-fixed { - table-layout: fixed; - } - .caption-bottom { - caption-side: bottom; - } - .caption-top { - caption-side: top; - } - .border-collapse { - border-collapse: collapse; - } - .border-separate { - border-collapse: separate; - } - .origin-\(--radix-select-content-transform-origin\) { - transform-origin: var(--radix-select-content-transform-origin); - } - .-translate-full { - --tw-translate-x: -100%; - --tw-translate-y: -100%; - translate: var(--tw-translate-x) var(--tw-translate-y); - } - .translate-full { - --tw-translate-x: 100%; - --tw-translate-y: 100%; - translate: var(--tw-translate-x) var(--tw-translate-y); - } - .translate-3d { - translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); - } - .translate-none { - translate: none; - } - .scale-120 { - --tw-scale-x: 120%; - --tw-scale-y: 120%; - --tw-scale-z: 120%; - scale: var(--tw-scale-x) var(--tw-scale-y); - } - .scale-3d { - scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z); - } - .scale-none { - scale: none; - } - .rotate-none { - rotate: none; - } - .transform, - .transform-cpu { - transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) - var(--tw-skew-x) var(--tw-skew-y); - } - .transform-gpu { - transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) - var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); - } - .transform-none { - transform: none; - } - .\[animation\:spin_20s_linear_infinite\], - .animate-\[spin_20s_linear_infinite\] { - animation: 20s linear infinite spin; - } - .cursor-default { - cursor: default; - } - .cursor-pointer { - cursor: pointer; - } - .touch-pinch-zoom { - --tw-pinch-zoom: pinch-zoom; - touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); - } - .resize { - resize: both; - } - .resize-none { - resize: none; - } - .resize-x { - resize: horizontal; - } - .resize-y { - resize: vertical; - } - .snap-none { - scroll-snap-type: none; - } - .snap-mandatory { - --tw-scroll-snap-strictness: mandatory; - } - .snap-proximity { - --tw-scroll-snap-strictness: proximity; - } - .snap-align-none { - scroll-snap-align: none; - } - .snap-center { - scroll-snap-align: center; - } - .snap-end { - scroll-snap-align: end; - } - .snap-start { - scroll-snap-align: start; - } - .snap-always { - scroll-snap-stop: always; - } - .snap-normal { - scroll-snap-stop: normal; - } - .scroll-my-1 { - scroll-margin-block: calc(var(--spacing) * 1); - } .list-inside { list-style-position: inside; } - .list-outside { - list-style-position: outside; - } .list-disc { list-style-type: disc; } - .appearance-auto { - appearance: auto; - } - .appearance-none { - appearance: none; - } - .grid-flow-col { - grid-auto-flow: column; - } - .grid-flow-col-dense { - grid-auto-flow: column dense; - } - .grid-flow-dense { - grid-auto-flow: dense; - } - .grid-flow-row { - grid-auto-flow: row; - } - .grid-flow-row-dense { - grid-auto-flow: dense; - } - .auto-rows-min { - grid-auto-rows: min-content; - } - .grid-cols-\[1rem_auto\] { - grid-template-columns: 1rem auto; - } - .grid-cols-\[7rem_1rem_auto\] { - grid-template-columns: 7rem 1rem auto; - } - .grid-rows-\[auto_auto\] { - grid-template-rows: auto auto; + .grid-cols-\[10rem_1rem_auto\] { + grid-template-columns: 10rem 1rem auto; } .flex-col { flex-direction: column; } - .flex-col-reverse { - flex-direction: column-reverse; - } .flex-row { flex-direction: row; } - .flex-row-reverse { - flex-direction: row-reverse; - } - .flex-nowrap { - flex-wrap: nowrap; - } .flex-wrap { flex-wrap: wrap; } - .flex-wrap-reverse { - flex-wrap: wrap-reverse; - } - .place-content-around { - place-content: space-around; - } - .place-content-baseline { - place-content: baseline start; - } - .place-content-between { - place-content: space-between; - } - .place-content-center { - place-content: center; - } - .place-content-center-safe { - place-content: safe center; - } - .place-content-end { - place-content: end; - } - .place-content-end-safe { - place-content: safe end; - } - .place-content-evenly { - place-content: space-evenly; - } - .place-content-start { - place-content: start; - } - .place-content-stretch { - place-content: stretch; - } - .place-items-baseline { - place-items: baseline; - } - .place-items-center { - place-items: center; - } - .place-items-center-safe { - place-items: safe center; - } - .place-items-end { - place-items: end; - } - .place-items-end-safe { - place-items: safe end; - } - .place-items-start { - place-items: start; - } - .place-items-stretch { - place-items: stretch stretch; - } - .content-around { - align-content: space-around; - } - .content-baseline { - align-content: baseline; - } - .content-between { - align-content: space-between; - } - .content-center { - align-content: center; - } - .content-center-safe { - align-content: safe center; - } - .content-end { - align-content: flex-end; - } - .content-end-safe { - align-content: safe flex-end; - } - .content-evenly { - align-content: space-evenly; - } - .content-normal { - align-content: normal; - } - .content-start { - align-content: flex-start; - } - .content-stretch { - align-content: stretch; - } - .items-baseline { - align-items: baseline; - } - .items-baseline-last { - align-items: last baseline; - } .items-center { align-items: center; } - .items-center-safe { - align-items: safe center; - } - .items-end { - align-items: flex-end; - } - .items-end-safe { - align-items: safe flex-end; - } - .items-start { - align-items: flex-start; - } - .items-stretch { - align-items: stretch; - } - .justify-around { - justify-content: space-around; - } - .justify-baseline { - justify-content: baseline; - } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } - .justify-center-safe { - justify-content: safe center; - } - .justify-end { - justify-content: flex-end; - } - .justify-end-safe { - justify-content: safe flex-end; - } - .justify-evenly { - justify-content: space-evenly; - } - .justify-normal { - justify-content: normal; - } - .justify-start { - justify-content: flex-start; - } - .justify-stretch { - justify-content: stretch; - } - .justify-items-center { - justify-items: center; - } - .justify-items-center-safe { - justify-items: safe center; - } - .justify-items-end { - justify-items: end; - } - .justify-items-end-safe { - justify-items: safe end; - } - .justify-items-normal { - justify-items: normal; - } - .justify-items-start { - justify-items: start; - } - .justify-items-stretch { - justify-items: stretch; - } - .gap-1 { - gap: calc(var(--spacing) * 1); - } - .gap-1\.5 { - gap: calc(var(--spacing) * 1.5); - } - .gap-2 { - gap: calc(var(--spacing) * 2); - } - .gap-4 { - gap: calc(var(--spacing) * 4); - } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } - :where(.space-y-reverse > :not(:last-child)) { - --tw-space-y-reverse: 1; + .space-y-1 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); + } } - :where(.space-x-6 > :not(:last-child)) { - --tw-space-x-reverse: 0; - margin-inline-start: calc( - calc(var(--spacing) * 6) * var(--tw-space-x-reverse) - ); - margin-inline-end: calc( - calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)) - ); + .space-y-2 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); + margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); + } } - :where(.space-x-reverse > :not(:last-child)) { - --tw-space-x-reverse: 1; - } - :where(.divide-x > :not(:last-child)) { - --tw-divide-x-reverse: 0; - border-inline-style: var(--tw-border-style); - border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); - border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); - } - :where(.divide-y > :not(:last-child)) { - --tw-divide-y-reverse: 0; - border-bottom-style: var(--tw-border-style); - border-top-style: var(--tw-border-style); - border-top-width: calc(1px * var(--tw-divide-y-reverse)); - border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); - } - :where(.divide-y-reverse > :not(:last-child)) { - --tw-divide-y-reverse: 1; - } - .place-self-auto { - place-self: auto; - } - .place-self-center { - place-self: center; - } - .place-self-center-safe { - place-self: safe center; - } - .place-self-end { - place-self: end; - } - .place-self-end-safe { - place-self: safe end; - } - .place-self-start { - place-self: start; - } - .place-self-stretch { - place-self: stretch stretch; - } - .self-auto { - align-self: auto; - } - .self-baseline { - align-self: baseline; - } - .self-baseline-last { - align-self: last baseline; - } - .self-center { - align-self: center; - } - .self-center-safe { - align-self: safe center; - } - .self-end { - align-self: flex-end; - } - .self-end-safe { - align-self: safe flex-end; - } - .self-start { - align-self: flex-start; - } - .self-stretch { - align-self: stretch; - } - .justify-self-auto { - justify-self: auto; - } - .justify-self-center { - justify-self: center; - } - .justify-self-center-safe { - justify-self: safe center; - } - .justify-self-end { - justify-self: flex-end; - } - .justify-self-end-safe { - justify-self: safe flex-end; - } - .justify-self-start { - justify-self: flex-start; - } - .justify-self-stretch { - justify-self: stretch; - } - .truncate { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; + .space-x-6 { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); + margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))); + } } .overflow-hidden { overflow: hidden; } - .overflow-x-hidden { - overflow-x: hidden; - } - .overflow-y-auto { - overflow-y: auto; - } - .scroll-auto { - scroll-behavior: auto; - } - .scroll-smooth { - scroll-behavior: smooth; - } - .rounded { - border-radius: 0.25rem; - } .rounded-full { - border-radius: 3.40282e38px; + border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } - .rounded-md { - border-radius: var(--radius-md); - } - .rounded-sm { - border-radius: var(--radius-sm); - } - .rounded-xl { - border-radius: var(--radius-xl); - } - .rounded-s { - border-start-start-radius: 0.25rem; - border-end-start-radius: 0.25rem; - } - .rounded-ss { - border-start-start-radius: 0.25rem; - } - .rounded-e { - border-start-end-radius: 0.25rem; - border-end-end-radius: 0.25rem; - } - .rounded-se { - border-start-end-radius: 0.25rem; - } - .rounded-ee { - border-end-end-radius: 0.25rem; - } - .rounded-es { - border-end-start-radius: 0.25rem; - } - .rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; - } - .rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - } - .rounded-tl { - border-top-left-radius: 0.25rem; - } - .rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - } - .rounded-tr { - border-top-right-radius: 0.25rem; - } - .rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - } - .rounded-br { - border-bottom-right-radius: 0.25rem; - } - .rounded-bl { - border-bottom-left-radius: 0.25rem; - } .border { border-style: var(--tw-border-style); border-width: 1px; } - .border-0 { - border-style: var(--tw-border-style); - border-width: 0; - } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } - .border-x { - border-inline-style: var(--tw-border-style); - border-inline-width: 1px; - } - .border-y { - border-block-style: var(--tw-border-style); - border-block-width: 1px; - } - .border-s { - border-inline-start-style: var(--tw-border-style); - border-inline-start-width: 1px; - } - .border-e { - border-inline-end-style: var(--tw-border-style); - border-inline-end-width: 1px; - } - .border-t { - border-top-style: var(--tw-border-style); - border-top-width: 1px; - } - .border-r { - border-right-style: var(--tw-border-style); - border-right-width: 1px; - } - .border-b { - border-bottom-style: var(--tw-border-style); - border-bottom-width: 1px; - } - .border-l { - border-left-style: var(--tw-border-style); - border-left-width: 1px; - } - .border-dashed { - --tw-border-style: dashed; - border-style: dashed; - } - .border-dotted { - --tw-border-style: dotted; - border-style: dotted; - } - .border-double { - --tw-border-style: double; - border-style: double; - } - .border-hidden { - --tw-border-style: hidden; - border-style: hidden; - } - .border-none { - --tw-border-style: none; - border-style: none; - } - .border-solid { - --tw-border-style: solid; - border-style: solid; - } - .border-\[\#fbf0df\] { - border-color: #fbf0df; - } - .border-white { - border-color: var(--color-white); + .border-secondary { + border-color: #d3d9e6; } .border-white\/20 { - border-color: #fff3; - } - @supports (color: color-mix(in lab, red, red)) { - .border-white\/20 { + border-color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } - .border-white\/30 { - border-color: #ffffff4d; - } - @supports (color: color-mix(in lab, red, red)) { - .border-white\/30 { - border-color: color-mix(in oklab, var(--color-white) 30%, transparent); - } - } - .bg-\[\#1a1a1a\] { - background-color: #1a1a1a; - } - .bg-\[\#242424\] { - background-color: #242424; - } - .bg-\[\#fbf0df\] { - background-color: #fbf0df; - } .bg-accent { background-color: #9333ea; } .bg-accent\/5 { - background-color: oklab(55.7537% 0.134997 -0.213369/.05); - } - .bg-accent\/10 { - background-color: oklab(55.7537% 0.134997 -0.213369/.1); - } - .bg-black { - background-color: var(--color-black); + background-color: color-mix(in oklab, #9333ea 5%, transparent); } .bg-primary { background-color: #e6ebf5; @@ -1886,434 +433,11 @@ .bg-secondary { background-color: #d3d9e6; } - .bg-transparent { - background-color: #0000; + .bg-secondary\/5 { + background-color: color-mix(in oklab, #d3d9e6 5%, transparent); } - .bg-white { - background-color: var(--color-white); - } - .bg-white\/10 { - background-color: #ffffff1a; - } - @supports (color: color-mix(in lab, red, red)) { - .bg-white\/10 { - background-color: color-mix( - in oklab, - var(--color-white) 10%, - transparent - ); - } - } - .bg-white\/20 { - background-color: #fff3; - } - @supports (color: color-mix(in lab, red, red)) { - .bg-white\/20 { - background-color: color-mix( - in oklab, - var(--color-white) 20%, - transparent - ); - } - } - .-bg-conic, - .bg-conic { - --tw-gradient-position: in oklab; - background-image: conic-gradient(var(--tw-gradient-stops)); - } - .bg-radial { - --tw-gradient-position: in oklab; - background-image: radial-gradient(var(--tw-gradient-stops)); - } - .bg-none { - background-image: none; - } - .via-none { - --tw-gradient-via-stops: initial; - } - .mask-none { - -webkit-mask-image: none; - mask-image: none; - } - .mask-circle { - --tw-mask-radial-shape: circle; - } - .mask-ellipse { - --tw-mask-radial-shape: ellipse; - } - .mask-radial-closest-corner { - --tw-mask-radial-size: closest-corner; - } - .mask-radial-closest-side { - --tw-mask-radial-size: closest-side; - } - .mask-radial-farthest-corner { - --tw-mask-radial-size: farthest-corner; - } - .mask-radial-farthest-side { - --tw-mask-radial-size: farthest-side; - } - .mask-radial-at-bottom { - --tw-mask-radial-position: bottom; - } - .mask-radial-at-bottom-left { - --tw-mask-radial-position: bottom left; - } - .mask-radial-at-bottom-right { - --tw-mask-radial-position: bottom right; - } - .mask-radial-at-center { - --tw-mask-radial-position: center; - } - .mask-radial-at-left { - --tw-mask-radial-position: left; - } - .mask-radial-at-right { - --tw-mask-radial-position: right; - } - .mask-radial-at-top { - --tw-mask-radial-position: top; - } - .mask-radial-at-top-left { - --tw-mask-radial-position: top left; - } - .mask-radial-at-top-right { - --tw-mask-radial-position: top right; - } - .box-decoration-clone { - -webkit-box-decoration-break: clone; - box-decoration-break: clone; - } - .box-decoration-slice { - -webkit-box-decoration-break: slice; - box-decoration-break: slice; - } - .decoration-clone { - -webkit-box-decoration-break: clone; - box-decoration-break: clone; - } - .decoration-slice { - -webkit-box-decoration-break: slice; - box-decoration-break: slice; - } - .bg-auto { - background-size: auto; - } - .bg-contain { - background-size: contain; - } - .bg-cover { - background-size: cover; - } - .bg-fixed { - background-attachment: fixed; - } - .bg-local { - background-attachment: local; - } - .bg-scroll { - background-attachment: scroll; - } - .bg-clip-border { - background-clip: border-box; - } - .bg-clip-content { - background-clip: content-box; - } - .bg-clip-padding { - background-clip: padding-box; - } - .bg-clip-text { - -webkit-background-clip: text; - background-clip: text; - } - .bg-bottom { - background-position: bottom; - } - .bg-bottom-left { - background-position: 0 100%; - } - .bg-bottom-right { - background-position: 100% 100%; - } - .bg-center { - background-position: 50%; - } - .bg-left { - background-position: 0; - } - .bg-left-bottom { - background-position: 0 100%; - } - .bg-left-top { - background-position: 0 0; - } - .bg-right { - background-position: 100%; - } - .bg-right-bottom { - background-position: 100% 100%; - } - .bg-right-top { - background-position: 100% 0; - } - .bg-top { - background-position: top; - } - .bg-top-left { - background-position: 0 0; - } - .bg-top-right { - background-position: 100% 0; - } - .bg-no-repeat { - background-repeat: no-repeat; - } - .bg-repeat { - background-repeat: repeat; - } - .bg-repeat-round { - background-repeat: round; - } - .bg-repeat-space { - background-repeat: space; - } - .bg-repeat-x { - background-repeat: repeat-x; - } - .bg-repeat-y { - background-repeat: repeat-y; - } - .bg-origin-border { - background-origin: border-box; - } - .bg-origin-content { - background-origin: content-box; - } - .bg-origin-padding { - background-origin: padding-box; - } - .mask-add { - -webkit-mask-composite: source-over; - -webkit-mask-composite: source-over; - mask-composite: add; - } - .mask-exclude { - -webkit-mask-composite: xor; - -webkit-mask-composite: xor; - mask-composite: exclude; - } - .mask-intersect { - -webkit-mask-composite: source-in; - -webkit-mask-composite: source-in; - mask-composite: intersect; - } - .mask-subtract { - -webkit-mask-composite: source-out; - -webkit-mask-composite: source-out; - mask-composite: subtract; - } - .mask-alpha { - -webkit-mask-source-type: alpha; - -webkit-mask-source-type: alpha; - mask-mode: alpha; - } - .mask-luminance { - -webkit-mask-source-type: luminance; - -webkit-mask-source-type: luminance; - mask-mode: luminance; - } - .mask-match { - -webkit-mask-source-type: auto; - -webkit-mask-source-type: auto; - mask-mode: match-source; - } - .mask-type-alpha { - mask-type: alpha; - } - .mask-type-luminance { - mask-type: luminance; - } - .mask-auto { - -webkit-mask-size: auto; - mask-size: auto; - } - .mask-contain { - -webkit-mask-size: contain; - mask-size: contain; - } - .mask-cover { - -webkit-mask-size: cover; - mask-size: cover; - } - .mask-clip-border { - -webkit-mask-clip: border-box; - mask-clip: border-box; - } - .mask-clip-content { - -webkit-mask-clip: content-box; - mask-clip: content-box; - } - .mask-clip-fill { - -webkit-mask-clip: fill-box; - mask-clip: fill-box; - } - .mask-clip-padding { - -webkit-mask-clip: padding-box; - mask-clip: padding-box; - } - .mask-clip-stroke { - -webkit-mask-clip: stroke-box; - mask-clip: stroke-box; - } - .mask-clip-view { - -webkit-mask-clip: view-box; - mask-clip: view-box; - } - .mask-no-clip { - -webkit-mask-clip: no-clip; - mask-clip: no-clip; - } - .mask-bottom { - -webkit-mask-position: bottom; - mask-position: bottom; - } - .mask-bottom-left { - -webkit-mask-position: 0 100%; - mask-position: 0 100%; - } - .mask-bottom-right { - -webkit-mask-position: 100% 100%; - mask-position: 100% 100%; - } - .mask-center { - -webkit-mask-position: 50%; - mask-position: 50%; - } - .mask-left { - -webkit-mask-position: 0; - mask-position: 0; - } - .mask-right { - -webkit-mask-position: 100%; - mask-position: 100%; - } - .mask-top { - -webkit-mask-position: top; - mask-position: top; - } - .mask-top-left { - -webkit-mask-position: 0 0; - mask-position: 0 0; - } - .mask-top-right { - -webkit-mask-position: 100% 0; - mask-position: 100% 0; - } - .mask-no-repeat { - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - } - .mask-repeat { - -webkit-mask-repeat: repeat; - mask-repeat: repeat; - } - .mask-repeat-round { - -webkit-mask-repeat: round; - mask-repeat: round; - } - .mask-repeat-space { - -webkit-mask-repeat: space; - mask-repeat: space; - } - .mask-repeat-x { - -webkit-mask-repeat: repeat-x; - mask-repeat: repeat-x; - } - .mask-repeat-y { - -webkit-mask-repeat: repeat-y; - mask-repeat: repeat-y; - } - .mask-origin-border { - -webkit-mask-origin: border-box; - mask-origin: border-box; - } - .mask-origin-content { - -webkit-mask-origin: content-box; - mask-origin: content-box; - } - .mask-origin-fill { - -webkit-mask-origin: fill-box; - mask-origin: fill-box; - } - .mask-origin-padding { - -webkit-mask-origin: padding-box; - mask-origin: padding-box; - } - .mask-origin-stroke { - -webkit-mask-origin: stroke-box; - mask-origin: stroke-box; - } - .mask-origin-view { - -webkit-mask-origin: view-box; - mask-origin: view-box; - } - .fill-none { - fill: none; - } - .stroke-none { - stroke: none; - } - .object-contain { - object-fit: contain; - } - .object-cover { - object-fit: cover; - } - .object-fill { - object-fit: fill; - } - .object-none { - object-fit: none; - } - .object-scale-down { - object-fit: scale-down; - } - .object-left-bottom { - object-position: left bottom; - } - .object-left-top { - object-position: left top; - } - .object-right-bottom { - object-position: right bottom; - } - .object-right-top { - object-position: right top; - } - .p-1 { - padding: calc(var(--spacing) * 1); - } - .p-3 { - padding: calc(var(--spacing) * 3); - } - .p-6 { - padding: calc(var(--spacing) * 6); - } - .p-8 { - padding: calc(var(--spacing) * 8); - } - .px-2 { - padding-inline: calc(var(--spacing) * 2); - } - .px-3 { - padding-inline: calc(var(--spacing) * 3); - } - .px-4 { - padding-inline: calc(var(--spacing) * 4); - } - .px-5 { - padding-inline: calc(var(--spacing) * 5); + .p-4 { + padding: calc(var(--spacing) * 4); } .px-6 { padding-inline: calc(var(--spacing) * 6); @@ -2321,18 +445,6 @@ .px-8 { padding-inline: calc(var(--spacing) * 8); } - .px-\[0\.3rem\] { - padding-inline: 0.3rem; - } - .py-1 { - padding-block: calc(var(--spacing) * 1); - } - .py-1\.5 { - padding-block: calc(var(--spacing) * 1.5); - } - .py-2 { - padding-block: calc(var(--spacing) * 2); - } .py-3 { padding-block: calc(var(--spacing) * 3); } @@ -2348,60 +460,15 @@ .py-16 { padding-block: calc(var(--spacing) * 16); } - .py-\[0\.2rem\] { - padding-block: 0.2rem; - } - .pr-8 { - padding-right: calc(var(--spacing) * 8); - } - .pl-2 { - padding-left: calc(var(--spacing) * 2); - } .text-center { text-align: center; } - .text-end { - text-align: end; - } - .text-justify { - text-align: justify; - } - .text-left { - text-align: left; - } .text-right { text-align: right; } .text-start { text-align: start; } - .align-baseline { - vertical-align: baseline; - } - .align-bottom { - vertical-align: bottom; - } - .align-middle { - vertical-align: middle; - } - .align-sub { - vertical-align: sub; - } - .align-super { - vertical-align: super; - } - .align-text-bottom { - vertical-align: text-bottom; - } - .align-text-top { - vertical-align: text-top; - } - .align-top { - vertical-align: top; - } - .font-mono { - font-family: var(--font-mono); - } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); @@ -2414,14 +481,6 @@ font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } - .text-5xl { - font-size: var(--text-5xl); - line-height: var(--tw-leading, var(--text-5xl--line-height)); - } - .text-base { - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)); - } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); @@ -2434,10 +493,6 @@ font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } - .text-xs { - font-size: var(--text-xs); - line-height: var(--tw-leading, var(--text-xs--line-height)); - } .leading-none { --tw-leading: 1; line-height: 1; @@ -2446,1311 +501,324 @@ --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } - .leading-tight { - --tw-leading: var(--leading-tight); - line-height: var(--leading-tight); + .leading-snug { + --tw-leading: var(--leading-snug); + line-height: var(--leading-snug); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } - .font-medium { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); + .font-normal { + --tw-font-weight: var(--font-weight-normal); + font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } - .text-balance { - text-wrap: balance; - } - .text-nowrap { - text-wrap: nowrap; - } - .text-pretty { - text-wrap: pretty; - } - .text-wrap { - text-wrap: wrap; - } - .break-normal { - overflow-wrap: normal; - word-break: normal; - } - .break-words { - overflow-wrap: break-word; - } - .wrap-anywhere { - overflow-wrap: anywhere; - } - .wrap-break-word { - overflow-wrap: break-word; - } - .wrap-normal { - overflow-wrap: normal; - } - .break-all { - word-break: break-all; - } - .break-keep { - word-break: keep-all; - } - .overflow-ellipsis { - text-overflow: ellipsis; - } - .text-clip { - text-overflow: clip; - } - .text-ellipsis { - text-overflow: ellipsis; - } - .hyphens-auto { - -webkit-hyphens: auto; - hyphens: auto; - } - .hyphens-manual { - -webkit-hyphens: manual; - hyphens: manual; - } - .hyphens-none { - -webkit-hyphens: none; - hyphens: none; - } - .whitespace-break-spaces { - white-space: break-spaces; - } - .whitespace-normal { - white-space: normal; - } - .whitespace-nowrap { - white-space: nowrap; - } - .whitespace-pre { - white-space: pre; - } - .whitespace-pre-line { - white-space: pre-line; - } - .whitespace-pre-wrap { - white-space: pre-wrap; - } - .text-\[\#1a1a1a\] { - color: #1a1a1a; - } - .text-\[\#fbf0df\] { - color: #fbf0df; - } - .text-\[rgba\(255\,255\,255\,0\.87\)\] { - color: #ffffffde; - } .text-blue-600 { color: var(--color-blue-600); } .text-bodytext { color: #111827; } - .text-gray-300 { - color: var(--color-gray-300); - } - .text-gray-300\/10 { - color: #d1d5dc1a; - } - @supports (color: color-mix(in lab, red, red)) { - .text-gray-300\/10 { - color: color-mix(in oklab, var(--color-gray-300) 10%, transparent); - } - } - .text-gray-300\/15 { - color: #d1d5dc26; - } - @supports (color: color-mix(in lab, red, red)) { - .text-gray-300\/15 { - color: color-mix(in oklab, var(--color-gray-300) 15%, transparent); - } - } - .text-gray-300\/20 { - color: #d1d5dc33; - } - @supports (color: color-mix(in lab, red, red)) { - .text-gray-300\/20 { - color: color-mix(in oklab, var(--color-gray-300) 20%, transparent); - } - } .text-gray-500 { color: var(--color-gray-500); } - .text-primary { - color: #e6ebf5; - } - .text-purple-300 { - color: var(--color-purple-300); - } .text-purple-300\/50 { - color: #d9b3ff80; - } - @supports (color: color-mix(in lab, red, red)) { - .text-purple-300\/50 { + color: color-mix(in srgb, oklch(82.7% 0.119 306.383) 50%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-purple-300) 50%, transparent); } } - .text-white { - color: var(--color-white); - } - .capitalize { - text-transform: capitalize; - } - .lowercase { - text-transform: lowercase; - } - .normal-case { - text-transform: none; - } - .uppercase { - text-transform: uppercase; - } .italic { font-style: italic; } - .not-italic { - font-style: normal; - } - .font-stretch-condensed { - font-stretch: 75%; - } - .font-stretch-expanded { - font-stretch: 125%; - } - .font-stretch-extra-condensed { - font-stretch: 62.5%; - } - .font-stretch-extra-expanded { - font-stretch: 150%; - } - .font-stretch-normal { - font-stretch: 100%; - } - .font-stretch-semi-condensed { - font-stretch: 87.5%; - } - .font-stretch-semi-expanded { - font-stretch: 112.5%; - } - .font-stretch-ultra-condensed { - font-stretch: 50%; - } - .font-stretch-ultra-expanded { - font-stretch: 200%; - } - .diagonal-fractions { - --tw-numeric-fraction: diagonal-fractions; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) - var(--tw-numeric-figure) var(--tw-numeric-spacing) - var(--tw-numeric-fraction); - } - .lining-nums { - --tw-numeric-figure: lining-nums; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) - var(--tw-numeric-figure) var(--tw-numeric-spacing) - var(--tw-numeric-fraction); - } - .oldstyle-nums { - --tw-numeric-figure: oldstyle-nums; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) - var(--tw-numeric-figure) var(--tw-numeric-spacing) - var(--tw-numeric-fraction); - } - .ordinal { - --tw-ordinal: ordinal; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) - var(--tw-numeric-figure) var(--tw-numeric-spacing) - var(--tw-numeric-fraction); - } - .proportional-nums { - --tw-numeric-spacing: proportional-nums; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) - var(--tw-numeric-figure) var(--tw-numeric-spacing) - var(--tw-numeric-fraction); - } - .slashed-zero { - --tw-slashed-zero: slashed-zero; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) - var(--tw-numeric-figure) var(--tw-numeric-spacing) - var(--tw-numeric-fraction); - } - .stacked-fractions { - --tw-numeric-fraction: stacked-fractions; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) - var(--tw-numeric-figure) var(--tw-numeric-spacing) - var(--tw-numeric-fraction); - } - .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); - } - .normal-nums { - font-variant-numeric: normal; - } - .line-through { - text-decoration-line: line-through; - } - .no-underline { - text-decoration-line: none; - } - .overline { - text-decoration-line: overline; - } .underline { text-decoration-line: underline; } - .decoration-dashed { - text-decoration-style: dashed; - } - .decoration-dotted { - text-decoration-style: dotted; - } - .decoration-double { - text-decoration-style: double; - } - .decoration-solid { - text-decoration-style: solid; - } - .decoration-wavy { - text-decoration-style: wavy; - } - .decoration-auto { - text-decoration-thickness: auto; - } - .decoration-from-font { - text-decoration-thickness: from-font; - } - .underline-offset-4 { - text-underline-offset: 4px; - } - .antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - .subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - .placeholder-\[\#fbf0df\]\/40::placeholder { - color: oklab(95.9232% 0.00488412 0.0249393/.4); - } - .accent-auto { - accent-color: auto; - } - .scheme-dark { - color-scheme: dark; - } - .scheme-light { - color-scheme: light; - } - .scheme-light-dark { - color-scheme: light dark; - } - .scheme-normal { - color-scheme: normal; - } - .scheme-only-dark { - color-scheme: dark only; - } - .scheme-only-light { - color-scheme: light only; - } - .opacity-50 { - opacity: 0.5; - } - .mix-blend-plus-darker { - mix-blend-mode: plus-darker; - } - .mix-blend-plus-lighter { - mix-blend-mode: plus-lighter; - } - .shadow { - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), - 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), - var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } .shadow-md { - --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), - 0 2px 4px -2px var(--tw-shadow-color, #0000001a); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), - var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - .shadow-sm { - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), - 0 1px 2px -1px var(--tw-shadow-color, #0000001a); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), - var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { - --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), - 0 8px 10px -6px var(--tw-shadow-color, #0000001a); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), - var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - .shadow-xs { - --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), - var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - .ring { - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 - calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), - var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - .inset-ring { - --tw-inset-ring-shadow: inset 0 0 0 1px - var(--tw-inset-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), - var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - .shadow-initial { - --tw-shadow-color: initial; - } - .inset-shadow-initial { - --tw-inset-shadow-color: initial; - } - .outline-hidden { - --tw-outline-style: none; - outline-style: none; - } - @media (forced-colors: active) { - .outline-hidden { - outline-offset: 2px; - outline: 2px solid #0000; - } - } - .outline { - outline-style: var(--tw-outline-style); - outline-width: 1px; - } - .blur { - --tw-blur: blur(8px); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) - var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) - var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - } - .drop-shadow { - --tw-drop-shadow-size: drop-shadow( - 0 1px 2px var(--tw-drop-shadow-color, #0000001a) - ) - drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f)); - --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) - drop-shadow(0 1px 1px #0000000f); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) - var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) - var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - } - .drop-shadow-none { - --tw-drop-shadow: ; - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) - var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) - var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - } - .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); - } - .invert { - --tw-invert: invert(100%); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) - var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) - var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - } - .sepia { - --tw-sepia: sepia(100%); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) - var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) - var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - } - .filter { - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) - var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) - var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - } - .backdrop-blur { - --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); + --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); - -webkit-backdrop-filter: var(--tw-backdrop-blur) - var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) - var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) - var(--tw-backdrop-invert) var(--tw-backdrop-opacity) - var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) - var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) - var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) - var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) - var(--tw-backdrop-sepia); - } - .backdrop-grayscale { - --tw-backdrop-grayscale: grayscale(100%); - -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-invert { - --tw-backdrop-invert: invert(100%); - -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-sepia { - --tw-backdrop-sepia: sepia(100%); - -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); + -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { - transition-property: color, background-color, border-color, outline-color, - text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, - --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, - filter, -webkit-backdrop-filter, backdrop-filter, display, - content-visibility, overlay, pointer-events; - transition-timing-function: var( - --tw-ease, - var(--default-transition-timing-function) - ); + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } - .transition-\[color\,box-shadow\] { - transition-property: color, box-shadow; - transition-timing-function: var( - --tw-ease, - var(--default-transition-timing-function) - ); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .transition-all { - transition-property: all; - transition-timing-function: var( - --tw-ease, - var(--default-transition-timing-function) - ); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .transition-colors { - transition-property: color, background-color, border-color, outline-color, - text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, - --tw-gradient-to; - transition-timing-function: var( - --tw-ease, - var(--default-transition-timing-function) - ); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .transition-discrete { - transition-behavior: allow-discrete; - } - .transition-normal { - transition-behavior: normal; - } - .duration-100 { - --tw-duration: 0.1s; - transition-duration: 0.1s; - } - .duration-300 { - --tw-duration: 0.3s; - transition-duration: 0.3s; - } - .ease-in { - --tw-ease: var(--ease-in); - transition-timing-function: var(--ease-in); - } - .ease-in-out { - --tw-ease: var(--ease-in-out); - transition-timing-function: var(--ease-in-out); - } - .ease-out { - --tw-ease: var(--ease-out); - transition-timing-function: var(--ease-out); - } - .will-change-auto { - will-change: auto; - } - .will-change-contents { - will-change: contents; - } - .will-change-scroll { - will-change: scroll-position; - } - .will-change-transform { - will-change: transform; - } - .contain-inline-size { - --tw-contain-size: inline-size; - contain: var(--tw-contain-size) var(--tw-contain-layout) - var(--tw-contain-paint) var(--tw-contain-style); - } - .contain-layout { - --tw-contain-layout: layout; - contain: var(--tw-contain-size) var(--tw-contain-layout) - var(--tw-contain-paint) var(--tw-contain-style); - } - .contain-paint { - --tw-contain-paint: paint; - contain: var(--tw-contain-size) var(--tw-contain-layout) - var(--tw-contain-paint) var(--tw-contain-style); - } - .contain-size { - --tw-contain-size: size; - contain: var(--tw-contain-size) var(--tw-contain-layout) - var(--tw-contain-paint) var(--tw-contain-style); - } - .contain-style { - --tw-contain-style: style; - contain: var(--tw-contain-size) var(--tw-contain-layout) - var(--tw-contain-paint) var(--tw-contain-style); - } - .contain-content { - contain: content; - } - .contain-none { - contain: none; - } - .contain-strict { - contain: strict; - } - .content-none { - --tw-content: none; - content: none; - } - .forced-color-adjust-auto { - forced-color-adjust: auto; - } - .forced-color-adjust-none { - forced-color-adjust: none; - } - .outline-dashed { - --tw-outline-style: dashed; - outline-style: dashed; - } - .outline-dotted { - --tw-outline-style: dotted; - outline-style: dotted; - } - .outline-double { - --tw-outline-style: double; - outline-style: double; - } - .outline-none { - --tw-outline-style: none; - outline-style: none; - } - .outline-solid { - --tw-outline-style: solid; - outline-style: solid; - } .select-none { -webkit-user-select: none; user-select: none; } - .backface-hidden { - backface-visibility: hidden; - } - .backface-visible { - backface-visibility: visible; - } - :where(.divide-x-reverse > :not(:last-child)) { - --tw-divide-x-reverse: 1; - } - .duration-initial { - --tw-duration: initial; - } - .ring-inset { - --tw-ring-inset: inset; - } - .text-shadow-initial { - --tw-text-shadow-color: initial; - } - .transform-3d { - transform-style: preserve-3d; - } - .transform-border { - transform-box: border-box; - } - .transform-content { - transform-box: content-box; - } - .transform-fill { - transform-box: fill-box; - } - .transform-flat { - transform-style: flat; - } - .transform-stroke { - transform-box: stroke-box; - } - .transform-view { - transform-box: view-box; - } - .group-data-\[disabled\=true\]\:pointer-events-none:is( - :where(.group)[data-disabled='true'] * - ) { - pointer-events: none; - } - .group-data-\[disabled\=true\]\:opacity-50:is( - :where(.group)[data-disabled='true'] * - ) { - opacity: 0.5; - } - .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) { - cursor: not-allowed; - } - .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) { - opacity: 0.5; - } - .selection\:bg-primary ::selection { - background-color: #e6ebf5; - } - .selection\:bg-primary::selection { - background-color: #e6ebf5; - } - .file\:inline-flex::file-selector-button { - display: inline-flex; - } - .file\:h-7::file-selector-button { - height: calc(var(--spacing) * 7); - } - .file\:border-0::file-selector-button { - border-style: var(--tw-border-style); - border-width: 0; - } - .file\:bg-transparent::file-selector-button { - background-color: #0000; - } - .file\:text-sm::file-selector-button { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - } - .file\:font-medium::file-selector-button { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - } - .focus-within\:border-\[\#f3d5a3\]:focus-within { - border-color: #f3d5a3; - } - @media (hover: hover) { - .hover\:-translate-y-px:hover { - --tw-translate-y: -1px; - translate: var(--tw-translate-x) var(--tw-translate-y); - } - .hover\:bg-\[\#f3d5a3\]:hover { - background-color: #f3d5a3; - } - .hover\:bg-accent:hover { - background-color: #9333ea; - } - .hover\:bg-accent\/10:hover { - background-color: oklab(55.7537% 0.134997 -0.213369/.1); - } - .hover\:bg-accent\/20:hover { - background-color: oklab(55.7537% 0.134997 -0.213369/.2); - } - .hover\:bg-primary\/90:hover { - background-color: oklab(93.918% -0.00139275 -0.0144566/.9); - } - .hover\:bg-secondary\/80:hover { - background-color: oklab(88.4577% -0.00133434 -0.0189459/.8); - } - .hover\:bg-white\/20:hover { - background-color: #fff3; - } - @supports (color: color-mix(in lab, red, red)) { - .hover\:bg-white\/20:hover { - background-color: color-mix( - in oklab, - var(--color-white) 20%, - transparent - ); + .hover\:bg-accent\/10 { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, #9333ea 10%, transparent); } } - .hover\:bg-white\/30:hover { - background-color: #ffffff4d; - } - @supports (color: color-mix(in lab, red, red)) { - .hover\:bg-white\/30:hover { - background-color: color-mix( - in oklab, - var(--color-white) 30%, - transparent - ); + } + .hover\:underline { + &:hover { + @media (hover: hover) { + text-decoration-line: underline; } } - .hover\:underline:hover { - text-decoration-line: underline; - } - .hover\:drop-shadow-\[0_0_2em_\#61dafbaa\]:hover { - --tw-drop-shadow-size: drop-shadow( - 0 0 2em var(--tw-drop-shadow-color, #61dafbaa) - ); - --tw-drop-shadow: var(--tw-drop-shadow-size); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) - var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) - var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - } - .hover\:drop-shadow-\[0_0_2em_\#646cffaa\]:hover { - --tw-drop-shadow-size: drop-shadow( - 0 0 2em var(--tw-drop-shadow-color, #646cffaa) - ); - --tw-drop-shadow: var(--tw-drop-shadow-size); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) - var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) - var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - } } - .focus\:border-\[\#f3d5a3\]:focus { - border-color: #f3d5a3; - } - .focus\:bg-accent:focus { - background-color: #9333ea; - } - .focus\:text-white:focus { - color: var(--color-white); - } - .focus-visible\:ring-\[3px\]:focus-visible { - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 - calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), - var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - .disabled\:pointer-events-none:disabled { - pointer-events: none; - } - .disabled\:cursor-not-allowed:disabled { - cursor: not-allowed; - } - .disabled\:opacity-50:disabled { - opacity: 0.5; - } - .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has( - [data-slot='card-action'] - ) { - grid-template-columns: 1fr auto; - } - .has-\[\>svg\]\:px-2\.5:has(> svg) { - padding-inline: calc(var(--spacing) * 2.5); - } - .has-\[\>svg\]\:px-3:has(> svg) { - padding-inline: calc(var(--spacing) * 3); - } - .has-\[\>svg\]\:px-4:has(> svg) { - padding-inline: calc(var(--spacing) * 4); - } - .data-\[disabled\]\:pointer-events-none[data-disabled] { - pointer-events: none; - } - .data-\[disabled\]\:opacity-50[data-disabled] { - opacity: 0.5; - } - .data-\[side\=bottom\]\:translate-y-1[data-side='bottom'] { - --tw-translate-y: calc(var(--spacing) * 1); - translate: var(--tw-translate-x) var(--tw-translate-y); - } - .data-\[side\=left\]\:-translate-x-1[data-side='left'] { - --tw-translate-x: calc(var(--spacing) * -1); - translate: var(--tw-translate-x) var(--tw-translate-y); - } - .data-\[side\=right\]\:translate-x-1[data-side='right'] { - --tw-translate-x: calc(var(--spacing) * 1); - translate: var(--tw-translate-x) var(--tw-translate-y); - } - .data-\[side\=top\]\:-translate-y-1[data-side='top'] { - --tw-translate-y: calc(var(--spacing) * -1); - translate: var(--tw-translate-x) var(--tw-translate-y); - } - .data-\[size\=default\]\:h-9[data-size='default'] { - height: calc(var(--spacing) * 9); - } - .data-\[size\=sm\]\:h-8[data-size='sm'] { - height: calc(var(--spacing) * 8); - } - :is( - .\*\:data-\[slot\=select-value\]\:line-clamp-1 > * - )[data-slot='select-value'] { - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - display: -webkit-box; - overflow: hidden; - } - :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot='select-value'] { - display: flex; - } - :is( - .\*\:data-\[slot\=select-value\]\:items-center > * - )[data-slot='select-value'] { - align-items: center; - } - :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot='select-value'] { - gap: calc(var(--spacing) * 2); - } - @media (min-width: 48rem) { - .md\:block { + .md\:block { + @media (width >= 48rem) { display: block; } - .md\:text-6xl { + } + .md\:text-3xl { + @media (width >= 48rem) { + font-size: var(--text-3xl); + line-height: var(--tw-leading, var(--text-3xl--line-height)); + } + } + .md\:text-6xl { + @media (width >= 48rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } - .md\:text-sm { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); + } + .md\:text-lg { + @media (width >= 48rem) { + font-size: var(--text-lg); + line-height: var(--tw-leading, var(--text-lg--line-height)); } - .md\:text-xl { + } + .md\:text-xl { + @media (width >= 48rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } - @media (prefers-color-scheme: dark) { - .dark\:bg-darkaccent\/10 { - background-color: oklab(54.615% -0.026671 -0.213549/.1); + .lg\:grid { + @media (width >= 64rem) { + display: grid; } - .dark\:bg-darkprimary { + } + .lg\:hidden { + @media (width >= 64rem) { + display: none; + } + } + .dark\:border-darksecondary { + @media (prefers-color-scheme: dark) { + border-color: #2f314a; + } + } + .dark\:bg-darkaccent\/10 { + @media (prefers-color-scheme: dark) { + background-color: color-mix(in oklab, #2563eb 10%, transparent); + } + } + .dark\:bg-darkprimary { + @media (prefers-color-scheme: dark) { background-color: #23243b; } - .dark\:bg-darksecondary { + } + .dark\:bg-darksecondary { + @media (prefers-color-scheme: dark) { background-color: #2f314a; } - .dark\:text-darkbodytext { + } + .dark\:bg-white\/20 { + @media (prefers-color-scheme: dark) { + background-color: color-mix(in srgb, #fff 20%, transparent); + @supports (color: color-mix(in lab, red, red)) { + background-color: color-mix(in oklab, var(--color-white) 20%, transparent); + } + } + } + .dark\:text-darkbodytext { + @media (prefers-color-scheme: dark) { color: #f5f5f5; } - .dark\:text-gray-300\/10 { - color: #d1d5dc1a; - } - @supports (color: color-mix(in lab, red, red)) { - .dark\:text-gray-300\/10 { + } + .dark\:text-gray-300\/10 { + @media (prefers-color-scheme: dark) { + color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 10%, transparent); + @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-gray-300) 10%, transparent); } } - @media (hover: hover) { - .dark\:hover\:bg-accent\/50:hover { - background-color: oklab(55.7537% 0.134997 -0.213369/.5); + } + .hover\:dark\:bg-darkaccent\/20 { + &:hover { + @media (hover: hover) { + @media (prefers-color-scheme: dark) { + background-color: color-mix(in oklab, #2563eb 20%, transparent); + } } } } - @media (hover: hover) { - @media (prefers-color-scheme: dark) { - .hover\:dark\:bg-darkaccent\/20:hover { - background-color: oklab(54.615% -0.026671 -0.213549/.2); - } - } - } - .\[\&_svg\]\:pointer-events-none svg { - pointer-events: none; - } - .\[\&_svg\]\:shrink-0 svg { - flex-shrink: 0; - } - .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) { - width: calc(var(--spacing) * 4); - height: calc(var(--spacing) * 4); - } - .\[\.border-b\]\:pb-6.border-b { - padding-bottom: calc(var(--spacing) * 6); - } - .\[\.border-t\]\:pt-6.border-t { - padding-top: calc(var(--spacing) * 6); - } - :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child { - display: flex; - } - :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child { - align-items: center; - } - :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child { - gap: calc(var(--spacing) * 2); - } -} -@property --tw-translate-x { - syntax: '*'; - inherits: false; - initial-value: 0; -} -@property --tw-translate-y { - syntax: '*'; - inherits: false; - initial-value: 0; -} -@property --tw-translate-z { - syntax: '*'; - inherits: false; - initial-value: 0; -} -@property --tw-scale-x { - syntax: '*'; - inherits: false; - initial-value: 1; -} -@property --tw-scale-y { - syntax: '*'; - inherits: false; - initial-value: 1; -} -@property --tw-scale-z { - syntax: '*'; - inherits: false; - initial-value: 1; -} -@property --tw-rotate-x { - syntax: '*'; - inherits: false; -} -@property --tw-rotate-y { - syntax: '*'; - inherits: false; -} -@property --tw-rotate-z { - syntax: '*'; - inherits: false; -} -@property --tw-skew-x { - syntax: '*'; - inherits: false; -} -@property --tw-skew-y { - syntax: '*'; - inherits: false; -} -@property --tw-pan-x { - syntax: '*'; - inherits: false; -} -@property --tw-pan-y { - syntax: '*'; - inherits: false; -} -@property --tw-pinch-zoom { - syntax: '*'; - inherits: false; -} -@property --tw-scroll-snap-strictness { - syntax: '*'; - inherits: false; - initial-value: proximity; } @property --tw-space-y-reverse { - syntax: '*'; + syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { - syntax: '*'; - inherits: false; - initial-value: 0; -} -@property --tw-divide-x-reverse { - syntax: '*'; + syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { - syntax: '*'; + syntax: "*"; inherits: false; initial-value: solid; } -@property --tw-divide-y-reverse { - syntax: '*'; - inherits: false; - initial-value: 0; -} @property --tw-leading { - syntax: '*'; + syntax: "*"; inherits: false; } @property --tw-font-weight { - syntax: '*'; - inherits: false; -} -@property --tw-ordinal { - syntax: '*'; - inherits: false; -} -@property --tw-slashed-zero { - syntax: '*'; - inherits: false; -} -@property --tw-numeric-figure { - syntax: '*'; - inherits: false; -} -@property --tw-numeric-spacing { - syntax: '*'; - inherits: false; -} -@property --tw-numeric-fraction { - syntax: '*'; + syntax: "*"; inherits: false; } @property --tw-shadow { - syntax: '*'; + syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { - syntax: '*'; + syntax: "*"; inherits: false; } @property --tw-shadow-alpha { - syntax: ''; + syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { - syntax: '*'; + syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { - syntax: '*'; + syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { - syntax: ''; + syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { - syntax: '*'; + syntax: "*"; inherits: false; } @property --tw-ring-shadow { - syntax: '*'; + syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { - syntax: '*'; + syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { - syntax: '*'; + syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { - syntax: '*'; + syntax: "*"; inherits: false; } @property --tw-ring-offset-width { - syntax: ''; + syntax: ""; inherits: false; - initial-value: 0; + initial-value: 0px; } @property --tw-ring-offset-color { - syntax: '*'; + syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { - syntax: '*'; + syntax: "*"; inherits: false; initial-value: 0 0 #0000; } -@property --tw-outline-style { - syntax: '*'; - inherits: false; - initial-value: solid; -} -@property --tw-blur { - syntax: '*'; - inherits: false; -} -@property --tw-brightness { - syntax: '*'; - inherits: false; -} -@property --tw-contrast { - syntax: '*'; - inherits: false; -} -@property --tw-grayscale { - syntax: '*'; - inherits: false; -} -@property --tw-hue-rotate { - syntax: '*'; - inherits: false; -} -@property --tw-invert { - syntax: '*'; - inherits: false; -} -@property --tw-opacity { - syntax: '*'; - inherits: false; -} -@property --tw-saturate { - syntax: '*'; - inherits: false; -} -@property --tw-sepia { - syntax: '*'; - inherits: false; -} -@property --tw-drop-shadow { - syntax: '*'; - inherits: false; -} -@property --tw-drop-shadow-color { - syntax: '*'; - inherits: false; -} -@property --tw-drop-shadow-alpha { - syntax: ''; - inherits: false; - initial-value: 100%; -} -@property --tw-drop-shadow-size { - syntax: '*'; - inherits: false; -} @property --tw-backdrop-blur { - syntax: '*'; + syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { - syntax: '*'; + syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { - syntax: '*'; + syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { - syntax: '*'; + syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { - syntax: '*'; + syntax: "*"; inherits: false; } @property --tw-backdrop-invert { - syntax: '*'; + syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { - syntax: '*'; + syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { - syntax: '*'; + syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { - syntax: '*'; + syntax: "*"; inherits: false; } -@property --tw-duration { - syntax: '*'; - inherits: false; -} -@property --tw-ease { - syntax: '*'; - inherits: false; -} -@property --tw-contain-size { - syntax: '*'; - inherits: false; -} -@property --tw-contain-layout { - syntax: '*'; - inherits: false; -} -@property --tw-contain-paint { - syntax: '*'; - inherits: false; -} -@property --tw-contain-style { - syntax: '*'; - inherits: false; -} -@property --tw-text-shadow-color { - syntax: '*'; - inherits: false; -} -@property --tw-text-shadow-alpha { - syntax: ''; - inherits: false; - initial-value: 100%; -} -@keyframes spin { - to { - transform: rotate(360deg); - } -} -@keyframes ping { - 75%, - to { - opacity: 0; - transform: scale(2); - } -} -@keyframes pulse { - 50% { - opacity: 0.5; - } -} -@keyframes bounce { - 0%, - to { - animation-timing-function: cubic-bezier(0.8, 0, 1, 1); - transform: translateY(-25%); - } - 50% { - animation-timing-function: cubic-bezier(0, 0, 0.2, 1); - transform: none; +@layer properties { + @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { + *, ::before, ::after, ::backdrop { + --tw-space-y-reverse: 0; + --tw-space-x-reverse: 0; + --tw-border-style: solid; + --tw-leading: initial; + --tw-font-weight: initial; + --tw-shadow: 0 0 #0000; + --tw-shadow-color: initial; + --tw-shadow-alpha: 100%; + --tw-inset-shadow: 0 0 #0000; + --tw-inset-shadow-color: initial; + --tw-inset-shadow-alpha: 100%; + --tw-ring-color: initial; + --tw-ring-shadow: 0 0 #0000; + --tw-inset-ring-color: initial; + --tw-inset-ring-shadow: 0 0 #0000; + --tw-ring-inset: initial; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-offset-shadow: 0 0 #0000; + --tw-backdrop-blur: initial; + --tw-backdrop-brightness: initial; + --tw-backdrop-contrast: initial; + --tw-backdrop-grayscale: initial; + --tw-backdrop-hue-rotate: initial; + --tw-backdrop-invert: initial; + --tw-backdrop-opacity: initial; + --tw-backdrop-saturate: initial; + --tw-backdrop-sepia: initial; + } } } diff --git a/views/index.html b/views/index.html index 77c5056..98695b3 100644 --- a/views/index.html +++ b/views/index.html @@ -10,7 +10,7 @@
Experience -
-

- For all jobs mentioned below I was an employee of -

-

Idpassglobal

+

Experience

+ +
+
+ For all jobs mentioned below I was an employee of Idpassglobal +
{{ range . }} {{ template "experience-partial-range" . }} {{ end }}
+ {{ end }} {{block "experience-partial-range" . }} -
- -
{{.StartFrom}}
- +