@theme default{ --font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-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: rgb(254, 242, 242); --color-red-100: rgb(255, 226, 226); --color-red-200: rgb(255, 202, 202); --color-red-300: rgb(255, 163, 164); --color-red-400: rgb(255, 101, 104); --color-red-500: rgb(251, 44, 54); --color-red-600: rgb(228, 0, 22); --color-red-700: rgb(191, 0, 15); --color-red-800: rgb(159, 7, 18); --color-red-900: rgb(130, 24, 26); --color-red-950: rgb(70, 8, 9); --color-orange-50: rgb(255, 247, 237); --color-orange-100: rgb(255, 237, 213); --color-orange-200: rgb(255, 215, 168); --color-orange-300: rgb(255, 185, 112); --color-orange-400: rgb(255, 139, 31); --color-orange-500: rgb(252, 113, 0); --color-orange-600: rgb(236, 86, 0); --color-orange-700: rgb(196, 62, 0); --color-orange-800: rgb(159, 45, 0); --color-orange-900: rgb(126, 42, 12); --color-orange-950: rgb(68, 19, 6); --color-amber-50: rgb(255, 251, 235); --color-amber-100: rgb(254, 243, 198); --color-amber-200: rgb(254, 230, 133); --color-amber-300: rgb(255, 210, 55); --color-amber-400: rgb(250, 188, 0); --color-amber-500: rgb(246, 158, 0); --color-amber-600: rgb(218, 119, 0); --color-amber-700: rgb(181, 82, 0); --color-amber-800: rgb(149, 61, 0); --color-amber-900: rgb(123, 51, 6); --color-amber-950: rgb(70, 25, 1); --color-yellow-50: rgb(254, 252, 232); --color-yellow-100: rgb(254, 249, 194); --color-yellow-200: rgb(255, 240, 133); --color-yellow-300: rgb(255, 224, 46); --color-yellow-400: rgb(247, 201, 0); --color-yellow-500: rgb(234, 179, 0); --color-yellow-600: rgb(202, 138, 0); --color-yellow-700: rgb(162, 98, 0); --color-yellow-800: rgb(135, 76, 0); --color-yellow-900: rgb(115, 62, 10); --color-yellow-950: rgb(67, 32, 4); --color-lime-50: rgb(247, 254, 231); --color-lime-100: rgb(236, 252, 202); --color-lime-200: rgb(216, 249, 153); --color-lime-300: rgb(187, 244, 81); --color-lime-400: rgb(157, 229, 0); --color-lime-500: rgb(131, 204, 0); --color-lime-600: rgb(100, 163, 0); --color-lime-700: rgb(75, 124, 0); --color-lime-800: rgb(61, 99, 0); --color-lime-900: rgb(53, 83, 14); --color-lime-950: rgb(25, 46, 3); --color-green-50: rgb(240, 253, 244); --color-green-100: rgb(220, 252, 231); --color-green-200: rgb(185, 248, 207); --color-green-300: rgb(123, 241, 168); --color-green-400: rgb(5, 223, 114); --color-green-500: rgb(0, 198, 90); --color-green-600: rgb(0, 164, 71); --color-green-700: rgb(0, 129, 58); --color-green-800: rgb(1, 102, 48); --color-green-900: rgb(13, 84, 43); --color-green-950: rgb(3, 46, 21); --color-emerald-50: rgb(236, 253, 245); --color-emerald-100: rgb(208, 250, 229); --color-emerald-200: rgb(164, 244, 207); --color-emerald-300: rgb(94, 233, 181); --color-emerald-400: rgb(0, 210, 148); --color-emerald-500: rgb(0, 185, 129); --color-emerald-600: rgb(0, 150, 105); --color-emerald-700: rgb(0, 120, 87); --color-emerald-800: rgb(0, 95, 70); --color-emerald-900: rgb(0, 78, 59); --color-emerald-950: rgb(0, 44, 34); --color-teal-50: rgb(240, 253, 250); --color-teal-100: rgb(203, 251, 241); --color-teal-200: rgb(150, 247, 228); --color-teal-300: rgb(70, 236, 213); --color-teal-400: rgb(0, 211, 189); --color-teal-500: rgb(0, 185, 166); --color-teal-600: rgb(0, 148, 136); --color-teal-700: rgb(0, 119, 110); --color-teal-800: rgb(0, 95, 90); --color-teal-900: rgb(11, 79, 74); --color-teal-950: rgb(2, 47, 46); --color-cyan-50: rgb(236, 254, 255); --color-cyan-100: rgb(206, 250, 254); --color-cyan-200: rgb(162, 244, 253); --color-cyan-300: rgb(83, 234, 253); --color-cyan-400: rgb(0, 209, 236); --color-cyan-500: rgb(0, 182, 212); --color-cyan-600: rgb(0, 145, 179); --color-cyan-700: rgb(0, 116, 145); --color-cyan-800: rgb(0, 95, 120); --color-cyan-900: rgb(16, 78, 100); --color-cyan-950: rgb(5, 51, 69); --color-sky-50: rgb(240, 249, 255); --color-sky-100: rgb(223, 242, 254); --color-sky-200: rgb(184, 230, 254); --color-sky-300: rgb(120, 212, 255); --color-sky-400: rgb(0, 187, 253); --color-sky-500: rgb(0, 165, 234); --color-sky-600: rgb(0, 132, 199); --color-sky-700: rgb(0, 105, 162); --color-sky-800: rgb(0, 89, 134); --color-sky-900: rgb(2, 74, 112); --color-sky-950: rgb(5, 47, 74); --color-blue-50: rgb(239, 246, 255); --color-blue-100: rgb(219, 234, 254); --color-blue-200: rgb(190, 219, 255); --color-blue-300: rgb(145, 197, 255); --color-blue-400: rgb(86, 162, 255); --color-blue-500: rgb(50, 128, 255); --color-blue-600: rgb(21, 93, 252); --color-blue-700: rgb(20, 71, 230); --color-blue-800: rgb(25, 60, 184); --color-blue-900: rgb(28, 57, 142); --color-blue-950: rgb(22, 36, 86); --color-indigo-50: rgb(238, 242, 255); --color-indigo-100: rgb(224, 231, 255); --color-indigo-200: rgb(199, 210, 255); --color-indigo-300: rgb(164, 180, 255); --color-indigo-400: rgb(125, 135, 255); --color-indigo-500: rgb(98, 96, 255); --color-indigo-600: rgb(79, 57, 246); --color-indigo-700: rgb(67, 45, 215); --color-indigo-800: rgb(55, 42, 172); --color-indigo-900: rgb(49, 44, 133); --color-indigo-950: rgb(30, 26, 77); --color-violet-50: rgb(245, 243, 255); --color-violet-100: rgb(237, 233, 254); --color-violet-200: rgb(221, 214, 255); --color-violet-300: rgb(196, 180, 255); --color-violet-400: rgb(166, 134, 255); --color-violet-500: rgb(141, 86, 255); --color-violet-600: rgb(127, 34, 254); --color-violet-700: rgb(112, 8, 231); --color-violet-800: rgb(93, 14, 192); --color-violet-900: rgb(77, 23, 154); --color-violet-950: rgb(47, 13, 104); --color-purple-50: rgb(250, 245, 255); --color-purple-100: rgb(243, 232, 255); --color-purple-200: rgb(233, 213, 255); --color-purple-300: rgb(216, 180, 255); --color-purple-400: rgb(191, 126, 255); --color-purple-500: rgb(171, 78, 255); --color-purple-600: rgb(152, 16, 250); --color-purple-700: rgb(130, 0, 217); --color-purple-800: rgb(110, 17, 176); --color-purple-900: rgb(89, 22, 139); --color-purple-950: rgb(60, 3, 102); --color-fuchsia-50: rgb(253, 244, 255); --color-fuchsia-100: rgb(250, 232, 255); --color-fuchsia-200: rgb(246, 207, 255); --color-fuchsia-300: rgb(242, 169, 255); --color-fuchsia-400: rgb(236, 109, 255); --color-fuchsia-500: rgb(225, 42, 251); --color-fuchsia-600: rgb(197, 0, 218); --color-fuchsia-700: rgb(166, 0, 180); --color-fuchsia-800: rgb(138, 1, 148); --color-fuchsia-900: rgb(114, 19, 120); --color-fuchsia-950: rgb(75, 0, 79); --color-pink-50: rgb(253, 242, 248); --color-pink-100: rgb(252, 231, 243); --color-pink-200: rgb(252, 206, 232); --color-pink-300: rgb(253, 165, 213); --color-pink-400: rgb(251, 100, 182); --color-pink-500: rgb(246, 51, 154); --color-pink-600: rgb(227, 0, 118); --color-pink-700: rgb(194, 0, 92); --color-pink-800: rgb(162, 0, 76); --color-pink-900: rgb(134, 16, 67); --color-pink-950: rgb(81, 4, 36); --color-rose-50: rgb(255, 241, 242); --color-rose-100: rgb(255, 228, 230); --color-rose-200: rgb(255, 204, 211); --color-rose-300: rgb(255, 163, 174); --color-rose-400: rgb(255, 104, 128); --color-rose-500: rgb(255, 35, 87); --color-rose-600: rgb(230, 0, 69); --color-rose-700: rgb(193, 0, 58); --color-rose-800: rgb(163, 0, 55); --color-rose-900: rgb(139, 8, 54); --color-rose-950: rgb(77, 2, 24); --color-slate-50: rgb(248, 250, 252); --color-slate-100: rgb(241, 245, 249); --color-slate-200: rgb(226, 232, 240); --color-slate-300: rgb(202, 213, 226); --color-slate-400: rgb(144, 161, 185); --color-slate-500: rgb(98, 116, 142); --color-slate-600: rgb(69, 85, 108); --color-slate-700: rgb(49, 65, 88); --color-slate-800: rgb(29, 41, 61); --color-slate-900: rgb(15, 23, 43); --color-slate-950: rgb(2, 6, 24); --color-gray-50: rgb(249, 250, 251); --color-gray-100: rgb(243, 244, 246); --color-gray-200: rgb(229, 231, 235); --color-gray-300: rgb(209, 213, 220); --color-gray-400: rgb(153, 161, 175); --color-gray-500: rgb(106, 114, 130); --color-gray-600: rgb(74, 85, 101); --color-gray-700: rgb(54, 65, 83); --color-gray-800: rgb(30, 41, 57); --color-gray-900: rgb(16, 24, 40); --color-gray-950: rgb(3, 7, 18); --color-zinc-50: rgb(250, 250, 250); --color-zinc-100: rgb(244, 244, 245); --color-zinc-200: rgb(228, 228, 231); --color-zinc-300: rgb(212, 212, 216); --color-zinc-400: rgb(159, 159, 169); --color-zinc-500: rgb(113, 113, 123); --color-zinc-600: rgb(82, 82, 92); --color-zinc-700: rgb(63, 63, 70); --color-zinc-800: rgb(39, 39, 42); --color-zinc-900: rgb(24, 24, 27); --color-zinc-950: rgb(9, 9, 11); --color-neutral-50: rgb(250, 250, 250); --color-neutral-100: rgb(245, 245, 245); --color-neutral-200: rgb(229, 229, 229); --color-neutral-300: rgb(212, 212, 212); --color-neutral-400: rgb(161, 161, 161); --color-neutral-500: rgb(115, 115, 115); --color-neutral-600: rgb(82, 82, 82); --color-neutral-700: rgb(64, 64, 64); --color-neutral-800: rgb(38, 38, 38); --color-neutral-900: rgb(23, 23, 23); --color-neutral-950: rgb(10, 10, 10); --color-stone-50: rgb(250, 250, 249); --color-stone-100: rgb(245, 245, 244); --color-stone-200: rgb(231, 229, 228); --color-stone-300: rgb(214, 211, 209); --color-stone-400: rgb(166, 160, 155); --color-stone-500: rgb(121, 113, 107); --color-stone-600: rgb(87, 83, 77); --color-stone-700: rgb(68, 64, 59); --color-stone-800: rgb(41, 37, 36); --color-stone-900: rgb(28, 25, 23); --color-stone-950: rgb(12, 10, 9); --color-mauve-50: rgb(250, 250, 250); --color-mauve-100: rgb(243, 241, 243); --color-mauve-200: rgb(231, 228, 231); --color-mauve-300: rgb(215, 208, 215); --color-mauve-400: rgb(168, 158, 169); --color-mauve-500: rgb(121, 105, 123); --color-mauve-600: rgb(89, 76, 91); --color-mauve-700: rgb(70, 57, 71); --color-mauve-800: rgb(42, 33, 44); --color-mauve-900: rgb(29, 22, 30); --color-mauve-950: rgb(12, 9, 12); --color-olive-50: rgb(251, 251, 249); --color-olive-100: rgb(244, 244, 240); --color-olive-200: rgb(232, 232, 227); --color-olive-300: rgb(216, 216, 208); --color-olive-400: rgb(171, 171, 156); --color-olive-500: rgb(124, 124, 103); --color-olive-600: rgb(91, 91, 75); --color-olive-700: rgb(71, 71, 57); --color-olive-800: rgb(43, 43, 34); --color-olive-900: rgb(29, 29, 22); --color-olive-950: rgb(12, 12, 9); --color-mist-50: rgb(249, 251, 251); --color-mist-100: rgb(241, 243, 243); --color-mist-200: rgb(227, 231, 232); --color-mist-300: rgb(208, 214, 216); --color-mist-400: rgb(156, 168, 171); --color-mist-500: rgb(103, 120, 124); --color-mist-600: rgb(75, 88, 91); --color-mist-700: rgb(57, 68, 71); --color-mist-800: rgb(34, 41, 43); --color-mist-900: rgb(22, 27, 29); --color-mist-950: rgb(9, 11, 12); --color-taupe-50: rgb(251, 250, 249); --color-taupe-100: rgb(243, 241, 241); --color-taupe-200: rgb(232, 228, 227); --color-taupe-300: rgb(216, 210, 208); --color-taupe-400: rgb(171, 160, 156); --color-taupe-500: rgb(124, 109, 103); --color-taupe-600: rgb(91, 79, 75); --color-taupe-700: rgb(71, 60, 57); --color-taupe-800: rgb(43, 36, 34); --color-taupe-900: rgb(29, 24, 22); --color-taupe-950: rgb(12, 10, 9); --color-black: #000; --color-white: #fff; --spacing: .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: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --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: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgba(0, 0, 0, .05); --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05); --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25); --inset-shadow-2xs: inset 0 1px rgba(0, 0, 0, .05); --inset-shadow-xs: inset 0 1px 1px rgba(0, 0, 0, .05); --inset-shadow-sm: inset 0 2px 4px rgba(0, 0, 0, .05); --drop-shadow-xs: 0 1px 1px rgba(0, 0, 0, .05); --drop-shadow-sm: 0 1px 2px rgba(0, 0, 0, .15); --drop-shadow-md: 0 3px 3px rgba(0, 0, 0, .12); --drop-shadow-lg: 0 4px 4px rgba(0, 0, 0, .15); --drop-shadow-xl: 0 9px 7px rgba(0, 0, 0, .1); --drop-shadow-2xl: 0 25px 25px rgba(0, 0, 0, .15); --text-shadow-2xs: 0px 1px 0px rgba(0, 0, 0, .15); --text-shadow-xs: 0px 1px 1px rgba(0, 0, 0, .2); --text-shadow-sm: 0px 1px 0px rgba(0, 0, 0, .075), 0px 1px 1px rgba(0, 0, 0, .075), 0px 2px 2px rgba(0, 0, 0, .075); --text-shadow-md: 0px 1px 1px rgba(0, 0, 0, .1), 0px 1px 2px rgba(0, 0, 0, .1), 0px 2px 4px rgba(0, 0, 0, .1); --text-shadow-lg: 0px 1px 2px rgba(0, 0, 0, .1), 0px 3px 2px rgba(0, 0, 0, .1), 0px 4px 8px rgba(0, 0, 0, .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --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: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme(--font-sans--font-feature-settings, initial); --default-font-variation-settings: --theme(--font-sans--font-variation-settings, initial); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme(--font-mono--font-feature-settings, initial); --default-mono-font-variation-settings: --theme(--font-mono--font-variation-settings, initial); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1); --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05); --drop-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(0, 0, 0, .06); --radius: .25rem; --max-width-prose: 65ch; }@tailwind utilities;@theme default{ --font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-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: rgb(254, 242, 242); --color-red-100: rgb(255, 226, 226); --color-red-200: rgb(255, 202, 202); --color-red-300: rgb(255, 163, 164); --color-red-400: rgb(255, 101, 104); --color-red-500: rgb(251, 44, 54); --color-red-600: rgb(228, 0, 22); --color-red-700: rgb(191, 0, 15); --color-red-800: rgb(159, 7, 18); --color-red-900: rgb(130, 24, 26); --color-red-950: rgb(70, 8, 9); --color-orange-50: rgb(255, 247, 237); --color-orange-100: rgb(255, 237, 213); --color-orange-200: rgb(255, 215, 168); --color-orange-300: rgb(255, 185, 112); --color-orange-400: rgb(255, 139, 31); --color-orange-500: rgb(252, 113, 0); --color-orange-600: rgb(236, 86, 0); --color-orange-700: rgb(196, 62, 0); --color-orange-800: rgb(159, 45, 0); --color-orange-900: rgb(126, 42, 12); --color-orange-950: rgb(68, 19, 6); --color-amber-50: rgb(255, 251, 235); --color-amber-100: rgb(254, 243, 198); --color-amber-200: rgb(254, 230, 133); --color-amber-300: rgb(255, 210, 55); --color-amber-400: rgb(250, 188, 0); --color-amber-500: rgb(246, 158, 0); --color-amber-600: rgb(218, 119, 0); --color-amber-700: rgb(181, 82, 0); --color-amber-800: rgb(149, 61, 0); --color-amber-900: rgb(123, 51, 6); --color-amber-950: rgb(70, 25, 1); --color-yellow-50: rgb(254, 252, 232); --color-yellow-100: rgb(254, 249, 194); --color-yellow-200: rgb(255, 240, 133); --color-yellow-300: rgb(255, 224, 46); --color-yellow-400: rgb(247, 201, 0); --color-yellow-500: rgb(234, 179, 0); --color-yellow-600: rgb(202, 138, 0); --color-yellow-700: rgb(162, 98, 0); --color-yellow-800: rgb(135, 76, 0); --color-yellow-900: rgb(115, 62, 10); --color-yellow-950: rgb(67, 32, 4); --color-lime-50: rgb(247, 254, 231); --color-lime-100: rgb(236, 252, 202); --color-lime-200: rgb(216, 249, 153); --color-lime-300: rgb(187, 244, 81); --color-lime-400: rgb(157, 229, 0); --color-lime-500: rgb(131, 204, 0); --color-lime-600: rgb(100, 163, 0); --color-lime-700: rgb(75, 124, 0); --color-lime-800: rgb(61, 99, 0); --color-lime-900: rgb(53, 83, 14); --color-lime-950: rgb(25, 46, 3); --color-green-50: rgb(240, 253, 244); --color-green-100: rgb(220, 252, 231); --color-green-200: rgb(185, 248, 207); --color-green-300: rgb(123, 241, 168); --color-green-400: rgb(5, 223, 114); --color-green-500: rgb(0, 198, 90); --color-green-600: rgb(0, 164, 71); --color-green-700: rgb(0, 129, 58); --color-green-800: rgb(1, 102, 48); --color-green-900: rgb(13, 84, 43); --color-green-950: rgb(3, 46, 21); --color-emerald-50: rgb(236, 253, 245); --color-emerald-100: rgb(208, 250, 229); --color-emerald-200: rgb(164, 244, 207); --color-emerald-300: rgb(94, 233, 181); --color-emerald-400: rgb(0, 210, 148); --color-emerald-500: rgb(0, 185, 129); --color-emerald-600: rgb(0, 150, 105); --color-emerald-700: rgb(0, 120, 87); --color-emerald-800: rgb(0, 95, 70); --color-emerald-900: rgb(0, 78, 59); --color-emerald-950: rgb(0, 44, 34); --color-teal-50: rgb(240, 253, 250); --color-teal-100: rgb(203, 251, 241); --color-teal-200: rgb(150, 247, 228); --color-teal-300: rgb(70, 236, 213); --color-teal-400: rgb(0, 211, 189); --color-teal-500: rgb(0, 185, 166); --color-teal-600: rgb(0, 148, 136); --color-teal-700: rgb(0, 119, 110); --color-teal-800: rgb(0, 95, 90); --color-teal-900: rgb(11, 79, 74); --color-teal-950: rgb(2, 47, 46); --color-cyan-50: rgb(236, 254, 255); --color-cyan-100: rgb(206, 250, 254); --color-cyan-200: rgb(162, 244, 253); --color-cyan-300: rgb(83, 234, 253); --color-cyan-400: rgb(0, 209, 236); --color-cyan-500: rgb(0, 182, 212); --color-cyan-600: rgb(0, 145, 179); --color-cyan-700: rgb(0, 116, 145); --color-cyan-800: rgb(0, 95, 120); --color-cyan-900: rgb(16, 78, 100); --color-cyan-950: rgb(5, 51, 69); --color-sky-50: rgb(240, 249, 255); --color-sky-100: rgb(223, 242, 254); --color-sky-200: rgb(184, 230, 254); --color-sky-300: rgb(120, 212, 255); --color-sky-400: rgb(0, 187, 253); --color-sky-500: rgb(0, 165, 234); --color-sky-600: rgb(0, 132, 199); --color-sky-700: rgb(0, 105, 162); --color-sky-800: rgb(0, 89, 134); --color-sky-900: rgb(2, 74, 112); --color-sky-950: rgb(5, 47, 74); --color-blue-50: rgb(239, 246, 255); --color-blue-100: rgb(219, 234, 254); --color-blue-200: rgb(190, 219, 255); --color-blue-300: rgb(145, 197, 255); --color-blue-400: rgb(86, 162, 255); --color-blue-500: rgb(50, 128, 255); --color-blue-600: rgb(21, 93, 252); --color-blue-700: rgb(20, 71, 230); --color-blue-800: rgb(25, 60, 184); --color-blue-900: rgb(28, 57, 142); --color-blue-950: rgb(22, 36, 86); --color-indigo-50: rgb(238, 242, 255); --color-indigo-100: rgb(224, 231, 255); --color-indigo-200: rgb(199, 210, 255); --color-indigo-300: rgb(164, 180, 255); --color-indigo-400: rgb(125, 135, 255); --color-indigo-500: rgb(98, 96, 255); --color-indigo-600: rgb(79, 57, 246); --color-indigo-700: rgb(67, 45, 215); --color-indigo-800: rgb(55, 42, 172); --color-indigo-900: rgb(49, 44, 133); --color-indigo-950: rgb(30, 26, 77); --color-violet-50: rgb(245, 243, 255); --color-violet-100: rgb(237, 233, 254); --color-violet-200: rgb(221, 214, 255); --color-violet-300: rgb(196, 180, 255); --color-violet-400: rgb(166, 134, 255); --color-violet-500: rgb(141, 86, 255); --color-violet-600: rgb(127, 34, 254); --color-violet-700: rgb(112, 8, 231); --color-violet-800: rgb(93, 14, 192); --color-violet-900: rgb(77, 23, 154); --color-violet-950: rgb(47, 13, 104); --color-purple-50: rgb(250, 245, 255); --color-purple-100: rgb(243, 232, 255); --color-purple-200: rgb(233, 213, 255); --color-purple-300: rgb(216, 180, 255); --color-purple-400: rgb(191, 126, 255); --color-purple-500: rgb(171, 78, 255); --color-purple-600: rgb(152, 16, 250); --color-purple-700: rgb(130, 0, 217); --color-purple-800: rgb(110, 17, 176); --color-purple-900: rgb(89, 22, 139); --color-purple-950: rgb(60, 3, 102); --color-fuchsia-50: rgb(253, 244, 255); --color-fuchsia-100: rgb(250, 232, 255); --color-fuchsia-200: rgb(246, 207, 255); --color-fuchsia-300: rgb(242, 169, 255); --color-fuchsia-400: rgb(236, 109, 255); --color-fuchsia-500: rgb(225, 42, 251); --color-fuchsia-600: rgb(197, 0, 218); --color-fuchsia-700: rgb(166, 0, 180); --color-fuchsia-800: rgb(138, 1, 148); --color-fuchsia-900: rgb(114, 19, 120); --color-fuchsia-950: rgb(75, 0, 79); --color-pink-50: rgb(253, 242, 248); --color-pink-100: rgb(252, 231, 243); --color-pink-200: rgb(252, 206, 232); --color-pink-300: rgb(253, 165, 213); --color-pink-400: rgb(251, 100, 182); --color-pink-500: rgb(246, 51, 154); --color-pink-600: rgb(227, 0, 118); --color-pink-700: rgb(194, 0, 92); --color-pink-800: rgb(162, 0, 76); --color-pink-900: rgb(134, 16, 67); --color-pink-950: rgb(81, 4, 36); --color-rose-50: rgb(255, 241, 242); --color-rose-100: rgb(255, 228, 230); --color-rose-200: rgb(255, 204, 211); --color-rose-300: rgb(255, 163, 174); --color-rose-400: rgb(255, 104, 128); --color-rose-500: rgb(255, 35, 87); --color-rose-600: rgb(230, 0, 69); --color-rose-700: rgb(193, 0, 58); --color-rose-800: rgb(163, 0, 55); --color-rose-900: rgb(139, 8, 54); --color-rose-950: rgb(77, 2, 24); --color-slate-50: rgb(248, 250, 252); --color-slate-100: rgb(241, 245, 249); --color-slate-200: rgb(226, 232, 240); --color-slate-300: rgb(202, 213, 226); --color-slate-400: rgb(144, 161, 185); --color-slate-500: rgb(98, 116, 142); --color-slate-600: rgb(69, 85, 108); --color-slate-700: rgb(49, 65, 88); --color-slate-800: rgb(29, 41, 61); --color-slate-900: rgb(15, 23, 43); --color-slate-950: rgb(2, 6, 24); --color-gray-50: rgb(249, 250, 251); --color-gray-100: rgb(243, 244, 246); --color-gray-200: rgb(229, 231, 235); --color-gray-300: rgb(209, 213, 220); --color-gray-400: rgb(153, 161, 175); --color-gray-500: rgb(106, 114, 130); --color-gray-600: rgb(74, 85, 101); --color-gray-700: rgb(54, 65, 83); --color-gray-800: rgb(30, 41, 57); --color-gray-900: rgb(16, 24, 40); --color-gray-950: rgb(3, 7, 18); --color-zinc-50: rgb(250, 250, 250); --color-zinc-100: rgb(244, 244, 245); --color-zinc-200: rgb(228, 228, 231); --color-zinc-300: rgb(212, 212, 216); --color-zinc-400: rgb(159, 159, 169); --color-zinc-500: rgb(113, 113, 123); --color-zinc-600: rgb(82, 82, 92); --color-zinc-700: rgb(63, 63, 70); --color-zinc-800: rgb(39, 39, 42); --color-zinc-900: rgb(24, 24, 27); --color-zinc-950: rgb(9, 9, 11); --color-neutral-50: rgb(250, 250, 250); --color-neutral-100: rgb(245, 245, 245); --color-neutral-200: rgb(229, 229, 229); --color-neutral-300: rgb(212, 212, 212); --color-neutral-400: rgb(161, 161, 161); --color-neutral-500: rgb(115, 115, 115); --color-neutral-600: rgb(82, 82, 82); --color-neutral-700: rgb(64, 64, 64); --color-neutral-800: rgb(38, 38, 38); --color-neutral-900: rgb(23, 23, 23); --color-neutral-950: rgb(10, 10, 10); --color-stone-50: rgb(250, 250, 249); --color-stone-100: rgb(245, 245, 244); --color-stone-200: rgb(231, 229, 228); --color-stone-300: rgb(214, 211, 209); --color-stone-400: rgb(166, 160, 155); --color-stone-500: rgb(121, 113, 107); --color-stone-600: rgb(87, 83, 77); --color-stone-700: rgb(68, 64, 59); --color-stone-800: rgb(41, 37, 36); --color-stone-900: rgb(28, 25, 23); --color-stone-950: rgb(12, 10, 9); --color-mauve-50: rgb(250, 250, 250); --color-mauve-100: rgb(243, 241, 243); --color-mauve-200: rgb(231, 228, 231); --color-mauve-300: rgb(215, 208, 215); --color-mauve-400: rgb(168, 158, 169); --color-mauve-500: rgb(121, 105, 123); --color-mauve-600: rgb(89, 76, 91); --color-mauve-700: rgb(70, 57, 71); --color-mauve-800: rgb(42, 33, 44); --color-mauve-900: rgb(29, 22, 30); --color-mauve-950: rgb(12, 9, 12); --color-olive-50: rgb(251, 251, 249); --color-olive-100: rgb(244, 244, 240); --color-olive-200: rgb(232, 232, 227); --color-olive-300: rgb(216, 216, 208); --color-olive-400: rgb(171, 171, 156); --color-olive-500: rgb(124, 124, 103); --color-olive-600: rgb(91, 91, 75); --color-olive-700: rgb(71, 71, 57); --color-olive-800: rgb(43, 43, 34); --color-olive-900: rgb(29, 29, 22); --color-olive-950: rgb(12, 12, 9); --color-mist-50: rgb(249, 251, 251); --color-mist-100: rgb(241, 243, 243); --color-mist-200: rgb(227, 231, 232); --color-mist-300: rgb(208, 214, 216); --color-mist-400: rgb(156, 168, 171); --color-mist-500: rgb(103, 120, 124); --color-mist-600: rgb(75, 88, 91); --color-mist-700: rgb(57, 68, 71); --color-mist-800: rgb(34, 41, 43); --color-mist-900: rgb(22, 27, 29); --color-mist-950: rgb(9, 11, 12); --color-taupe-50: rgb(251, 250, 249); --color-taupe-100: rgb(243, 241, 241); --color-taupe-200: rgb(232, 228, 227); --color-taupe-300: rgb(216, 210, 208); --color-taupe-400: rgb(171, 160, 156); --color-taupe-500: rgb(124, 109, 103); --color-taupe-600: rgb(91, 79, 75); --color-taupe-700: rgb(71, 60, 57); --color-taupe-800: rgb(43, 36, 34); --color-taupe-900: rgb(29, 24, 22); --color-taupe-950: rgb(12, 10, 9); --color-black: #000; --color-white: #fff; --spacing: .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: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --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: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgba(0, 0, 0, .05); --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05); --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25); --inset-shadow-2xs: inset 0 1px rgba(0, 0, 0, .05); --inset-shadow-xs: inset 0 1px 1px rgba(0, 0, 0, .05); --inset-shadow-sm: inset 0 2px 4px rgba(0, 0, 0, .05); --drop-shadow-xs: 0 1px 1px rgba(0, 0, 0, .05); --drop-shadow-sm: 0 1px 2px rgba(0, 0, 0, .15); --drop-shadow-md: 0 3px 3px rgba(0, 0, 0, .12); --drop-shadow-lg: 0 4px 4px rgba(0, 0, 0, .15); --drop-shadow-xl: 0 9px 7px rgba(0, 0, 0, .1); --drop-shadow-2xl: 0 25px 25px rgba(0, 0, 0, .15); --text-shadow-2xs: 0px 1px 0px rgba(0, 0, 0, .15); --text-shadow-xs: 0px 1px 1px rgba(0, 0, 0, .2); --text-shadow-sm: 0px 1px 0px rgba(0, 0, 0, .075), 0px 1px 1px rgba(0, 0, 0, .075), 0px 2px 2px rgba(0, 0, 0, .075); --text-shadow-md: 0px 1px 1px rgba(0, 0, 0, .1), 0px 1px 2px rgba(0, 0, 0, .1), 0px 2px 4px rgba(0, 0, 0, .1); --text-shadow-lg: 0px 1px 2px rgba(0, 0, 0, .1), 0px 3px 2px rgba(0, 0, 0, .1), 0px 4px 8px rgba(0, 0, 0, .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 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: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme(--font-sans--font-feature-settings, initial); --default-font-variation-settings: --theme(--font-sans--font-variation-settings, initial); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme(--font-mono--font-feature-settings, initial); --default-mono-font-variation-settings: --theme(--font-mono--font-variation-settings, initial); }@supports (color: color(display-p3 0 0 0%)){@theme default{ --color-red-200: rgb(255, 202, 202); --color-red-300: rgb(255, 163, 164); --color-red-400: rgb(255, 101, 104); --color-red-600: rgb(228, 0, 22); --color-red-700: rgb(191, 0, 16); --color-orange-50: rgb(255, 247, 237); --color-orange-100: rgb(255, 237, 213); --color-orange-200: rgb(255, 215, 168); --color-orange-300: rgb(255, 185, 112); --color-orange-400: rgb(255, 139, 31); --color-orange-500: rgb(252, 113, 0); --color-orange-600: rgb(236, 86, 0); --color-orange-700: rgb(196, 62, 0); --color-orange-800: rgb(159, 45, 0); --color-amber-50: rgb(255, 251, 235); --color-amber-300: rgb(255, 210, 55); --color-amber-400: rgb(250, 188, 0); --color-amber-500: rgb(246, 158, 0); --color-amber-600: rgb(218, 119, 0); --color-amber-700: rgb(181, 82, 0); --color-amber-800: rgb(149, 61, 0); --color-yellow-300: rgb(255, 224, 46); --color-yellow-400: rgb(247, 201, 0); --color-yellow-500: rgb(234, 179, 0); --color-yellow-600: rgb(202, 138, 0); --color-yellow-700: rgb(162, 98, 0); --color-yellow-800: rgb(135, 76, 0); --color-lime-400: rgb(157, 229, 0); --color-lime-500: rgb(131, 204, 0); --color-lime-600: rgb(100, 163, 0); --color-lime-700: rgb(75, 124, 0); --color-lime-800: rgb(61, 99, 0); --color-green-500: rgb(0, 198, 90); --color-green-600: rgb(0, 164, 71); --color-green-700: rgb(0, 129, 58); --color-emerald-400: rgb(0, 210, 148); --color-emerald-500: rgb(0, 185, 129); --color-emerald-600: rgb(0, 150, 105); --color-emerald-700: rgb(0, 120, 87); --color-emerald-800: rgb(0, 95, 70); --color-emerald-900: rgb(0, 78, 59); --color-emerald-950: rgb(0, 44, 34); --color-teal-400: rgb(0, 211, 189); --color-teal-500: rgb(0, 185, 166); --color-teal-600: rgb(0, 148, 136); --color-teal-700: rgb(0, 119, 110); --color-teal-800: rgb(0, 95, 90); --color-cyan-400: rgb(0, 209, 236); --color-cyan-500: rgb(0, 182, 212); --color-cyan-600: rgb(0, 145, 179); --color-cyan-700: rgb(0, 116, 145); --color-cyan-800: rgb(0, 95, 120); --color-sky-50: rgb(240, 249, 255); --color-sky-300: rgb(120, 212, 255); --color-sky-400: rgb(0, 187, 253); --color-sky-500: rgb(0, 165, 234); --color-sky-600: rgb(0, 132, 199); --color-sky-700: rgb(0, 105, 162); --color-sky-800: rgb(0, 89, 134); --color-blue-200: rgb(190, 219, 255); --color-blue-300: rgb(145, 197, 255); --color-blue-400: rgb(86, 162, 255); --color-blue-500: rgb(50, 128, 255); --color-indigo-50: rgb(238, 242, 255); --color-indigo-100: rgb(224, 231, 255); --color-indigo-200: rgb(199, 210, 255); --color-indigo-300: rgb(164, 180, 255); --color-indigo-400: rgb(125, 135, 255); --color-indigo-500: rgb(98, 96, 255); --color-violet-200: rgb(221, 214, 255); --color-violet-300: rgb(196, 180, 255); --color-violet-400: rgb(166, 134, 255); --color-violet-500: rgb(141, 86, 255); --color-purple-200: rgb(233, 213, 255); --color-purple-300: rgb(216, 180, 255); --color-purple-400: rgb(191, 126, 255); --color-purple-500: rgb(171, 78, 255); --color-purple-700: rgb(130, 0, 217); --color-fuchsia-100: rgb(250, 232, 255); --color-fuchsia-200: rgb(246, 207, 255); --color-fuchsia-300: rgb(242, 169, 255); --color-fuchsia-400: rgb(236, 109, 255); --color-fuchsia-600: rgb(197, 0, 218); --color-fuchsia-700: rgb(166, 0, 180); --color-pink-600: rgb(227, 0, 118); --color-pink-700: rgb(194, 0, 92); --color-pink-800: rgb(162, 0, 76); --color-rose-100: rgb(255, 228, 230); --color-rose-200: rgb(255, 204, 211); --color-rose-300: rgb(255, 163, 174); --color-rose-400: rgb(255, 104, 128); --color-rose-500: rgb(255, 35, 87); --color-rose-600: rgb(230, 0, 69); --color-rose-700: rgb(193, 0, 58); --color-rose-800: rgb(163, 0, 55); }@media(color-gamut:p3){@theme default{ --color-red-200: color(display-p3 .96956 .79815 .7943); --color-red-300: color(display-p3 .95692 .65189 .64512); --color-red-400: color(display-p3 .93353 .43168 .42349); --color-red-600: color(display-p3 .83032 .14038 .1332); --color-red-700: color(display-p3 .69274 .11623 .10468); --color-orange-50: color(display-p3 .99533 .97013 .9335); --color-orange-100: color(display-p3 .98876 .93139 .84327); --color-orange-200: color(display-p3 .97465 .84705 .68011); --color-orange-300: color(display-p3 .96801 .73435 .46416); --color-orange-400: color(display-p3 .95019 .56181 .21102); --color-orange-500: color(display-p3 .94659 .44979 .07573); --color-orange-600: color(display-p3 .88747 .34166 .022); --color-orange-700: color(display-p3 .72984 .25726 .05111); --color-orange-800: color(display-p3 .57559 .21198 .08266); --color-amber-50: color(display-p3 .9978 .98505 .92631); --color-amber-300: color(display-p3 .97433 .83063 .33298); --color-amber-400: color(display-p3 .95919 .73852 .11827); --color-amber-500: color(display-p3 .93994 .62058 .05854); --color-amber-600: color(display-p3 .82714 .46717 .0336); --color-amber-700: color(display-p3 .67989 .32771 .05205); --color-amber-800: color(display-p3 .54753 .25606 .07283); --color-yellow-300: color(display-p3 .98267 .88088 .32102); --color-yellow-400: color(display-p3 .95994 .79017 .05852); --color-yellow-500: color(display-p3 .90365 .70306 .07454); --color-yellow-600: color(display-p3 .77634 .54249 .04171); --color-yellow-700: color(display-p3 .61315 .38666 .05797); --color-yellow-800: color(display-p3 .50318 .30478 .07554); --color-lime-400: color(display-p3 .66872 .89377 .20881); --color-lime-500: color(display-p3 .5627 .8018 .13123); --color-lime-600: color(display-p3 .43535 .64061 .09093); --color-lime-700: color(display-p3 .33335 .48633 .09443); --color-lime-800: color(display-p3 .27146 .38418 .09751); --color-green-500: color(display-p3 .30873 .77475 .37431); --color-green-600: color(display-p3 .24388 .64082 .29481); --color-green-700: color(display-p3 .19836 .5018 .24533); --color-emerald-400: color(display-p3 .3347 .8196 .59158); --color-emerald-500: color(display-p3 .26711 .72685 .5084); --color-emerald-600: color(display-p3 .20656 .58906 .41396); --color-emerald-700: color(display-p3 .16404 .47023 .34351); --color-emerald-800: color(display-p3 .1354 .3714 .27756); --color-emerald-900: color(display-p3 .11782 .30297 .2345); --color-emerald-950: color(display-p3 .05491 .17043 .13484); --color-teal-400: color(display-p3 .32279 .82206 .74439); --color-teal-500: color(display-p3 .26657 .72152 .65546); --color-teal-600: color(display-p3 .20711 .57958 .53668); --color-teal-700: color(display-p3 .17409 .46132 .43387); --color-teal-800: color(display-p3 .1457 .36705 .35075); --color-cyan-400: color(display-p3 .29464 .81399 .935); --color-cyan-500: color(display-p3 .2467 .71003 .84144); --color-cyan-600: color(display-p3 .19325 .56465 .7072); --color-cyan-700: color(display-p3 .16412 .45143 .57057); --color-cyan-800: color(display-p3 .15144 .36521 .46105); --color-sky-50: color(display-p3 .9465 .9754 .99834); --color-sky-300: color(display-p3 .54636 .82256 .99058); --color-sky-400: color(display-p3 .30598 .72501 .98017); --color-sky-500: color(display-p3 .21911 .63903 .93148); --color-sky-600: color(display-p3 .16251 .50938 .79608); --color-sky-700: color(display-p3 .13031 .40457 .64085); --color-sky-800: color(display-p3 .12072 .34308 .52441); --color-blue-200: color(display-p3 .76688 .85521 .98748); --color-blue-300: color(display-p3 .60256 .76721 .99394); --color-blue-400: color(display-p3 .39744 .62813 .99212); --color-blue-500: color(display-p3 .26642 .49122 .98862); --color-indigo-50: color(display-p3 .93622 .94862 .99562); --color-indigo-100: color(display-p3 .88303 .90499 .99314); --color-indigo-200: color(display-p3 .78656 .82175 .98845); --color-indigo-300: color(display-p3 .65089 .70016 .99082); --color-indigo-400: color(display-p3 .49499 .52529 .98511); --color-indigo-500: color(display-p3 .38037 .37224 .97171); --color-violet-200: color(display-p3 .86154 .83885 .98801); --color-violet-300: color(display-p3 .75887 .70626 .99173); --color-violet-400: color(display-p3 .63122 .52218 .99001); --color-violet-500: color(display-p3 .52337 .3296 .99088); --color-purple-200: color(display-p3 .90118 .83598 .99224); --color-purple-300: color(display-p3 .82939 .70374 .99608); --color-purple-400: color(display-p3 .71992 .4925 .99517); --color-purple-500: color(display-p3 .62952 .30089 .99082); --color-purple-700: color(display-p3 .4653 .06526 .8244); --color-fuchsia-100: color(display-p3 .96918 .91147 .99504); --color-fuchsia-200: color(display-p3 .93953 .81894 .98798); --color-fuchsia-300: color(display-p3 .91137 .67005 .98621); --color-fuchsia-400: color(display-p3 .86677 .44776 .97903); --color-fuchsia-600: color(display-p3 .71659 .08368 .84104); --color-fuchsia-700: color(display-p3 .60171 .07756 .69279); --color-pink-600: color(display-p3 .82565 .1412 .45934); --color-pink-700: color(display-p3 .71154 .10101 .35821); --color-pink-800: color(display-p3 .58415 .10534 .2974); --color-rose-100: color(display-p3 .98224 .89723 .90257); --color-rose-200: color(display-p3 .96875 .80878 .82732); --color-rose-300: color(display-p3 .96017 .6477 .68372); --color-rose-400: color(display-p3 .94293 .43076 .5031); --color-rose-500: color(display-p3 .92182 .24075 .35567); --color-rose-600: color(display-p3 .84879 .10201 .26926); --color-rose-700: color(display-p3 .7118 .07708 .22678); --color-rose-800: color(display-p3 .59125 .09291 .2201); }}}@theme{ --color-primary: var(--color-indigo-600, #4f46e5); --color-secondary: #10b981; }.blog-post-page:not(#\#):not(#\#){display:flex;flex-direction:column;gap:2rem;max-width:72rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;padding-bottom:4rem;box-sizing:border-box}@media(min-width:1024px){.blog-post-page:not(#\#):not(#\#){flex-direction:row;align-items:flex-start}}.blog-post-main:not(#\#):not(#\#){width:100%;box-sizing:border-box}@media(min-width:1024px){.blog-post-main:not(#\#):not(#\#){width:66.6667%;flex-shrink:0}}.blog-post-sidebar:not(#\#):not(#\#){width:100%;display:flex;flex-direction:column;gap:1.5rem;box-sizing:border-box}@media(min-width:1024px){.blog-post-sidebar:not(#\#):not(#\#){width:33.3333%;flex-shrink:0}}@media(max-width:1023.98px){.blog-post-sidebar:not(#\#):not(#\#){margin-top:2.5rem}}.blog-post-article:not(#\#):not(#\#){background-color:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid rgb(241,245,249);padding:1.5rem;box-sizing:border-box}@media(min-width:768px){.blog-post-article:not(#\#):not(#\#){padding:2.5rem}}.blog-post-header:not(#\#):not(#\#){margin-bottom:0;padding-bottom:2rem;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#f1f5f9}.blog-post-header:not(#\#):not(#\#) h1{font-size:1.5rem;font-weight:700;line-height:1.25;margin-bottom:0;color:#0f172a}@media(min-width:768px){.blog-post-header:not(#\#):not(#\#) h1{font-size:1.875rem}}.blog-post-meta:not(#\#):not(#\#){display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;-moz-column-gap:1rem;column-gap:1rem;row-gap:.5rem;font-size:.875rem;color:#64748b}.blog-post-meta:not(#\#):not(#\#) a{color:inherit;text-decoration:none}.blog-post-meta:not(#\#):not(#\#) a:hover{opacity:.8}.blog-post-header:not(#\#):not(#\#) .blog-post-meta{margin-top:1rem}.blog-post-featured-image:not(#\#):not(#\#) img{display:block;width:100%;max-width:100%;height:auto}.blog-article-body:not(#\#):not(#\#){width:100%;max-width:700px;margin-left:auto;margin-right:auto;margin-top:2rem;margin-bottom:0;box-sizing:border-box}.blog-article-body:not(#\#):not(#\#) .blog-article-content{max-width:100%;overflow-x:auto}.blog-article-content:not(#\#):not(#\#){font-size:1rem;line-height:1.625;color:#334155}.blog-article-content:not(#\#):not(#\#) h2{font-size:1.25rem;font-weight:700;margin-top:2rem;margin-bottom:0;padding-left:.75rem;border-left-width:4px;border-left-style:solid;border-left-color:var(--color-primary);color:#0f172a}.blog-article-content:not(#\#):not(#\#)>h2:first-child{margin-top:0}.blog-article-content:not(#\#):not(#\#) h3{font-size:1.125rem;font-weight:600;margin-top:1.5rem;margin-bottom:0;color:#0f172a}.blog-article-content:not(#\#):not(#\#)>h3:first-child{margin-top:0}.blog-article-content:not(#\#):not(#\#) h4{font-size:1rem;font-weight:600;margin-top:1.25rem;margin-bottom:0;color:#0f172a}.blog-article-content:not(#\#):not(#\#)>h4:first-child{margin-top:0}.blog-article-content:not(#\#):not(#\#) p{margin-top:1rem;margin-bottom:0}.blog-article-content:not(#\#):not(#\#)>p:first-child{margin-top:0}.blog-article-content:not(#\#):not(#\#) img{max-width:100%;height:auto;border-radius:.5rem;margin-top:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a}.blog-article-content:not(#\#):not(#\#) ul,.blog-article-content:not(#\#):not(#\#) ol{margin-top:1rem;margin-bottom:1rem;padding-left:2rem}.blog-article-content:not(#\#):not(#\#) ol{list-style-type:decimal;list-style-position:outside}.blog-article-content:not(#\#):not(#\#) ul{list-style-type:disc;list-style-position:outside}.blog-article-content:not(#\#):not(#\#) ol ol{list-style-type:lower-alpha}.blog-article-content:not(#\#):not(#\#) ol ol ol{list-style-type:lower-roman}.blog-article-content:not(#\#):not(#\#) li{margin-bottom:0}.blog-article-content:not(#\#):not(#\#) li:not(:first-child){margin-top:.5rem}.blog-article-content:not(#\#):not(#\#) blockquote{border-left-width:4px;border-left-style:solid;border-left-color:var(--color-primary);padding-left:1rem;margin-top:1.5rem;margin-bottom:1.5rem;font-style:italic;color:#475569}.blog-article-content:not(#\#):not(#\#) a{color:var(--color-primary);text-decoration:underline;transition:opacity .2s}.blog-article-content:not(#\#):not(#\#) a:hover{opacity:.85}.blog-article-content:not(#\#):not(#\#) code{background-color:#f1f5f9;padding:.2em .4em;border-radius:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}.blog-article-content:not(#\#):not(#\#) pre,.blog-article-content:not(#\#):not(#\#) .wp-block-code pre{background-color:#0f172a;color:#e2e8f0;padding:1rem;border-radius:.5rem;overflow-x:auto;margin-top:1.5rem;margin-bottom:1.5rem;border:1px solid rgb(51,65,85);box-shadow:inset 0 1px #00000026}.blog-article-content:not(#\#):not(#\#) pre code,.blog-article-content:not(#\#):not(#\#) .wp-block-code pre code{background-color:transparent;padding:0;color:inherit;font-size:.875rem;line-height:1.6}.blog-article-content:not(#\#):not(#\#) pre a,.blog-article-content:not(#\#):not(#\#) .wp-block-code pre a{color:#a5b4fc}.blog-article-content:not(#\#):not(#\#) pre a:hover,.blog-article-content:not(#\#):not(#\#) .wp-block-code pre a:hover{opacity:.9}.blog-article-content:not(#\#):not(#\#) .wp-block-table,.blog-article-content:not(#\#):not(#\#) figure.wp-block-table{margin-top:1.5rem;margin-bottom:1.5rem;overflow-x:auto}.blog-article-content:not(#\#):not(#\#) .wp-block-table table,.blog-article-content:not(#\#):not(#\#)>table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.9375rem}.blog-article-content:not(#\#):not(#\#) .wp-block-table th,.blog-article-content:not(#\#):not(#\#) .wp-block-table td,.blog-article-content:not(#\#):not(#\#)>table th,.blog-article-content:not(#\#):not(#\#)>table td{border:1px solid rgb(203,213,225);padding:.5rem .75rem;text-align:left;word-wrap:anywhere}.blog-article-content:not(#\#):not(#\#) table th:first-child,.blog-article-content:not(#\#):not(#\#) table td:first-child{width:20%;max-width:12rem}.blog-article-content:not(#\#):not(#\#) .wp-block-table th{background-color:#f1f5f9;font-weight:600;color:#0f172a}.blog-article-content:not(#\#):not(#\#) .wp-block-code{margin-top:1.5rem;margin-bottom:1.5rem}.blog-article-content:not(#\#):not(#\#) .wp-block-code pre{margin-top:0;margin-bottom:0}.blog-post-category-guide:not(#\#):not(#\#){margin-top:2.5rem}.blog-post-share:not(#\#):not(#\#){display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:2.5rem;margin-bottom:0;padding-top:1.5rem;padding-bottom:1.5rem;border-top-width:1px;border-bottom-width:1px;border-color:#f1f5f9}.blog-post-share:not(#\#):not(#\#)>span:first-child{font-size:.875rem;font-weight:700;color:#94a3b8}.blog-post-share-buttons:not(#\#):not(#\#){display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.blog-post-share:not(#\#):not(#\#) a{display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:9999px;background-color:#f1f5f9;color:#475569;text-decoration:none}.blog-post-cta:not(#\#):not(#\#){background:linear-gradient(to bottom right,#eef2ff,#eff6ff);border-radius:.75rem;border:rgb(199,210,254) 1px solid;text-align:center;margin-top:2.5rem;padding:1rem 1.5rem}.blog-post-cta-inner:not(#\#):not(#\#)>.blog-post-cta-badge{margin-top:0}.blog-post-cta-badge:not(#\#):not(#\#){color:#fff;background-color:#4f46e5;background-color:var(--color-indigo-600, #4f46e5);border-radius:.5rem;margin-top:1rem;padding:.5rem}.blog-post-cta-inner:not(#\#):not(#\#) h2{margin-top:1rem;margin-bottom:0}.blog-post-cta-inner:not(#\#):not(#\#) p{margin-top:.75rem;margin-bottom:0}.blog-post-cta-inner:not(#\#):not(#\#) .blog-post-cta-actions{margin-top:1.5rem}.blog-post-cta-actions:not(#\#):not(#\#){display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1rem}.blog-post-cta-actions:not(#\#):not(#\#)>a{box-sizing:border-box;width:100%}@media(min-width:640px){.blog-post-cta-actions:not(#\#):not(#\#){flex-direction:row;align-items:stretch}.blog-post-cta-actions:not(#\#):not(#\#)>a.blog-post-cta-btn-primary{flex:6 1 0;min-width:0;width:auto}.blog-post-cta-actions:not(#\#):not(#\#)>a.blog-post-cta-btn-secondary{flex:4 1 0;min-width:0;width:auto}}.blog-post-cta-btn-primary:not(#\#):not(#\#){background-color:#4f46e5;background-color:var(--color-indigo-600, #4f46e5);color:#fff}.blog-post-cta-btn-primary:hover:not(#\#):not(#\#){background-color:#4338ca}.blog-post-cta-btn-secondary:not(#\#):not(#\#){background-color:#fff;color:#4f46e5;color:var(--color-indigo-600, #4f46e5);border-width:1px;border-style:solid;border-color:#4f46e5;border-color:var(--color-indigo-600, #4f46e5)}.blog-post-cta-btn-secondary:hover:not(#\#):not(#\#){background-color:#f8fafc}.blog-post-cta:not(#\#):not(#\#) h2{font-size:1.25rem;font-weight:700;color:#0f172a}@media(min-width:768px){.blog-post-cta:not(#\#):not(#\#) h2{font-size:1.5rem}}.blog-post-cta:not(#\#):not(#\#) p{max-width:32rem;font-size:.875rem;color:#475569;text-align:justify;margin-left:auto;margin-right:auto}@media(min-width:768px){.blog-post-cta:not(#\#):not(#\#) p{font-size:1rem}}.blog-post-cta:not(#\#):not(#\#) a[href].inline-flex{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;border-radius:.5rem;text-decoration:none;padding:.75rem 1.5rem}.blog-post-cta:not(#\#):not(#\#) a.bg-primary,.blog-post-cta:not(#\#):not(#\#) a.inline-flex.bg-primary,.blog-post-cta:not(#\#):not(#\#) a.blog-post-cta-btn-primary{color:#fff;background-color:#4f46e5;background-color:var(--color-indigo-600, #4f46e5)}.blog-post-cta:not(#\#):not(#\#) a.border-primary,.blog-post-cta:not(#\#):not(#\#) a.blog-post-cta-btn-secondary{color:#4f46e5;color:var(--color-indigo-600, #4f46e5);background-color:#fff;border:#4f46e5 1px solid;border:var(--color-indigo-600, #4f46e5) 1px solid}.blog-post-cta:not(#\#):not(#\#) .blog-post-cta-btn-works{gap:.5rem}.blog-post-cta:not(#\#):not(#\#) .blog-post-cta-works-lines{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.25;min-width:0}.blog-post-cta:not(#\#):not(#\#) .blog-post-cta-works-line{display:block;white-space:nowrap}.blog-post-sidebar-card:not(#\#):not(#\#){background-color:#fff;border:1px solid rgb(241,245,249);border-radius:.75rem;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;padding:2rem 1rem}.blog-post-sidebar-banner:not(#\#):not(#\#){display:block;background-color:#1e293b;color:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;overflow:hidden;position:relative;text-decoration:none}.blog-post-sidebar-banner:hover:not(#\#):not(#\#){opacity:.95}.blog-post-sidebar-banner--empty:not(#\#):not(#\#){min-height:4.5rem;background-color:transparent;border:none;box-shadow:none}@media(max-width:1023.98px){.blog-post-sidebar-banner--empty:not(#\#):not(#\#){min-height:2.5rem}}.blog-post-sidebar:not(#\#):not(#\#) .blog-post-sidebar-banner .text-secondary{color:var(--color-secondary)}.blog-post-sidebar-card:not(#\#):not(#\#) a.group{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;color:inherit;text-decoration:none}.blog-post-sidebar-popular-title:not(#\#):not(#\#){display:flex;align-items:center;gap:.5rem;font-weight:400;margin-bottom:0}.blog-post-sidebar-popular-list:not(#\#):not(#\#){list-style:none;margin-top:1rem}.blog-post-sidebar-popular-item:not(:first-child):not(#\#):not(#\#){border-top:.5px solid rgb(226,232,240);margin-top:.75rem;padding-top:.75rem}.blog-post-sidebar-popular-thumb:not(#\#):not(#\#){width:100%;aspect-ratio:21 / 9;overflow:hidden;border-radius:.5rem;background-color:#f1f5f9;border:rgb(226,232,240) 1px solid}.blog-post-sidebar-popular-thumb:not(#\#):not(#\#) img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;transition:transform .2s ease-out}.blog-post-sidebar-popular-link:hover:not(#\#):not(#\#) .blog-post-sidebar-popular-thumb img{transform:scale(1.05)}.blog-post-sidebar-category-badge:not(#\#):not(#\#){display:inline-block;align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;line-height:1.25;font-weight:400}.blog-post-sidebar-category-badge--tone-0:not(#\#):not(#\#){background-color:#ede9fe;color:#5b21b6}.blog-post-sidebar-category-badge--tone-1:not(#\#):not(#\#){background-color:#d1fae5;color:#065f46}.blog-post-sidebar-category-badge--tone-2:not(#\#):not(#\#){background-color:#e0f2fe;color:#075985}.blog-post-sidebar-category-badge--tone-3:not(#\#):not(#\#){background-color:#fef3c7;color:#92400e}.blog-post-sidebar-category-badge--tone-4:not(#\#):not(#\#){background-color:#ffe4e6;color:#9f1239}.blog-post-sidebar-category-badge--tone-5:not(#\#):not(#\#){background-color:#e0e7ff;color:#4338ca}.blog-post-sidebar-popular-footer-wrap:not(#\#):not(#\#){display:block;margin-top:0;padding-top:.75rem;border-top:.5px solid rgb(226,232,240);text-align:center}.blog-post-sidebar-popular-footer:not(#\#):not(#\#){display:inline-flex;align-items:center;justify-content:center;gap:.25rem;text-decoration:none}.blog-post-sidebar-profile:not(#\#):not(#\#){display:flex;flex-direction:column;align-items:center}.blog-post-sidebar-name:not(#\#):not(#\#){font-size:1rem;padding-left:1rem;padding-right:1rem}.blog-post-sidebar-tagline:not(#\#):not(#\#){font-size:.6875rem;padding-left:1rem;padding-right:1rem;color:var(--color-primary)}.blog-post-sidebar-bio:not(#\#):not(#\#){font-size:.6875rem;max-width:22rem;margin-left:auto;margin-right:auto;margin-top:1rem;padding-left:1.125rem;padding-right:1.125rem;text-align:left;color:#45556c}.blog-post-sidebar-social:not(#\#):not(#\#){display:flex;justify-content:center;gap:.75rem;margin-top:.5rem;padding-top:1.25rem;padding-bottom:.5rem;border-top-width:1px;border-top-style:solid;border-top-color:#f1f5f9}html.dark:not(#\#):not(#\#) .blog-post-sidebar-name{color:#0f172a}html.dark:not(#\#):not(#\#) .blog-post-sidebar-tagline{color:#4f46e5;color:var(--color-indigo-600, #4f46e5)}html.dark:not(#\#):not(#\#) .blog-post-sidebar-social a{color:#94a3b8}html.dark:not(#\#):not(#\#) .blog-post-sidebar-social a:nth-child(1):hover{color:#475569}html.dark:not(#\#):not(#\#) .blog-post-sidebar-social a:nth-child(1):focus-visible{color:#475569}html.dark:not(#\#):not(#\#) .blog-post-sidebar-social a:nth-child(3):hover{color:#475569}html.dark:not(#\#):not(#\#) .blog-post-sidebar-social a:nth-child(3):focus-visible{color:#475569}html.dark:not(#\#):not(#\#) .blog-post-sidebar-social a:nth-child(2):hover{color:#1da1f2}html.dark:not(#\#):not(#\#) .blog-post-sidebar-social a:nth-child(2):focus-visible{color:#1da1f2}html.dark:not(#\#):not(#\#) .blog-post-sidebar-popular-title{color:#0f172a}html.dark:not(#\#):not(#\#) .blog-post-sidebar-popular-item h4{color:#334155}html.dark:not(#\#):not(#\#) .blog-post-sidebar-popular-link:focus-visible h4{color:#4f46e5;color:var(--color-indigo-600, #4f46e5)}html.dark:not(#\#):not(#\#) .blog-post-sidebar-popular-link:hover h4{color:#4f46e5;color:var(--color-indigo-600, #4f46e5)}html.dark:not(#\#):not(#\#) .blog-post-sidebar-popular-footer{color:#475569}html.dark:not(#\#):not(#\#) .blog-post-sidebar-popular-footer:focus-visible{color:#4f46e5;color:var(--color-indigo-600, #4f46e5)}html.dark:not(#\#):not(#\#) .blog-post-sidebar-popular-footer:hover{color:#4f46e5;color:var(--color-indigo-600, #4f46e5)}