@filekit-studio/diagram 1.0.4 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -20
- package/dist/index.d.mts +10 -2
- package/dist/index.d.ts +10 -2
- package/dist/index.js +4 -4
- package/dist/index.mjs +4 -4
- package/dist/styles.css +933 -0
- package/package.json +7 -3
package/dist/styles.css
ADDED
|
@@ -0,0 +1,933 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: 'Fuzzy Bubbles';
|
|
3
|
+
src: url('/fonts/FuzzyBubbles-Regular.ttf') format('truetype');
|
|
4
|
+
font-weight: 100 900;
|
|
5
|
+
font-style: normal;
|
|
6
|
+
font-display: swap;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@font-face {
|
|
10
|
+
font-family: 'Comic Neue';
|
|
11
|
+
src: url('/fonts/ComicNeue-Regular.ttf') format('truetype');
|
|
12
|
+
font-weight: 100 900;
|
|
13
|
+
font-style: normal;
|
|
14
|
+
font-display: swap;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@font-face {
|
|
18
|
+
font-family: 'Patrick Hand SC';
|
|
19
|
+
src: url('/fonts/PatrickHandSC-Regular.ttf') format('truetype');
|
|
20
|
+
font-weight: 100 900;
|
|
21
|
+
font-style: normal;
|
|
22
|
+
font-display: swap;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@font-face {
|
|
26
|
+
font-family: 'Inter';
|
|
27
|
+
src: url('/fonts/Inter-Regular.ttf') format('truetype');
|
|
28
|
+
font-weight: 100 500;
|
|
29
|
+
font-style: normal;
|
|
30
|
+
font-display: swap;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@font-face {
|
|
34
|
+
font-family: 'Inter';
|
|
35
|
+
src: url('/fonts/Inter-Bold.ttf') format('truetype');
|
|
36
|
+
font-weight: 600 900;
|
|
37
|
+
font-style: normal;
|
|
38
|
+
font-display: swap;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
@font-face {
|
|
42
|
+
font-family: 'JetBrains Mono';
|
|
43
|
+
src: url('/fonts/JetBrainsMono-Regular.ttf') format('truetype');
|
|
44
|
+
font-weight: 100 500;
|
|
45
|
+
font-style: normal;
|
|
46
|
+
font-display: swap;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
@font-face {
|
|
50
|
+
font-family: 'JetBrains Mono';
|
|
51
|
+
src: url('/fonts/JetBrainsMono-Bold.ttf') format('truetype');
|
|
52
|
+
font-weight: 600 900;
|
|
53
|
+
font-style: normal;
|
|
54
|
+
font-display: swap;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
@layer sketch-sdk {
|
|
59
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
60
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.fk-sketch-root, .fk-sketch-root *, .fk-sketch-root::before, .fk-sketch-root *::before, .fk-sketch-root::after, .fk-sketch-root *::after, .fk-sketch-root::backdrop, .fk-sketch-root *::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-scrollbar-thumb:#0000;--tw-scrollbar-track:#0000;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-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}}}.fk-sketch-root, .fk-sketch-root{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-950:oklch(26.2% .051 172.552);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-950:oklch(30.2% .056 229.695);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-700:oklch(50% .134 242.749);--color-sky-800:oklch(44.3% .11 240.79);--color-sky-950:oklch(29.3% .066 243.157);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-950:oklch(25.7% .09 281.288);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-950:oklch(29.1% .149 302.717);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-950:oklch(27.1% .105 12.094);--color-neutral-50:oklch(98.5% 0 none);--color-neutral-100:oklch(97% 0 none);--color-neutral-200:oklch(92.2% 0 none);--color-neutral-300:oklch(87% 0 none);--color-neutral-400:oklch(70.8% 0 none);--color-neutral-500:oklch(55.6% 0 none);--color-neutral-600:oklch(43.9% 0 none);--color-neutral-700:oklch(37.1% 0 none);--color-neutral-800:oklch(26.9% 0 none);--color-neutral-900:oklch(20.5% 0 none);--color-neutral-950:oklch(14.5% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-3xl:48rem;--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:calc(1.5 / 1);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--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-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-primary:var(--primary,#0b6eff);--color-primary-foreground:#fff}.fk-sketch-root .pointer-events-auto, .fk-sketch-root.pointer-events-auto{pointer-events:auto}.fk-sketch-root .pointer-events-none, .fk-sketch-root.pointer-events-none{pointer-events:none}.fk-sketch-root .visible, .fk-sketch-root.visible{visibility:visible}.fk-sketch-root .sr-only, .fk-sketch-root.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fk-sketch-root .absolute, .fk-sketch-root.absolute{position:absolute}.fk-sketch-root .fixed, .fk-sketch-root.fixed{position:fixed}.fk-sketch-root .relative, .fk-sketch-root.relative{position:relative}.fk-sketch-root .static, .fk-sketch-root.static{position:static}.fk-sketch-root .sticky, .fk-sketch-root.sticky{position:sticky}.fk-sketch-root .inset-0, .fk-sketch-root.inset-0{inset:0}.fk-sketch-root .-top-0\.5, .fk-sketch-root.-top-0\.5{top:calc(var(--spacing) * -.5)}.fk-sketch-root .-top-\[9999px\], .fk-sketch-root.-top-\[9999px\]{top:-9999px}.fk-sketch-root .top-0, .fk-sketch-root.top-0{top:0}.fk-sketch-root .top-1\/2, .fk-sketch-root.top-1\/2{top:50%}.fk-sketch-root .top-3, .fk-sketch-root.top-3{top:calc(var(--spacing) * 3)}.fk-sketch-root .top-4, .fk-sketch-root.top-4{top:calc(var(--spacing) * 4)}.fk-sketch-root .top-6, .fk-sketch-root.top-6{top:calc(var(--spacing) * 6)}.fk-sketch-root .top-14, .fk-sketch-root.top-14{top:calc(var(--spacing) * 14)}.fk-sketch-root .top-16, .fk-sketch-root.top-16{top:calc(var(--spacing) * 16)}.fk-sketch-root .top-full, .fk-sketch-root.top-full{top:100%}.fk-sketch-root .-right-0\.5, .fk-sketch-root.-right-0\.5{right:calc(var(--spacing) * -.5)}.fk-sketch-root .right-0, .fk-sketch-root.right-0{right:0}.fk-sketch-root .right-0\.5, .fk-sketch-root.right-0\.5{right:calc(var(--spacing) * .5)}.fk-sketch-root .right-1, .fk-sketch-root.right-1{right:var(--spacing)}.fk-sketch-root .right-2\.5, .fk-sketch-root.right-2\.5{right:calc(var(--spacing) * 2.5)}.fk-sketch-root .right-3, .fk-sketch-root.right-3{right:calc(var(--spacing) * 3)}.fk-sketch-root .right-3\.5, .fk-sketch-root.right-3\.5{right:calc(var(--spacing) * 3.5)}.fk-sketch-root .right-4, .fk-sketch-root.right-4{right:calc(var(--spacing) * 4)}.fk-sketch-root .right-\[288px\], .fk-sketch-root.right-\[288px\]{right:288px}.fk-sketch-root .-bottom-0\.5, .fk-sketch-root.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.fk-sketch-root .bottom-0\.5, .fk-sketch-root.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.fk-sketch-root .bottom-3, .fk-sketch-root.bottom-3{bottom:calc(var(--spacing) * 3)}.fk-sketch-root .bottom-4, .fk-sketch-root.bottom-4{bottom:calc(var(--spacing) * 4)}.fk-sketch-root .bottom-5, .fk-sketch-root.bottom-5{bottom:calc(var(--spacing) * 5)}.fk-sketch-root .bottom-6, .fk-sketch-root.bottom-6{bottom:calc(var(--spacing) * 6)}.fk-sketch-root .bottom-14, .fk-sketch-root.bottom-14{bottom:calc(var(--spacing) * 14)}.fk-sketch-root .bottom-16, .fk-sketch-root.bottom-16{bottom:calc(var(--spacing) * 16)}.fk-sketch-root .bottom-full, .fk-sketch-root.bottom-full{bottom:100%}.fk-sketch-root .-left-\[9999px\], .fk-sketch-root.-left-\[9999px\]{left:-9999px}.fk-sketch-root .left-0, .fk-sketch-root.left-0{left:0}.fk-sketch-root .left-1\/2, .fk-sketch-root.left-1\/2{left:50%}.fk-sketch-root .left-2\.5, .fk-sketch-root.left-2\.5{left:calc(var(--spacing) * 2.5)}.fk-sketch-root .left-3, .fk-sketch-root.left-3{left:calc(var(--spacing) * 3)}.fk-sketch-root .left-4, .fk-sketch-root.left-4{left:calc(var(--spacing) * 4)}.fk-sketch-root .left-14, .fk-sketch-root.left-14{left:calc(var(--spacing) * 14)}.fk-sketch-root .left-full, .fk-sketch-root.left-full{left:100%}.fk-sketch-root .isolate, .fk-sketch-root.isolate{isolation:isolate}.fk-sketch-root .z-10, .fk-sketch-root.z-10{z-index:10}.fk-sketch-root .z-20, .fk-sketch-root.z-20{z-index:20}.fk-sketch-root .z-30, .fk-sketch-root.z-30{z-index:30}.fk-sketch-root .z-40, .fk-sketch-root.z-40{z-index:40}.fk-sketch-root .z-50, .fk-sketch-root.z-50{z-index:50}.fk-sketch-root .col-span-full, .fk-sketch-root.col-span-full{grid-column:1/-1}.fk-sketch-root .container, .fk-sketch-root.container{width:100%}@media (min-width:40rem){.fk-sketch-root .container, .fk-sketch-root.container{max-width:40rem}}@media (min-width:48rem){.fk-sketch-root .container, .fk-sketch-root.container{max-width:48rem}}@media (min-width:64rem){.fk-sketch-root .container, .fk-sketch-root.container{max-width:64rem}}@media (min-width:80rem){.fk-sketch-root .container, .fk-sketch-root.container{max-width:80rem}}@media (min-width:96rem){.fk-sketch-root .container, .fk-sketch-root.container{max-width:96rem}}.fk-sketch-root .mx-0\.5, .fk-sketch-root.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.fk-sketch-root .mx-1, .fk-sketch-root.mx-1{margin-inline:var(--spacing)}.fk-sketch-root .my-0\.5, .fk-sketch-root.my-0\.5{margin-block:calc(var(--spacing) * .5)}.fk-sketch-root .my-1, .fk-sketch-root.my-1{margin-block:var(--spacing)}.fk-sketch-root .mt-0\.5, .fk-sketch-root.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.fk-sketch-root .mt-1, .fk-sketch-root.mt-1{margin-top:var(--spacing)}.fk-sketch-root .mt-1\.5, .fk-sketch-root.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.fk-sketch-root .mt-2, .fk-sketch-root.mt-2{margin-top:calc(var(--spacing) * 2)}.fk-sketch-root .mt-2\.5, .fk-sketch-root.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.fk-sketch-root .mt-6, .fk-sketch-root.mt-6{margin-top:calc(var(--spacing) * 6)}.fk-sketch-root .mb-0\.5, .fk-sketch-root.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.fk-sketch-root .mb-1, .fk-sketch-root.mb-1{margin-bottom:var(--spacing)}.fk-sketch-root .mb-1\.5, .fk-sketch-root.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.fk-sketch-root .mb-2, .fk-sketch-root.mb-2{margin-bottom:calc(var(--spacing) * 2)}.fk-sketch-root .mb-2\.5, .fk-sketch-root.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.fk-sketch-root .mb-3, .fk-sketch-root.mb-3{margin-bottom:calc(var(--spacing) * 3)}.fk-sketch-root .ml-0\.5, .fk-sketch-root.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.fk-sketch-root .ml-1, .fk-sketch-root.ml-1{margin-left:var(--spacing)}.fk-sketch-root .ml-1\.5, .fk-sketch-root.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.fk-sketch-root .ml-2, .fk-sketch-root.ml-2{margin-left:calc(var(--spacing) * 2)}.fk-sketch-root .box-border, .fk-sketch-root.box-border{box-sizing:border-box}.fk-sketch-root .line-clamp-2, .fk-sketch-root.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fk-sketch-root .block, .fk-sketch-root.block{display:block}.fk-sketch-root .contents, .fk-sketch-root.contents{display:contents}.fk-sketch-root .flex, .fk-sketch-root.flex{display:flex}.fk-sketch-root .grid, .fk-sketch-root.grid{display:grid}.fk-sketch-root .hidden, .fk-sketch-root.hidden{display:none}.fk-sketch-root .inline, .fk-sketch-root.inline{display:inline}.fk-sketch-root .inline-flex, .fk-sketch-root.inline-flex{display:inline-flex}.fk-sketch-root .table, .fk-sketch-root.table{display:table}.fk-sketch-root .aspect-square, .fk-sketch-root.aspect-square{aspect-ratio:1}.fk-sketch-root .size-3, .fk-sketch-root.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.fk-sketch-root .size-6, .fk-sketch-root.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.fk-sketch-root .h-0, .fk-sketch-root.h-0{height:0}.fk-sketch-root .h-1, .fk-sketch-root.h-1{height:var(--spacing)}.fk-sketch-root .h-1\.5, .fk-sketch-root.h-1\.5{height:calc(var(--spacing) * 1.5)}.fk-sketch-root .h-2, .fk-sketch-root.h-2{height:calc(var(--spacing) * 2)}.fk-sketch-root .h-2\.5, .fk-sketch-root.h-2\.5{height:calc(var(--spacing) * 2.5)}.fk-sketch-root .h-3, .fk-sketch-root.h-3{height:calc(var(--spacing) * 3)}.fk-sketch-root .h-3\.5, .fk-sketch-root.h-3\.5{height:calc(var(--spacing) * 3.5)}.fk-sketch-root .h-4, .fk-sketch-root.h-4{height:calc(var(--spacing) * 4)}.fk-sketch-root .h-5, .fk-sketch-root.h-5{height:calc(var(--spacing) * 5)}.fk-sketch-root .h-6, .fk-sketch-root.h-6{height:calc(var(--spacing) * 6)}.fk-sketch-root .h-6\.5, .fk-sketch-root.h-6\.5{height:calc(var(--spacing) * 6.5)}.fk-sketch-root .h-7, .fk-sketch-root.h-7{height:calc(var(--spacing) * 7)}.fk-sketch-root .h-8, .fk-sketch-root.h-8{height:calc(var(--spacing) * 8)}.fk-sketch-root .h-9, .fk-sketch-root.h-9{height:calc(var(--spacing) * 9)}.fk-sketch-root .h-10, .fk-sketch-root.h-10{height:calc(var(--spacing) * 10)}.fk-sketch-root .h-12, .fk-sketch-root.h-12{height:calc(var(--spacing) * 12)}.fk-sketch-root .h-16, .fk-sketch-root.h-16{height:calc(var(--spacing) * 16)}.fk-sketch-root .h-20, .fk-sketch-root.h-20{height:calc(var(--spacing) * 20)}.fk-sketch-root .h-\[1\.5px\], .fk-sketch-root.h-\[1\.5px\]{height:1.5px}.fk-sketch-root .h-\[1px\], .fk-sketch-root.h-\[1px\]{height:1px}.fk-sketch-root .h-\[2\.5px\], .fk-sketch-root.h-\[2\.5px\]{height:2.5px}.fk-sketch-root .h-\[2\.8px\], .fk-sketch-root.h-\[2\.8px\]{height:2.8px}.fk-sketch-root .h-\[2px\], .fk-sketch-root.h-\[2px\]{height:2px}.fk-sketch-root .h-\[4\.5px\], .fk-sketch-root.h-\[4\.5px\]{height:4.5px}.fk-sketch-root .h-\[420px\], .fk-sketch-root.h-\[420px\]{height:420px}.fk-sketch-root .h-full, .fk-sketch-root.h-full{height:100%}.fk-sketch-root .h-screen, .fk-sketch-root.h-screen{height:100vh}.fk-sketch-root .max-h-72, .fk-sketch-root.max-h-72{max-height:calc(var(--spacing) * 72)}.fk-sketch-root .max-h-\[50vh\], .fk-sketch-root.max-h-\[50vh\]{max-height:50vh}.fk-sketch-root .max-h-\[55vh\], .fk-sketch-root.max-h-\[55vh\]{max-height:55vh}.fk-sketch-root .max-h-\[85vh\], .fk-sketch-root.max-h-\[85vh\]{max-height:85vh}.fk-sketch-root .max-h-\[calc\(100vh-5rem\)\], .fk-sketch-root.max-h-\[calc\(100vh-5rem\)\]{max-height:calc(100vh - 5rem)}.fk-sketch-root .max-h-\[calc\(100vh-80px\)\], .fk-sketch-root.max-h-\[calc\(100vh-80px\)\]{max-height:calc(100vh - 80px)}.fk-sketch-root .max-h-\[calc\(100vh-120px\)\], .fk-sketch-root.max-h-\[calc\(100vh-120px\)\]{max-height:calc(100vh - 120px)}.fk-sketch-root .min-h-\[140px\], .fk-sketch-root.min-h-\[140px\]{min-height:140px}.fk-sketch-root .min-h-\[300px\], .fk-sketch-root.min-h-\[300px\]{min-height:300px}.fk-sketch-root .min-h-\[500px\], .fk-sketch-root.min-h-\[500px\]{min-height:500px}.fk-sketch-root .w-0, .fk-sketch-root.w-0{width:0}.fk-sketch-root .w-1, .fk-sketch-root.w-1{width:var(--spacing)}.fk-sketch-root .w-1\.5, .fk-sketch-root.w-1\.5{width:calc(var(--spacing) * 1.5)}.fk-sketch-root .w-2, .fk-sketch-root.w-2{width:calc(var(--spacing) * 2)}.fk-sketch-root .w-2\.5, .fk-sketch-root.w-2\.5{width:calc(var(--spacing) * 2.5)}.fk-sketch-root .w-3, .fk-sketch-root.w-3{width:calc(var(--spacing) * 3)}.fk-sketch-root .w-3\.5, .fk-sketch-root.w-3\.5{width:calc(var(--spacing) * 3.5)}.fk-sketch-root .w-4, .fk-sketch-root.w-4{width:calc(var(--spacing) * 4)}.fk-sketch-root .w-5, .fk-sketch-root.w-5{width:calc(var(--spacing) * 5)}.fk-sketch-root .w-6, .fk-sketch-root.w-6{width:calc(var(--spacing) * 6)}.fk-sketch-root .w-6\.5, .fk-sketch-root.w-6\.5{width:calc(var(--spacing) * 6.5)}.fk-sketch-root .w-7, .fk-sketch-root.w-7{width:calc(var(--spacing) * 7)}.fk-sketch-root .w-8, .fk-sketch-root.w-8{width:calc(var(--spacing) * 8)}.fk-sketch-root .w-9, .fk-sketch-root.w-9{width:calc(var(--spacing) * 9)}.fk-sketch-root .w-10, .fk-sketch-root.w-10{width:calc(var(--spacing) * 10)}.fk-sketch-root .w-16, .fk-sketch-root.w-16{width:calc(var(--spacing) * 16)}.fk-sketch-root .w-28, .fk-sketch-root.w-28{width:calc(var(--spacing) * 28)}.fk-sketch-root .w-44, .fk-sketch-root.w-44{width:calc(var(--spacing) * 44)}.fk-sketch-root .w-48, .fk-sketch-root.w-48{width:calc(var(--spacing) * 48)}.fk-sketch-root .w-52, .fk-sketch-root.w-52{width:calc(var(--spacing) * 52)}.fk-sketch-root .w-56, .fk-sketch-root.w-56{width:calc(var(--spacing) * 56)}.fk-sketch-root .w-60, .fk-sketch-root.w-60{width:calc(var(--spacing) * 60)}.fk-sketch-root .w-80, .fk-sketch-root.w-80{width:calc(var(--spacing) * 80)}.fk-sketch-root .w-84, .fk-sketch-root.w-84{width:calc(var(--spacing) * 84)}.fk-sketch-root .w-\[1px\], .fk-sketch-root.w-\[1px\]{width:1px}.fk-sketch-root .w-\[184px\], .fk-sketch-root.w-\[184px\]{width:184px}.fk-sketch-root .w-\[248px\], .fk-sketch-root.w-\[248px\]{width:248px}.fk-sketch-root .w-\[272px\], .fk-sketch-root.w-\[272px\]{width:272px}.fk-sketch-root .w-\[340px\], .fk-sketch-root.w-\[340px\]{width:340px}.fk-sketch-root .w-\[420px\], .fk-sketch-root.w-\[420px\]{width:420px}.fk-sketch-root .w-full, .fk-sketch-root.w-full{width:100%}.fk-sketch-root .w-screen, .fk-sketch-root.w-screen{width:100vw}.fk-sketch-root .max-w-3xl, .fk-sketch-root.max-w-3xl{max-width:var(--container-3xl)}.fk-sketch-root .max-w-\[150px\], .fk-sketch-root.max-w-\[150px\]{max-width:150px}.fk-sketch-root .max-w-\[210px\], .fk-sketch-root.max-w-\[210px\]{max-width:210px}.fk-sketch-root .max-w-\[440px\], .fk-sketch-root.max-w-\[440px\]{max-width:440px}.fk-sketch-root .max-w-\[calc\(100vw-2rem\)\], .fk-sketch-root.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.fk-sketch-root .max-w-\[calc\(100vw-80px\)\], .fk-sketch-root.max-w-\[calc\(100vw-80px\)\]{max-width:calc(100vw - 80px)}.fk-sketch-root .max-w-full, .fk-sketch-root.max-w-full{max-width:100%}.fk-sketch-root .max-w-md, .fk-sketch-root.max-w-md{max-width:var(--container-md)}.fk-sketch-root .min-w-0, .fk-sketch-root.min-w-0{min-width:0}.fk-sketch-root .min-w-8, .fk-sketch-root.min-w-8{min-width:calc(var(--spacing) * 8)}.fk-sketch-root .min-w-\[38px\], .fk-sketch-root.min-w-\[38px\]{min-width:38px}.fk-sketch-root .min-w-\[52px\], .fk-sketch-root.min-w-\[52px\]{min-width:52px}.fk-sketch-root .flex-1, .fk-sketch-root.flex-1{flex:1}.fk-sketch-root .flex-\[0\.9\], .fk-sketch-root.flex-\[0\.9\]{flex:.9}.fk-sketch-root .flex-\[1\.25\], .fk-sketch-root.flex-\[1\.25\]{flex:1.25}.fk-sketch-root .shrink-0, .fk-sketch-root.shrink-0{flex-shrink:0}.fk-sketch-root .-translate-x-1\/2, .fk-sketch-root.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.fk-sketch-root .-translate-x-4, .fk-sketch-root.-translate-x-4{--tw-translate-x:calc(var(--spacing) * -4);translate:var(--tw-translate-x) var(--tw-translate-y)}.fk-sketch-root .-translate-x-full, .fk-sketch-root.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.fk-sketch-root .translate-x-0, .fk-sketch-root.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.fk-sketch-root .translate-x-4, .fk-sketch-root.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.fk-sketch-root .-translate-y-1\/2, .fk-sketch-root.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.fk-sketch-root .translate-y-0, .fk-sketch-root.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.fk-sketch-root .translate-y-4, .fk-sketch-root.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.fk-sketch-root .scale-105, .fk-sketch-root.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.fk-sketch-root .scale-110, .fk-sketch-root.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.fk-sketch-root .scale-\[0\.75\], .fk-sketch-root.scale-\[0\.75\]{scale:.75}.fk-sketch-root .scale-\[1\.02\], .fk-sketch-root.scale-\[1\.02\]{scale:1.02}.fk-sketch-root .scale-\[1\.04\], .fk-sketch-root.scale-\[1\.04\]{scale:1.04}.fk-sketch-root .scale-\[1\.05\], .fk-sketch-root.scale-\[1\.05\]{scale:1.05}.fk-sketch-root .rotate-45, .fk-sketch-root.rotate-45{rotate:45deg}.fk-sketch-root .rotate-180, .fk-sketch-root.rotate-180{rotate:180deg}.fk-sketch-root .transform, .fk-sketch-root.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.fk-sketch-root .animate-bounce, .fk-sketch-root.animate-bounce{animation:var(--animate-bounce)}.fk-sketch-root .animate-ping, .fk-sketch-root.animate-ping{animation:var(--animate-ping)}.fk-sketch-root .animate-pulse, .fk-sketch-root.animate-pulse{animation:var(--animate-pulse)}.fk-sketch-root .animate-spin, .fk-sketch-root.animate-spin{animation:var(--animate-spin)}.fk-sketch-root .cursor-crosshair, .fk-sketch-root.cursor-crosshair{cursor:crosshair}.fk-sketch-root .cursor-default, .fk-sketch-root.cursor-default{cursor:default}.fk-sketch-root .cursor-grab, .fk-sketch-root.cursor-grab{cursor:grab}.fk-sketch-root .cursor-grabbing, .fk-sketch-root.cursor-grabbing{cursor:grabbing}.fk-sketch-root .cursor-not-allowed, .fk-sketch-root.cursor-not-allowed{cursor:not-allowed}.fk-sketch-root .cursor-pointer, .fk-sketch-root.cursor-pointer{cursor:pointer}.fk-sketch-root .cursor-text, .fk-sketch-root.cursor-text{cursor:text}.fk-sketch-root .touch-none, .fk-sketch-root.touch-none{touch-action:none}.fk-sketch-root .resize, .fk-sketch-root.resize{resize:both}.fk-sketch-root .resize-none, .fk-sketch-root.resize-none{resize:none}.fk-sketch-root .scrollbar-none, .fk-sketch-root.scrollbar-none{scrollbar-width:none}.fk-sketch-root .scrollbar-thin, .fk-sketch-root.scrollbar-thin{scrollbar-width:thin}.fk-sketch-root .scrollbar-thumb-neutral-300, .fk-sketch-root.scrollbar-thumb-neutral-300{--tw-scrollbar-thumb:var(--color-neutral-300);scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)}.fk-sketch-root .scrollbar-thumb-neutral-700, .fk-sketch-root.scrollbar-thumb-neutral-700{--tw-scrollbar-thumb:var(--color-neutral-700);scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)}.fk-sketch-root .appearance-none, .fk-sketch-root.appearance-none{appearance:none}.fk-sketch-root .grid-cols-1, .fk-sketch-root.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.fk-sketch-root .grid-cols-2, .fk-sketch-root.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.fk-sketch-root .grid-cols-3, .fk-sketch-root.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.fk-sketch-root .grid-cols-4, .fk-sketch-root.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.fk-sketch-root .grid-cols-5, .fk-sketch-root.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.fk-sketch-root .grid-cols-6, .fk-sketch-root.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.fk-sketch-root .flex-col, .fk-sketch-root.flex-col{flex-direction:column}.fk-sketch-root .flex-wrap, .fk-sketch-root.flex-wrap{flex-wrap:wrap}.fk-sketch-root .items-center, .fk-sketch-root.items-center{align-items:center}.fk-sketch-root .items-end, .fk-sketch-root.items-end{align-items:flex-end}.fk-sketch-root .items-start, .fk-sketch-root.items-start{align-items:flex-start}.fk-sketch-root .items-stretch, .fk-sketch-root.items-stretch{align-items:stretch}.fk-sketch-root .justify-between, .fk-sketch-root.justify-between{justify-content:space-between}.fk-sketch-root .justify-center, .fk-sketch-root.justify-center{justify-content:center}.fk-sketch-root .justify-end, .fk-sketch-root.justify-end{justify-content:flex-end}.fk-sketch-root .gap-0\.5, .fk-sketch-root.gap-0\.5{gap:calc(var(--spacing) * .5)}.fk-sketch-root .gap-1, .fk-sketch-root.gap-1{gap:var(--spacing)}.fk-sketch-root .gap-1\.5, .fk-sketch-root.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.fk-sketch-root .gap-2, .fk-sketch-root.gap-2{gap:calc(var(--spacing) * 2)}.fk-sketch-root .gap-2\.5, .fk-sketch-root.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.fk-sketch-root .gap-3, .fk-sketch-root.gap-3{gap:calc(var(--spacing) * 3)}.fk-sketch-root .gap-4, .fk-sketch-root.gap-4{gap:calc(var(--spacing) * 4)}.fk-sketch-root :where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}.fk-sketch-root :where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}.fk-sketch-root :where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.fk-sketch-root :where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}.fk-sketch-root :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.fk-sketch-root :where(.space-y-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}.fk-sketch-root :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.fk-sketch-root .truncate, .fk-sketch-root.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fk-sketch-root .overflow-hidden, .fk-sketch-root.overflow-hidden{overflow:hidden}.fk-sketch-root .overflow-visible, .fk-sketch-root.overflow-visible{overflow:visible}.fk-sketch-root .overflow-x-auto, .fk-sketch-root.overflow-x-auto{overflow-x:auto}.fk-sketch-root .overflow-y-auto, .fk-sketch-root.overflow-y-auto{overflow-y:auto}.fk-sketch-root .rounded, .fk-sketch-root.rounded{border-radius:.25rem}.fk-sketch-root .rounded-2xl, .fk-sketch-root.rounded-2xl{border-radius:var(--radius-2xl)}.fk-sketch-root .rounded-\[2px\], .fk-sketch-root.rounded-\[2px\]{border-radius:2px}.fk-sketch-root .rounded-\[3px\], .fk-sketch-root.rounded-\[3px\]{border-radius:3px}.fk-sketch-root .rounded-\[4px\], .fk-sketch-root.rounded-\[4px\]{border-radius:4px}.fk-sketch-root .rounded-\[5px\], .fk-sketch-root.rounded-\[5px\]{border-radius:5px}.fk-sketch-root .rounded-\[6px\], .fk-sketch-root.rounded-\[6px\]{border-radius:6px}.fk-sketch-root .rounded-\[7px\], .fk-sketch-root.rounded-\[7px\]{border-radius:7px}.fk-sketch-root .rounded-\[8px\], .fk-sketch-root.rounded-\[8px\]{border-radius:8px}.fk-sketch-root .rounded-\[9px\], .fk-sketch-root.rounded-\[9px\]{border-radius:9px}.fk-sketch-root .rounded-\[10px\], .fk-sketch-root.rounded-\[10px\]{border-radius:10px}.fk-sketch-root .rounded-\[11px\], .fk-sketch-root.rounded-\[11px\]{border-radius:11px}.fk-sketch-root .rounded-\[12px\], .fk-sketch-root.rounded-\[12px\]{border-radius:12px}.fk-sketch-root .rounded-\[13px\], .fk-sketch-root.rounded-\[13px\]{border-radius:13px}.fk-sketch-root .rounded-\[14px\], .fk-sketch-root.rounded-\[14px\]{border-radius:14px}.fk-sketch-root .rounded-\[16px\], .fk-sketch-root.rounded-\[16px\]{border-radius:16px}.fk-sketch-root .rounded-\[18px\], .fk-sketch-root.rounded-\[18px\]{border-radius:18px}.fk-sketch-root .rounded-\[20px\], .fk-sketch-root.rounded-\[20px\]{border-radius:20px}.fk-sketch-root .rounded-\[22px\], .fk-sketch-root.rounded-\[22px\]{border-radius:22px}.fk-sketch-root .rounded-full, .fk-sketch-root.rounded-full{border-radius:3.40282e38px}.fk-sketch-root .rounded-lg, .fk-sketch-root.rounded-lg{border-radius:var(--radius-lg)}.fk-sketch-root .rounded-md, .fk-sketch-root.rounded-md{border-radius:var(--radius-md)}.fk-sketch-root .rounded-sm, .fk-sketch-root.rounded-sm{border-radius:var(--radius-sm)}.fk-sketch-root .rounded-xl, .fk-sketch-root.rounded-xl{border-radius:var(--radius-xl)}.fk-sketch-root .border, .fk-sketch-root.border{border-style:var(--tw-border-style);border-width:1px}.fk-sketch-root .border-0, .fk-sketch-root.border-0{border-style:var(--tw-border-style);border-width:0}.fk-sketch-root .border-2, .fk-sketch-root.border-2{border-style:var(--tw-border-style);border-width:2px}.fk-sketch-root .border-4, .fk-sketch-root.border-4{border-style:var(--tw-border-style);border-width:4px}.fk-sketch-root .border-t, .fk-sketch-root.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.fk-sketch-root .border-r, .fk-sketch-root.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.fk-sketch-root .border-b, .fk-sketch-root.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.fk-sketch-root .border-dashed, .fk-sketch-root.border-dashed{--tw-border-style:dashed;border-style:dashed}.fk-sketch-root .border-\[\#0b6eff\]\/50, .fk-sketch-root.border-\[\#0b6eff\]\/50{border-color:oklab(57.9655% -.0397626 -.227371/.5)}.fk-sketch-root .border-\[\#005ceb\]\/50, .fk-sketch-root.border-\[\#005ceb\]\/50{border-color:oklab(52.7081% -.035612 -.225165/.5)}.fk-sketch-root .border-\[\#005ceb\]\/60, .fk-sketch-root.border-\[\#005ceb\]\/60{border-color:oklab(52.7081% -.035612 -.225165/.6)}.fk-sketch-root .border-amber-200, .fk-sketch-root.border-amber-200{border-color:var(--color-amber-200)}.fk-sketch-root .border-amber-400\/40, .fk-sketch-root.border-amber-400\/40{border-color:#fcbb0066}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-amber-400\/40, .fk-sketch-root.border-amber-400\/40{border-color:color-mix(in oklab, var(--color-amber-400) 40%, transparent)}}.fk-sketch-root .border-amber-500\/40, .fk-sketch-root.border-amber-500\/40{border-color:#f99c0066}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-amber-500\/40, .fk-sketch-root.border-amber-500\/40{border-color:color-mix(in oklab, var(--color-amber-500) 40%, transparent)}}.fk-sketch-root .border-amber-900\/50, .fk-sketch-root.border-amber-900\/50{border-color:#7b330680}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-amber-900\/50, .fk-sketch-root.border-amber-900\/50{border-color:color-mix(in oklab, var(--color-amber-900) 50%, transparent)}}.fk-sketch-root .border-black\/5, .fk-sketch-root.border-black\/5{border-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-black\/5, .fk-sketch-root.border-black\/5{border-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.fk-sketch-root .border-black\/10, .fk-sketch-root.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-black\/10, .fk-sketch-root.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.fk-sketch-root .border-black\/15, .fk-sketch-root.border-black\/15{border-color:#00000026}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-black\/15, .fk-sketch-root.border-black\/15{border-color:color-mix(in oklab, var(--color-black) 15%, transparent)}}.fk-sketch-root .border-black\/\[0\.03\], .fk-sketch-root.border-black\/\[0\.03\]{border-color:#00000008}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-black\/\[0\.03\], .fk-sketch-root.border-black\/\[0\.03\]{border-color:color-mix(in oklab, var(--color-black) 3%, transparent)}}.fk-sketch-root .border-black\/\[0\.04\], .fk-sketch-root.border-black\/\[0\.04\]{border-color:#0000000a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-black\/\[0\.04\], .fk-sketch-root.border-black\/\[0\.04\]{border-color:color-mix(in oklab, var(--color-black) 4%, transparent)}}.fk-sketch-root .border-black\/\[0\.05\], .fk-sketch-root.border-black\/\[0\.05\]{border-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-black\/\[0\.05\], .fk-sketch-root.border-black\/\[0\.05\]{border-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.fk-sketch-root .border-black\/\[0\.06\], .fk-sketch-root.border-black\/\[0\.06\]{border-color:#0000000f}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-black\/\[0\.06\], .fk-sketch-root.border-black\/\[0\.06\]{border-color:color-mix(in oklab, var(--color-black) 6%, transparent)}}.fk-sketch-root .border-black\/\[0\.08\], .fk-sketch-root.border-black\/\[0\.08\]{border-color:#00000014}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-black\/\[0\.08\], .fk-sketch-root.border-black\/\[0\.08\]{border-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.fk-sketch-root .border-blue-100, .fk-sketch-root.border-blue-100{border-color:var(--color-blue-100)}.fk-sketch-root .border-blue-200, .fk-sketch-root.border-blue-200{border-color:var(--color-blue-200)}.fk-sketch-root .border-blue-200\/80, .fk-sketch-root.border-blue-200\/80{border-color:#bedbffcc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-blue-200\/80, .fk-sketch-root.border-blue-200\/80{border-color:color-mix(in oklab, var(--color-blue-200) 80%, transparent)}}.fk-sketch-root .border-blue-500\/20, .fk-sketch-root.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-blue-500\/20, .fk-sketch-root.border-blue-500\/20{border-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.fk-sketch-root .border-blue-500\/25, .fk-sketch-root.border-blue-500\/25{border-color:#3080ff40}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-blue-500\/25, .fk-sketch-root.border-blue-500\/25{border-color:color-mix(in oklab, var(--color-blue-500) 25%, transparent)}}.fk-sketch-root .border-blue-800, .fk-sketch-root.border-blue-800{border-color:var(--color-blue-800)}.fk-sketch-root .border-blue-900\/40, .fk-sketch-root.border-blue-900\/40{border-color:#1c398e66}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-blue-900\/40, .fk-sketch-root.border-blue-900\/40{border-color:color-mix(in oklab, var(--color-blue-900) 40%, transparent)}}.fk-sketch-root .border-cyan-200, .fk-sketch-root.border-cyan-200{border-color:var(--color-cyan-200)}.fk-sketch-root .border-emerald-200, .fk-sketch-root.border-emerald-200{border-color:var(--color-emerald-200)}.fk-sketch-root .border-indigo-200, .fk-sketch-root.border-indigo-200{border-color:var(--color-indigo-200)}.fk-sketch-root .border-neutral-200, .fk-sketch-root.border-neutral-200{border-color:var(--color-neutral-200)}.fk-sketch-root .border-neutral-200\/70, .fk-sketch-root.border-neutral-200\/70{border-color:#e5e5e5b3}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-neutral-200\/70, .fk-sketch-root.border-neutral-200\/70{border-color:color-mix(in oklab, var(--color-neutral-200) 70%, transparent)}}.fk-sketch-root .border-neutral-200\/80, .fk-sketch-root.border-neutral-200\/80{border-color:#e5e5e5cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-neutral-200\/80, .fk-sketch-root.border-neutral-200\/80{border-color:color-mix(in oklab, var(--color-neutral-200) 80%, transparent)}}.fk-sketch-root .border-neutral-200\/90, .fk-sketch-root.border-neutral-200\/90{border-color:#e5e5e5e6}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-neutral-200\/90, .fk-sketch-root.border-neutral-200\/90{border-color:color-mix(in oklab, var(--color-neutral-200) 90%, transparent)}}.fk-sketch-root .border-neutral-300, .fk-sketch-root.border-neutral-300{border-color:var(--color-neutral-300)}.fk-sketch-root .border-neutral-300\/80, .fk-sketch-root.border-neutral-300\/80{border-color:#d4d4d4cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-neutral-300\/80, .fk-sketch-root.border-neutral-300\/80{border-color:color-mix(in oklab, var(--color-neutral-300) 80%, transparent)}}.fk-sketch-root .border-neutral-400, .fk-sketch-root.border-neutral-400{border-color:var(--color-neutral-400)}.fk-sketch-root .border-neutral-400\/40, .fk-sketch-root.border-neutral-400\/40{border-color:#a1a1a166}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-neutral-400\/40, .fk-sketch-root.border-neutral-400\/40{border-color:color-mix(in oklab, var(--color-neutral-400) 40%, transparent)}}.fk-sketch-root .border-neutral-400\/50, .fk-sketch-root.border-neutral-400\/50{border-color:#a1a1a180}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-neutral-400\/50, .fk-sketch-root.border-neutral-400\/50{border-color:color-mix(in oklab, var(--color-neutral-400) 50%, transparent)}}.fk-sketch-root .border-neutral-500, .fk-sketch-root.border-neutral-500{border-color:var(--color-neutral-500)}.fk-sketch-root .border-neutral-600, .fk-sketch-root.border-neutral-600{border-color:var(--color-neutral-600)}.fk-sketch-root .border-neutral-700, .fk-sketch-root.border-neutral-700{border-color:var(--color-neutral-700)}.fk-sketch-root .border-neutral-700\/80, .fk-sketch-root.border-neutral-700\/80{border-color:#404040cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-neutral-700\/80, .fk-sketch-root.border-neutral-700\/80{border-color:color-mix(in oklab, var(--color-neutral-700) 80%, transparent)}}.fk-sketch-root .border-neutral-800, .fk-sketch-root.border-neutral-800{border-color:var(--color-neutral-800)}.fk-sketch-root .border-neutral-800\/80, .fk-sketch-root.border-neutral-800\/80{border-color:#262626cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-neutral-800\/80, .fk-sketch-root.border-neutral-800\/80{border-color:color-mix(in oklab, var(--color-neutral-800) 80%, transparent)}}.fk-sketch-root .border-primary, .fk-sketch-root.border-primary, .fk-sketch-root .border-primary\/30, .fk-sketch-root.border-primary\/30{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-primary\/30, .fk-sketch-root.border-primary\/30{border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.fk-sketch-root .border-primary\/60, .fk-sketch-root.border-primary\/60{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-primary\/60, .fk-sketch-root.border-primary\/60{border-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}}.fk-sketch-root .border-purple-200, .fk-sketch-root.border-purple-200{border-color:var(--color-purple-200)}.fk-sketch-root .border-red-200, .fk-sketch-root.border-red-200{border-color:var(--color-red-200)}.fk-sketch-root .border-red-900\/50, .fk-sketch-root.border-red-900\/50{border-color:#82181a80}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-red-900\/50, .fk-sketch-root.border-red-900\/50{border-color:color-mix(in oklab, var(--color-red-900) 50%, transparent)}}.fk-sketch-root .border-rose-200, .fk-sketch-root.border-rose-200{border-color:var(--color-rose-200)}.fk-sketch-root .border-sky-200, .fk-sketch-root.border-sky-200{border-color:var(--color-sky-200)}.fk-sketch-root .border-transparent, .fk-sketch-root.border-transparent{border-color:#0000}.fk-sketch-root .border-white\/10, .fk-sketch-root.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-white\/10, .fk-sketch-root.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.fk-sketch-root .border-white\/15, .fk-sketch-root.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-white\/15, .fk-sketch-root.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.fk-sketch-root .border-white\/20, .fk-sketch-root.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-white\/20, .fk-sketch-root.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.fk-sketch-root .border-white\/40, .fk-sketch-root.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-white\/40, .fk-sketch-root.border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.fk-sketch-root .border-white\/60, .fk-sketch-root.border-white\/60{border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-white\/60, .fk-sketch-root.border-white\/60{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.fk-sketch-root .border-white\/70, .fk-sketch-root.border-white\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-white\/70, .fk-sketch-root.border-white\/70{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.fk-sketch-root .border-white\/80, .fk-sketch-root.border-white\/80{border-color:#fffc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-white\/80, .fk-sketch-root.border-white\/80{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.fk-sketch-root .border-white\/\[0\.04\], .fk-sketch-root.border-white\/\[0\.04\]{border-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-white\/\[0\.04\], .fk-sketch-root.border-white\/\[0\.04\]{border-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.fk-sketch-root .border-white\/\[0\.05\], .fk-sketch-root.border-white\/\[0\.05\]{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-white\/\[0\.05\], .fk-sketch-root.border-white\/\[0\.05\]{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.fk-sketch-root .border-white\/\[0\.06\], .fk-sketch-root.border-white\/\[0\.06\]{border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-white\/\[0\.06\], .fk-sketch-root.border-white\/\[0\.06\]{border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.fk-sketch-root .border-white\/\[0\.08\], .fk-sketch-root.border-white\/\[0\.08\]{border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .border-white\/\[0\.08\], .fk-sketch-root.border-white\/\[0\.08\]{border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.fk-sketch-root .bg-\[\#1a1b20\], .fk-sketch-root.bg-\[\#1a1b20\]{background-color:#1a1b20}.fk-sketch-root .bg-\[\#1a1c22\], .fk-sketch-root.bg-\[\#1a1c22\]{background-color:#1a1c22}.fk-sketch-root .bg-\[\#1a1c22\]\/90, .fk-sketch-root.bg-\[\#1a1c22\]\/90{background-color:oklab(22.6987% .000176303 -.0120251/.9)}.fk-sketch-root .bg-\[\#1c1e24\], .fk-sketch-root.bg-\[\#1c1e24\]{background-color:#1c1e24}.fk-sketch-root .bg-\[\#1e2026\], .fk-sketch-root.bg-\[\#1e2026\]{background-color:#1e2026}.fk-sketch-root .bg-\[\#1e2027\], .fk-sketch-root.bg-\[\#1e2027\]{background-color:#1e2027}.fk-sketch-root .bg-\[\#1f222b\], .fk-sketch-root.bg-\[\#1f222b\]{background-color:#1f222b}.fk-sketch-root .bg-\[\#1f2128\], .fk-sketch-root.bg-\[\#1f2128\]{background-color:#1f2128}.fk-sketch-root .bg-\[\#15161a\], .fk-sketch-root.bg-\[\#15161a\]{background-color:#15161a}.fk-sketch-root .bg-\[\#16171b\], .fk-sketch-root.bg-\[\#16171b\]{background-color:#16171b}.fk-sketch-root .bg-\[\#16171b\]\/95, .fk-sketch-root.bg-\[\#16171b\]\/95{background-color:oklab(20.5299% .000636011 -.00804804/.95)}.fk-sketch-root .bg-\[\#16171b\]\/98, .fk-sketch-root.bg-\[\#16171b\]\/98{background-color:oklab(20.5299% .000636011 -.00804804/.98)}.fk-sketch-root .bg-\[\#18181b\], .fk-sketch-root.bg-\[\#18181b\]{background-color:#18181b}.fk-sketch-root .bg-\[\#18191d\]\/95, .fk-sketch-root.bg-\[\#18191d\]\/95{background-color:oklab(21.4081% .000633068 -.00796053/.95)}.fk-sketch-root .bg-\[\#22242b\], .fk-sketch-root.bg-\[\#22242b\]{background-color:#22242b}.fk-sketch-root .bg-\[\#101114\], .fk-sketch-root.bg-\[\#101114\]{background-color:#101114}.fk-sketch-root .bg-\[\#111215\], .fk-sketch-root.bg-\[\#111215\]{background-color:#111215}.fk-sketch-root .bg-\[\#121316\], .fk-sketch-root.bg-\[\#121316\]{background-color:#121316}.fk-sketch-root .bg-\[\#121316\]\/60, .fk-sketch-root.bg-\[\#121316\]\/60{background-color:oklab(18.6963% .000117056 -.00628728/.6)}.fk-sketch-root .bg-\[\#131417\], .fk-sketch-root.bg-\[\#131417\]{background-color:#131417}.fk-sketch-root .bg-\[\#131417\]\/80, .fk-sketch-root.bg-\[\#131417\]\/80{background-color:oklab(19.1469% .000117563 -.00624856/.8)}.fk-sketch-root .bg-\[\#181818\]\/95, .fk-sketch-root.bg-\[\#181818\]\/95{background-color:oklab(20.9036% 1.49012e-8 0/.95)}.fk-sketch-root .bg-\[\#181818\]\/98, .fk-sketch-root.bg-\[\#181818\]\/98{background-color:oklab(20.9036% 1.49012e-8 0/.98)}.fk-sketch-root .bg-\[\#e2e6ed\], .fk-sketch-root.bg-\[\#e2e6ed\]{background-color:#e2e6ed}.fk-sketch-root .bg-\[\#e4e8ef\], .fk-sketch-root.bg-\[\#e4e8ef\]{background-color:#e4e8ef}.fk-sketch-root .bg-\[\#e4e8ef\]\/60, .fk-sketch-root.bg-\[\#e4e8ef\]\/60{background-color:oklab(92.997% -.00148502 -.0102909/.6)}.fk-sketch-root .bg-\[\#e6eaf0\], .fk-sketch-root.bg-\[\#e6eaf0\]{background-color:#e6eaf0}.fk-sketch-root .bg-\[\#eef1f6\]\/95, .fk-sketch-root.bg-\[\#eef1f6\]\/95{background-color:oklab(95.7293% -.00119716 -.00733656/.95)}.fk-sketch-root .bg-\[\#eef1f6\]\/98, .fk-sketch-root.bg-\[\#eef1f6\]\/98{background-color:oklab(95.7293% -.00119716 -.00733656/.98)}.fk-sketch-root .bg-\[\#f0f3f8\], .fk-sketch-root.bg-\[\#f0f3f8\]{background-color:#f0f3f8}.fk-sketch-root .bg-\[\#f0f4f8\], .fk-sketch-root.bg-\[\#f0f4f8\]{background-color:#f0f4f8}.fk-sketch-root .bg-\[\#f8fafc\], .fk-sketch-root.bg-\[\#f8fafc\]{background-color:#f8fafc}.fk-sketch-root .bg-amber-100, .fk-sketch-root.bg-amber-100{background-color:var(--color-amber-100)}.fk-sketch-root .bg-amber-400\/10, .fk-sketch-root.bg-amber-400\/10{background-color:#fcbb001a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-amber-400\/10, .fk-sketch-root.bg-amber-400\/10{background-color:color-mix(in oklab, var(--color-amber-400) 10%, transparent)}}.fk-sketch-root .bg-amber-500, .fk-sketch-root.bg-amber-500{background-color:var(--color-amber-500)}.fk-sketch-root .bg-amber-500\/20, .fk-sketch-root.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-amber-500\/20, .fk-sketch-root.bg-amber-500\/20{background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.fk-sketch-root .bg-amber-950\/60, .fk-sketch-root.bg-amber-950\/60{background-color:#46190199}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-amber-950\/60, .fk-sketch-root.bg-amber-950\/60{background-color:color-mix(in oklab, var(--color-amber-950) 60%, transparent)}}.fk-sketch-root .bg-black\/10, .fk-sketch-root.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-black\/10, .fk-sketch-root.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.fk-sketch-root .bg-black\/15, .fk-sketch-root.bg-black\/15{background-color:#00000026}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-black\/15, .fk-sketch-root.bg-black\/15{background-color:color-mix(in oklab, var(--color-black) 15%, transparent)}}.fk-sketch-root .bg-black\/20, .fk-sketch-root.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-black\/20, .fk-sketch-root.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.fk-sketch-root .bg-black\/30, .fk-sketch-root.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-black\/30, .fk-sketch-root.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.fk-sketch-root .bg-black\/40, .fk-sketch-root.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-black\/40, .fk-sketch-root.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.fk-sketch-root .bg-black\/60, .fk-sketch-root.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-black\/60, .fk-sketch-root.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.fk-sketch-root .bg-blue-50, .fk-sketch-root.bg-blue-50{background-color:var(--color-blue-50)}.fk-sketch-root .bg-blue-50\/60, .fk-sketch-root.bg-blue-50\/60{background-color:#eff6ff99}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-blue-50\/60, .fk-sketch-root.bg-blue-50\/60{background-color:color-mix(in oklab, var(--color-blue-50) 60%, transparent)}}.fk-sketch-root .bg-blue-50\/70, .fk-sketch-root.bg-blue-50\/70{background-color:#eff6ffb3}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-blue-50\/70, .fk-sketch-root.bg-blue-50\/70{background-color:color-mix(in oklab, var(--color-blue-50) 70%, transparent)}}.fk-sketch-root .bg-blue-100, .fk-sketch-root.bg-blue-100{background-color:var(--color-blue-100)}.fk-sketch-root .bg-blue-500\/10, .fk-sketch-root.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-blue-500\/10, .fk-sketch-root.bg-blue-500\/10{background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.fk-sketch-root .bg-blue-600, .fk-sketch-root.bg-blue-600{background-color:var(--color-blue-600)}.fk-sketch-root .bg-blue-950\/30, .fk-sketch-root.bg-blue-950\/30{background-color:#1624564d}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-blue-950\/30, .fk-sketch-root.bg-blue-950\/30{background-color:color-mix(in oklab, var(--color-blue-950) 30%, transparent)}}.fk-sketch-root .bg-blue-950\/60, .fk-sketch-root.bg-blue-950\/60{background-color:#16245699}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-blue-950\/60, .fk-sketch-root.bg-blue-950\/60{background-color:color-mix(in oklab, var(--color-blue-950) 60%, transparent)}}.fk-sketch-root .bg-current, .fk-sketch-root.bg-current{background-color:currentColor}.fk-sketch-root .bg-cyan-100, .fk-sketch-root.bg-cyan-100{background-color:var(--color-cyan-100)}.fk-sketch-root .bg-emerald-100, .fk-sketch-root.bg-emerald-100{background-color:var(--color-emerald-100)}.fk-sketch-root .bg-indigo-100, .fk-sketch-root.bg-indigo-100{background-color:var(--color-indigo-100)}.fk-sketch-root .bg-neutral-50, .fk-sketch-root.bg-neutral-50{background-color:var(--color-neutral-50)}.fk-sketch-root .bg-neutral-50\/50, .fk-sketch-root.bg-neutral-50\/50{background-color:#fafafa80}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-50\/50, .fk-sketch-root.bg-neutral-50\/50{background-color:color-mix(in oklab, var(--color-neutral-50) 50%, transparent)}}.fk-sketch-root .bg-neutral-50\/60, .fk-sketch-root.bg-neutral-50\/60{background-color:#fafafa99}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-50\/60, .fk-sketch-root.bg-neutral-50\/60{background-color:color-mix(in oklab, var(--color-neutral-50) 60%, transparent)}}.fk-sketch-root .bg-neutral-50\/70, .fk-sketch-root.bg-neutral-50\/70{background-color:#fafafab3}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-50\/70, .fk-sketch-root.bg-neutral-50\/70{background-color:color-mix(in oklab, var(--color-neutral-50) 70%, transparent)}}.fk-sketch-root .bg-neutral-100, .fk-sketch-root.bg-neutral-100{background-color:var(--color-neutral-100)}.fk-sketch-root .bg-neutral-100\/80, .fk-sketch-root.bg-neutral-100\/80{background-color:#f5f5f5cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-100\/80, .fk-sketch-root.bg-neutral-100\/80{background-color:color-mix(in oklab, var(--color-neutral-100) 80%, transparent)}}.fk-sketch-root .bg-neutral-100\/90, .fk-sketch-root.bg-neutral-100\/90{background-color:#f5f5f5e6}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-100\/90, .fk-sketch-root.bg-neutral-100\/90{background-color:color-mix(in oklab, var(--color-neutral-100) 90%, transparent)}}.fk-sketch-root .bg-neutral-200, .fk-sketch-root.bg-neutral-200{background-color:var(--color-neutral-200)}.fk-sketch-root .bg-neutral-200\/70, .fk-sketch-root.bg-neutral-200\/70{background-color:#e5e5e5b3}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-200\/70, .fk-sketch-root.bg-neutral-200\/70{background-color:color-mix(in oklab, var(--color-neutral-200) 70%, transparent)}}.fk-sketch-root .bg-neutral-200\/80, .fk-sketch-root.bg-neutral-200\/80{background-color:#e5e5e5cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-200\/80, .fk-sketch-root.bg-neutral-200\/80{background-color:color-mix(in oklab, var(--color-neutral-200) 80%, transparent)}}.fk-sketch-root .bg-neutral-300, .fk-sketch-root.bg-neutral-300{background-color:var(--color-neutral-300)}.fk-sketch-root .bg-neutral-400, .fk-sketch-root.bg-neutral-400{background-color:var(--color-neutral-400)}.fk-sketch-root .bg-neutral-500\/10, .fk-sketch-root.bg-neutral-500\/10{background-color:#7373731a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-500\/10, .fk-sketch-root.bg-neutral-500\/10{background-color:color-mix(in oklab, var(--color-neutral-500) 10%, transparent)}}.fk-sketch-root .bg-neutral-700, .fk-sketch-root.bg-neutral-700{background-color:var(--color-neutral-700)}.fk-sketch-root .bg-neutral-700\/80, .fk-sketch-root.bg-neutral-700\/80{background-color:#404040cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-700\/80, .fk-sketch-root.bg-neutral-700\/80{background-color:color-mix(in oklab, var(--color-neutral-700) 80%, transparent)}}.fk-sketch-root .bg-neutral-800, .fk-sketch-root.bg-neutral-800{background-color:var(--color-neutral-800)}.fk-sketch-root .bg-neutral-800\/60, .fk-sketch-root.bg-neutral-800\/60{background-color:#26262699}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-800\/60, .fk-sketch-root.bg-neutral-800\/60{background-color:color-mix(in oklab, var(--color-neutral-800) 60%, transparent)}}.fk-sketch-root .bg-neutral-800\/80, .fk-sketch-root.bg-neutral-800\/80{background-color:#262626cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-800\/80, .fk-sketch-root.bg-neutral-800\/80{background-color:color-mix(in oklab, var(--color-neutral-800) 80%, transparent)}}.fk-sketch-root .bg-neutral-800\/90, .fk-sketch-root.bg-neutral-800\/90{background-color:#262626e6}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-800\/90, .fk-sketch-root.bg-neutral-800\/90{background-color:color-mix(in oklab, var(--color-neutral-800) 90%, transparent)}}.fk-sketch-root .bg-neutral-900, .fk-sketch-root.bg-neutral-900{background-color:var(--color-neutral-900)}.fk-sketch-root .bg-neutral-900\/40, .fk-sketch-root.bg-neutral-900\/40{background-color:#17171766}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-900\/40, .fk-sketch-root.bg-neutral-900\/40{background-color:color-mix(in oklab, var(--color-neutral-900) 40%, transparent)}}.fk-sketch-root .bg-neutral-900\/60, .fk-sketch-root.bg-neutral-900\/60{background-color:#17171799}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-900\/60, .fk-sketch-root.bg-neutral-900\/60{background-color:color-mix(in oklab, var(--color-neutral-900) 60%, transparent)}}.fk-sketch-root .bg-neutral-900\/80, .fk-sketch-root.bg-neutral-900\/80{background-color:#171717cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-900\/80, .fk-sketch-root.bg-neutral-900\/80{background-color:color-mix(in oklab, var(--color-neutral-900) 80%, transparent)}}.fk-sketch-root .bg-neutral-900\/85, .fk-sketch-root.bg-neutral-900\/85{background-color:#171717d9}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-900\/85, .fk-sketch-root.bg-neutral-900\/85{background-color:color-mix(in oklab, var(--color-neutral-900) 85%, transparent)}}.fk-sketch-root .bg-neutral-900\/90, .fk-sketch-root.bg-neutral-900\/90{background-color:#171717e6}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-900\/90, .fk-sketch-root.bg-neutral-900\/90{background-color:color-mix(in oklab, var(--color-neutral-900) 90%, transparent)}}.fk-sketch-root .bg-neutral-900\/95, .fk-sketch-root.bg-neutral-900\/95{background-color:#171717f2}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-neutral-900\/95, .fk-sketch-root.bg-neutral-900\/95{background-color:color-mix(in oklab, var(--color-neutral-900) 95%, transparent)}}.fk-sketch-root .bg-primary, .fk-sketch-root.bg-primary, .fk-sketch-root .bg-primary\/10, .fk-sketch-root.bg-primary\/10{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-primary\/10, .fk-sketch-root.bg-primary\/10{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.fk-sketch-root .bg-primary\/15, .fk-sketch-root.bg-primary\/15{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-primary\/15, .fk-sketch-root.bg-primary\/15{background-color:color-mix(in oklab, var(--color-primary) 15%, transparent)}}.fk-sketch-root .bg-purple-100, .fk-sketch-root.bg-purple-100{background-color:var(--color-purple-100)}.fk-sketch-root .bg-red-100, .fk-sketch-root.bg-red-100{background-color:var(--color-red-100)}.fk-sketch-root .bg-red-600, .fk-sketch-root.bg-red-600{background-color:var(--color-red-600)}.fk-sketch-root .bg-red-950\/60, .fk-sketch-root.bg-red-950\/60{background-color:#46080999}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-red-950\/60, .fk-sketch-root.bg-red-950\/60{background-color:color-mix(in oklab, var(--color-red-950) 60%, transparent)}}.fk-sketch-root .bg-rose-100, .fk-sketch-root.bg-rose-100{background-color:var(--color-rose-100)}.fk-sketch-root .bg-rose-500, .fk-sketch-root.bg-rose-500{background-color:var(--color-rose-500)}.fk-sketch-root .bg-sky-100, .fk-sketch-root.bg-sky-100{background-color:var(--color-sky-100)}.fk-sketch-root .bg-transparent, .fk-sketch-root.bg-transparent{background-color:#0000}.fk-sketch-root .bg-white, .fk-sketch-root.bg-white{background-color:var(--color-white)}.fk-sketch-root .bg-white\/10, .fk-sketch-root.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-white\/10, .fk-sketch-root.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.fk-sketch-root .bg-white\/15, .fk-sketch-root.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-white\/15, .fk-sketch-root.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.fk-sketch-root .bg-white\/90, .fk-sketch-root.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-white\/90, .fk-sketch-root.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.fk-sketch-root .bg-white\/95, .fk-sketch-root.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-white\/95, .fk-sketch-root.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.fk-sketch-root .bg-white\/98, .fk-sketch-root.bg-white\/98{background-color:#fffffffa}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .bg-white\/98, .fk-sketch-root.bg-white\/98{background-color:color-mix(in oklab, var(--color-white) 98%, transparent)}}.fk-sketch-root .bg-linear-to-r, .fk-sketch-root.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.fk-sketch-root .bg-linear-to-r, .fk-sketch-root.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.fk-sketch-root .bg-linear-to-r, .fk-sketch-root.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.fk-sketch-root .bg-\[linear-gradient\(45deg\,\#cbd5e1_25\%\,transparent_25\%\)\,linear-gradient\(-45deg\,\#cbd5e1_25\%\,transparent_25\%\)\,linear-gradient\(45deg\,transparent_75\%\,\#cbd5e1_75\%\)\,linear-gradient\(-45deg\,transparent_75\%\,\#cbd5e1_75\%\)\], .fk-sketch-root.bg-\[linear-gradient\(45deg\,\#cbd5e1_25\%\,transparent_25\%\)\,linear-gradient\(-45deg\,\#cbd5e1_25\%\,transparent_25\%\)\,linear-gradient\(45deg\,transparent_75\%\,\#cbd5e1_75\%\)\,linear-gradient\(-45deg\,transparent_75\%\,\#cbd5e1_75\%\)\]{background-image:linear-gradient(45deg,#cbd5e1 25%,#0000 25%),linear-gradient(-45deg,#cbd5e1 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#cbd5e1 75%),linear-gradient(-45deg,#0000 75%,#cbd5e1 75%)}.fk-sketch-root .from-primary, .fk-sketch-root.from-primary{--tw-gradient-from:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fk-sketch-root .via-amber-500, .fk-sketch-root.via-amber-500{--tw-gradient-via:var(--color-amber-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.fk-sketch-root .to-primary, .fk-sketch-root.to-primary{--tw-gradient-to:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fk-sketch-root .\[background-size\:6px_6px\], .fk-sketch-root.\[background-size\:6px_6px\]{background-size:6px 6px}.fk-sketch-root .\[background-position\:0_0\,0_3px\,3px_-3px\,-3px_0\], .fk-sketch-root.\[background-position\:0_0\,0_3px\,3px_-3px\,-3px_0\]{background-position:0 0,0 3px,3px -3px,-3px 0}.fk-sketch-root .fill-neutral-500\/10, .fk-sketch-root.fill-neutral-500\/10{fill:#7373731a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .fill-neutral-500\/10, .fk-sketch-root.fill-neutral-500\/10{fill:color-mix(in oklab, var(--color-neutral-500) 10%, transparent)}}.fk-sketch-root .stroke-neutral-400\/50, .fk-sketch-root.stroke-neutral-400\/50{stroke:#a1a1a180}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .stroke-neutral-400\/50, .fk-sketch-root.stroke-neutral-400\/50{stroke:color-mix(in oklab, var(--color-neutral-400) 50%, transparent)}}.fk-sketch-root .stroke-\[2\.2\], .fk-sketch-root.stroke-\[2\.2\]{stroke-width:2.2px}.fk-sketch-root .stroke-\[2\.5\], .fk-sketch-root.stroke-\[2\.5\]{stroke-width:2.5px}.fk-sketch-root .p-0, .fk-sketch-root.p-0{padding:0}.fk-sketch-root .p-0\.5, .fk-sketch-root.p-0\.5{padding:calc(var(--spacing) * .5)}.fk-sketch-root .p-1, .fk-sketch-root.p-1{padding:var(--spacing)}.fk-sketch-root .p-1\.5, .fk-sketch-root.p-1\.5{padding:calc(var(--spacing) * 1.5)}.fk-sketch-root .p-2, .fk-sketch-root.p-2{padding:calc(var(--spacing) * 2)}.fk-sketch-root .p-2\.5, .fk-sketch-root.p-2\.5{padding:calc(var(--spacing) * 2.5)}.fk-sketch-root .p-3, .fk-sketch-root.p-3{padding:calc(var(--spacing) * 3)}.fk-sketch-root .p-3\.5, .fk-sketch-root.p-3\.5{padding:calc(var(--spacing) * 3.5)}.fk-sketch-root .p-4, .fk-sketch-root.p-4{padding:calc(var(--spacing) * 4)}.fk-sketch-root .p-5, .fk-sketch-root.p-5{padding:calc(var(--spacing) * 5)}.fk-sketch-root .p-6, .fk-sketch-root.p-6{padding:calc(var(--spacing) * 6)}.fk-sketch-root .px-0, .fk-sketch-root.px-0{padding-inline:0}.fk-sketch-root .px-0\.5, .fk-sketch-root.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.fk-sketch-root .px-1, .fk-sketch-root.px-1{padding-inline:var(--spacing)}.fk-sketch-root .px-1\.5, .fk-sketch-root.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.fk-sketch-root .px-2, .fk-sketch-root.px-2{padding-inline:calc(var(--spacing) * 2)}.fk-sketch-root .px-2\.5, .fk-sketch-root.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.fk-sketch-root .px-3, .fk-sketch-root.px-3{padding-inline:calc(var(--spacing) * 3)}.fk-sketch-root .px-3\.5, .fk-sketch-root.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.fk-sketch-root .px-4, .fk-sketch-root.px-4{padding-inline:calc(var(--spacing) * 4)}.fk-sketch-root .px-5, .fk-sketch-root.px-5{padding-inline:calc(var(--spacing) * 5)}.fk-sketch-root .px-6, .fk-sketch-root.px-6{padding-inline:calc(var(--spacing) * 6)}.fk-sketch-root .px-8, .fk-sketch-root.px-8{padding-inline:calc(var(--spacing) * 8)}.fk-sketch-root .py-0\.5, .fk-sketch-root.py-0\.5{padding-block:calc(var(--spacing) * .5)}.fk-sketch-root .py-1, .fk-sketch-root.py-1{padding-block:var(--spacing)}.fk-sketch-root .py-1\.5, .fk-sketch-root.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.fk-sketch-root .py-2, .fk-sketch-root.py-2{padding-block:calc(var(--spacing) * 2)}.fk-sketch-root .py-2\.5, .fk-sketch-root.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.fk-sketch-root .py-3, .fk-sketch-root.py-3{padding-block:calc(var(--spacing) * 3)}.fk-sketch-root .py-4, .fk-sketch-root.py-4{padding-block:calc(var(--spacing) * 4)}.fk-sketch-root .py-6, .fk-sketch-root.py-6{padding-block:calc(var(--spacing) * 6)}.fk-sketch-root .py-8, .fk-sketch-root.py-8{padding-block:calc(var(--spacing) * 8)}.fk-sketch-root .py-12, .fk-sketch-root.py-12{padding-block:calc(var(--spacing) * 12)}.fk-sketch-root .pt-0\.5, .fk-sketch-root.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.fk-sketch-root .pt-1, .fk-sketch-root.pt-1{padding-top:var(--spacing)}.fk-sketch-root .pt-1\.5, .fk-sketch-root.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.fk-sketch-root .pt-2, .fk-sketch-root.pt-2{padding-top:calc(var(--spacing) * 2)}.fk-sketch-root .pt-2\.5, .fk-sketch-root.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.fk-sketch-root .pt-3, .fk-sketch-root.pt-3{padding-top:calc(var(--spacing) * 3)}.fk-sketch-root .pt-5, .fk-sketch-root.pt-5{padding-top:calc(var(--spacing) * 5)}.fk-sketch-root .pr-0\.5, .fk-sketch-root.pr-0\.5{padding-right:calc(var(--spacing) * .5)}.fk-sketch-root .pr-1, .fk-sketch-root.pr-1{padding-right:var(--spacing)}.fk-sketch-root .pr-1\.5, .fk-sketch-root.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.fk-sketch-root .pr-2, .fk-sketch-root.pr-2{padding-right:calc(var(--spacing) * 2)}.fk-sketch-root .pr-2\.5, .fk-sketch-root.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.fk-sketch-root .pr-3, .fk-sketch-root.pr-3{padding-right:calc(var(--spacing) * 3)}.fk-sketch-root .pr-8, .fk-sketch-root.pr-8{padding-right:calc(var(--spacing) * 8)}.fk-sketch-root .pb-0\.5, .fk-sketch-root.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.fk-sketch-root .pb-2, .fk-sketch-root.pb-2{padding-bottom:calc(var(--spacing) * 2)}.fk-sketch-root .pb-2\.5, .fk-sketch-root.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.fk-sketch-root .pb-3, .fk-sketch-root.pb-3{padding-bottom:calc(var(--spacing) * 3)}.fk-sketch-root .pl-1, .fk-sketch-root.pl-1{padding-left:var(--spacing)}.fk-sketch-root .pl-2, .fk-sketch-root.pl-2{padding-left:calc(var(--spacing) * 2)}.fk-sketch-root .pl-2\.5, .fk-sketch-root.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.fk-sketch-root .pl-3, .fk-sketch-root.pl-3{padding-left:calc(var(--spacing) * 3)}.fk-sketch-root .pl-6, .fk-sketch-root.pl-6{padding-left:calc(var(--spacing) * 6)}.fk-sketch-root .pl-7, .fk-sketch-root.pl-7{padding-left:calc(var(--spacing) * 7)}.fk-sketch-root .pl-8, .fk-sketch-root.pl-8{padding-left:calc(var(--spacing) * 8)}.fk-sketch-root .pl-9, .fk-sketch-root.pl-9{padding-left:calc(var(--spacing) * 9)}.fk-sketch-root .text-center, .fk-sketch-root.text-center{text-align:center}.fk-sketch-root .text-left, .fk-sketch-root.text-left{text-align:left}.fk-sketch-root .font-mono, .fk-sketch-root.font-mono{font-family:var(--font-mono)}.fk-sketch-root .text-base, .fk-sketch-root.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.fk-sketch-root .text-sm, .fk-sketch-root.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.fk-sketch-root .text-xs, .fk-sketch-root.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.fk-sketch-root .text-\[6\.5px\], .fk-sketch-root.text-\[6\.5px\]{font-size:6.5px}.fk-sketch-root .text-\[8\.5px\], .fk-sketch-root.text-\[8\.5px\]{font-size:8.5px}.fk-sketch-root .text-\[8px\], .fk-sketch-root.text-\[8px\]{font-size:8px}.fk-sketch-root .text-\[9\.5px\], .fk-sketch-root.text-\[9\.5px\]{font-size:9.5px}.fk-sketch-root .text-\[9px\], .fk-sketch-root.text-\[9px\]{font-size:9px}.fk-sketch-root .text-\[10\.5px\], .fk-sketch-root.text-\[10\.5px\]{font-size:10.5px}.fk-sketch-root .text-\[10px\], .fk-sketch-root.text-\[10px\]{font-size:10px}.fk-sketch-root .text-\[11\.5px\], .fk-sketch-root.text-\[11\.5px\]{font-size:11.5px}.fk-sketch-root .text-\[11px\], .fk-sketch-root.text-\[11px\]{font-size:11px}.fk-sketch-root .text-\[12px\], .fk-sketch-root.text-\[12px\]{font-size:12px}.fk-sketch-root .leading-none, .fk-sketch-root.leading-none{--tw-leading:1;line-height:1}.fk-sketch-root .leading-relaxed, .fk-sketch-root.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.fk-sketch-root .leading-snug, .fk-sketch-root.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.fk-sketch-root .leading-tight, .fk-sketch-root.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.fk-sketch-root .font-bold, .fk-sketch-root.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.fk-sketch-root .font-extrabold, .fk-sketch-root.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.fk-sketch-root .font-medium, .fk-sketch-root.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.fk-sketch-root .font-normal, .fk-sketch-root.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.fk-sketch-root .font-semibold, .fk-sketch-root.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.fk-sketch-root .tracking-tight, .fk-sketch-root.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.fk-sketch-root .tracking-wide, .fk-sketch-root.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.fk-sketch-root .tracking-wider, .fk-sketch-root.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.fk-sketch-root .whitespace-nowrap, .fk-sketch-root.whitespace-nowrap{white-space:nowrap}.fk-sketch-root .text-\[\#0b6eff\], .fk-sketch-root.text-\[\#0b6eff\]{color:#0b6eff}.fk-sketch-root .text-\[\#3b82f6\], .fk-sketch-root.text-\[\#3b82f6\]{color:#3b82f6}.fk-sketch-root .text-amber-400, .fk-sketch-root.text-amber-400{color:var(--color-amber-400)}.fk-sketch-root .text-amber-500, .fk-sketch-root.text-amber-500{color:var(--color-amber-500)}.fk-sketch-root .text-amber-600, .fk-sketch-root.text-amber-600{color:var(--color-amber-600)}.fk-sketch-root .text-amber-700, .fk-sketch-root.text-amber-700{color:var(--color-amber-700)}.fk-sketch-root .text-blue-200, .fk-sketch-root.text-blue-200{color:var(--color-blue-200)}.fk-sketch-root .text-blue-300, .fk-sketch-root.text-blue-300{color:var(--color-blue-300)}.fk-sketch-root .text-blue-400, .fk-sketch-root.text-blue-400{color:var(--color-blue-400)}.fk-sketch-root .text-blue-600, .fk-sketch-root.text-blue-600{color:var(--color-blue-600)}.fk-sketch-root .text-blue-700, .fk-sketch-root.text-blue-700{color:var(--color-blue-700)}.fk-sketch-root .text-blue-950, .fk-sketch-root.text-blue-950{color:var(--color-blue-950)}.fk-sketch-root .text-cyan-700, .fk-sketch-root.text-cyan-700{color:var(--color-cyan-700)}.fk-sketch-root .text-emerald-600, .fk-sketch-root.text-emerald-600{color:var(--color-emerald-600)}.fk-sketch-root .text-emerald-700, .fk-sketch-root.text-emerald-700{color:var(--color-emerald-700)}.fk-sketch-root .text-indigo-700, .fk-sketch-root.text-indigo-700{color:var(--color-indigo-700)}.fk-sketch-root .text-neutral-100, .fk-sketch-root.text-neutral-100{color:var(--color-neutral-100)}.fk-sketch-root .text-neutral-200, .fk-sketch-root.text-neutral-200{color:var(--color-neutral-200)}.fk-sketch-root .text-neutral-300, .fk-sketch-root.text-neutral-300{color:var(--color-neutral-300)}.fk-sketch-root .text-neutral-400, .fk-sketch-root.text-neutral-400{color:var(--color-neutral-400)}.fk-sketch-root .text-neutral-500, .fk-sketch-root.text-neutral-500{color:var(--color-neutral-500)}.fk-sketch-root .text-neutral-600, .fk-sketch-root.text-neutral-600{color:var(--color-neutral-600)}.fk-sketch-root .text-neutral-700, .fk-sketch-root.text-neutral-700{color:var(--color-neutral-700)}.fk-sketch-root .text-neutral-800, .fk-sketch-root.text-neutral-800{color:var(--color-neutral-800)}.fk-sketch-root .text-neutral-900, .fk-sketch-root.text-neutral-900{color:var(--color-neutral-900)}.fk-sketch-root .text-neutral-950, .fk-sketch-root.text-neutral-950{color:var(--color-neutral-950)}.fk-sketch-root .text-primary, .fk-sketch-root.text-primary{color:var(--color-primary)}.fk-sketch-root .text-primary-foreground, .fk-sketch-root.text-primary-foreground{color:var(--color-primary-foreground)}.fk-sketch-root .text-primary-foreground\/80, .fk-sketch-root.text-primary-foreground\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .text-primary-foreground\/80, .fk-sketch-root.text-primary-foreground\/80{color:color-mix(in oklab, var(--color-primary-foreground) 80%, transparent)}}.fk-sketch-root .text-purple-500, .fk-sketch-root.text-purple-500{color:var(--color-purple-500)}.fk-sketch-root .text-purple-700, .fk-sketch-root.text-purple-700{color:var(--color-purple-700)}.fk-sketch-root .text-red-400, .fk-sketch-root.text-red-400{color:var(--color-red-400)}.fk-sketch-root .text-red-500, .fk-sketch-root.text-red-500{color:var(--color-red-500)}.fk-sketch-root .text-red-600, .fk-sketch-root.text-red-600{color:var(--color-red-600)}.fk-sketch-root .text-rose-400, .fk-sketch-root.text-rose-400{color:var(--color-rose-400)}.fk-sketch-root .text-rose-500, .fk-sketch-root.text-rose-500{color:var(--color-rose-500)}.fk-sketch-root .text-rose-600, .fk-sketch-root.text-rose-600{color:var(--color-rose-600)}.fk-sketch-root .text-rose-700, .fk-sketch-root.text-rose-700{color:var(--color-rose-700)}.fk-sketch-root .text-sky-500, .fk-sketch-root.text-sky-500{color:var(--color-sky-500)}.fk-sketch-root .text-sky-700, .fk-sketch-root.text-sky-700{color:var(--color-sky-700)}.fk-sketch-root .text-white, .fk-sketch-root.text-white{color:var(--color-white)}.fk-sketch-root .text-white\/90, .fk-sketch-root.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .text-white\/90, .fk-sketch-root.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.fk-sketch-root .capitalize, .fk-sketch-root.capitalize{text-transform:capitalize}.fk-sketch-root .lowercase, .fk-sketch-root.lowercase{text-transform:lowercase}.fk-sketch-root .uppercase, .fk-sketch-root.uppercase{text-transform:uppercase}.fk-sketch-root .accent-neutral-700, .fk-sketch-root.accent-neutral-700{accent-color:var(--color-neutral-700)}.fk-sketch-root .opacity-0, .fk-sketch-root.opacity-0{opacity:0}.fk-sketch-root .opacity-40, .fk-sketch-root.opacity-40{opacity:.4}.fk-sketch-root .opacity-60, .fk-sketch-root.opacity-60{opacity:.6}.fk-sketch-root .opacity-70, .fk-sketch-root.opacity-70{opacity:.7}.fk-sketch-root .opacity-75, .fk-sketch-root.opacity-75{opacity:.75}.fk-sketch-root .opacity-80, .fk-sketch-root.opacity-80{opacity:.8}.fk-sketch-root .opacity-90, .fk-sketch-root.opacity-90{opacity:.9}.fk-sketch-root .opacity-100, .fk-sketch-root.opacity-100{opacity:1}.fk-sketch-root .shadow-2xl, .fk-sketch-root.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-2xs, .fk-sketch-root.shadow-2xs{--tw-shadow:0 1px 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)}.fk-sketch-root .shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.8\)\,_1\.5px_1\.5px_3px_rgba\(0\,0\,0\,0\.15\)\], .fk-sketch-root.shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.8\)\,_1\.5px_1\.5px_3px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:-1.5px -1.5px 3px var(--tw-shadow-color,#fffc), 1.5px 1.5px 3px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.8\)\,_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.3\)\], .fk-sketch-root.shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.8\)\,_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.3\)\]{--tw-shadow:-1.5px -1.5px 3px var(--tw-shadow-color,#fffc), 1.5px 1.5px 3px var(--tw-shadow-color,#a6afc34d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.9\)\,_1\.5px_1\.5px_3px_rgba\(0\,0\,0\,0\.3\)\], .fk-sketch-root.shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.9\)\,_1\.5px_1\.5px_3px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:-1.5px -1.5px 3px var(--tw-shadow-color,#ffffffe6), 1.5px 1.5px 3px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.9\)\,_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.35\)\], .fk-sketch-root.shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.9\)\,_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.35\)\]{--tw-shadow:-1.5px -1.5px 3px var(--tw-shadow-color,#ffffffe6), 1.5px 1.5px 3px var(--tw-shadow-color,#a6afc359);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,1\)\,_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.55\)\], .fk-sketch-root.shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,1\)\,_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.55\)\]{--tw-shadow:-1.5px -1.5px 3px var(--tw-shadow-color,#fff), 1.5px 1.5px 3px var(--tw-shadow-color,#a6afc38c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-1px_-1px_2px_rgba\(255\,255\,255\,0\.7\)\,_1px_1px_2px_rgba\(0\,0\,0\,0\.1\)\], .fk-sketch-root.shadow-\[-1px_-1px_2px_rgba\(255\,255\,255\,0\.7\)\,_1px_1px_2px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:-1px -1px 2px var(--tw-shadow-color,#ffffffb3), 1px 1px 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)}.fk-sketch-root .shadow-\[-1px_-1px_2px_rgba\(255\,255\,255\,0\.8\)\,_1px_1px_2px_rgba\(0\,0\,0\,0\.2\)\], .fk-sketch-root.shadow-\[-1px_-1px_2px_rgba\(255\,255\,255\,0\.8\)\,_1px_1px_2px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow:-1px -1px 2px var(--tw-shadow-color,#fffc), 1px 1px 2px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-1px_-1px_2px_rgba\(255\,255\,255\,0\.8\)\,_1px_1px_2px_rgba\(0\,0\,0\,0\.15\)\], .fk-sketch-root.shadow-\[-1px_-1px_2px_rgba\(255\,255\,255\,0\.8\)\,_1px_1px_2px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:-1px -1px 2px var(--tw-shadow-color,#fffc), 1px 1px 2px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-2\.5px_-2\.5px_6px_rgba\(255\,255\,255\,0\.95\)\,_2\.5px_2\.5px_6px_rgba\(166\,175\,195\,0\.4\)\], .fk-sketch-root.shadow-\[-2\.5px_-2\.5px_6px_rgba\(255\,255\,255\,0\.95\)\,_2\.5px_2\.5px_6px_rgba\(166\,175\,195\,0\.4\)\]{--tw-shadow:-2.5px -2.5px 6px var(--tw-shadow-color,#fffffff2), 2.5px 2.5px 6px var(--tw-shadow-color,#a6afc366);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.9\)\,_2px_2px_4px_rgba\(0\,0\,0\,0\.3\)\], .fk-sketch-root.shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.9\)\,_2px_2px_4px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:-2px -2px 4px var(--tw-shadow-color,#ffffffe6), 2px 2px 4px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.9\)\,_2px_2px_4px_rgba\(166\,175\,195\,0\.35\)\], .fk-sketch-root.shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.9\)\,_2px_2px_4px_rgba\(166\,175\,195\,0\.35\)\]{--tw-shadow:-2px -2px 4px var(--tw-shadow-color,#ffffffe6), 2px 2px 4px var(--tw-shadow-color,#a6afc359);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.95\)\,_2px_2px_4px_rgba\(166\,175\,195\,0\.5\)\], .fk-sketch-root.shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.95\)\,_2px_2px_4px_rgba\(166\,175\,195\,0\.5\)\]{--tw-shadow:-2px -2px 4px var(--tw-shadow-color,#fffffff2), 2px 2px 4px var(--tw-shadow-color,#a6afc380);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,1\)\,_2px_2px_4px_rgba\(166\,175\,195\,0\.55\)\,_0_0_0_1px_rgba\(255\,255\,255\,0\.8\)\], .fk-sketch-root.shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,1\)\,_2px_2px_4px_rgba\(166\,175\,195\,0\.55\)\,_0_0_0_1px_rgba\(255\,255\,255\,0\.8\)\]{--tw-shadow:-2px -2px 4px var(--tw-shadow-color,#fff), 2px 2px 4px var(--tw-shadow-color,#a6afc38c), 0 0 0 1px var(--tw-shadow-color,#fffc);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,1\)\,_2px_2px_4px_rgba\(166\,175\,195\,0\.55\)\], .fk-sketch-root.shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,1\)\,_2px_2px_4px_rgba\(166\,175\,195\,0\.55\)\]{--tw-shadow:-2px -2px 4px var(--tw-shadow-color,#fff), 2px 2px 4px var(--tw-shadow-color,#a6afc38c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.02\)\,_3px_3px_8px_rgba\(0\,0\,0\,0\.8\)\], .fk-sketch-root.shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.02\)\,_3px_3px_8px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow:-2px -2px 5px var(--tw-shadow-color,#ffffff05), 3px 3px 8px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.9\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.3\)\], .fk-sketch-root.shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.9\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:-2px -2px 5px var(--tw-shadow-color,#ffffffe6), 2px 2px 5px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-2px_-2px_6px_rgba\(255\,255\,255\,0\.02\)\,_4px_4px_12px_rgba\(0\,0\,0\,0\.8\)\], .fk-sketch-root.shadow-\[-2px_-2px_6px_rgba\(255\,255\,255\,0\.02\)\,_4px_4px_12px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow:-2px -2px 6px var(--tw-shadow-color,#ffffff05), 4px 4px 12px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-2px_-2px_6px_rgba\(255\,255\,255\,0\.85\)\,_3px_3px_7px_rgba\(166\,175\,195\,0\.4\)\], .fk-sketch-root.shadow-\[-2px_-2px_6px_rgba\(255\,255\,255\,0\.85\)\,_3px_3px_7px_rgba\(166\,175\,195\,0\.4\)\]{--tw-shadow:-2px -2px 6px var(--tw-shadow-color,#ffffffd9), 3px 3px 7px var(--tw-shadow-color,#a6afc366);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-3px_-3px_8px_rgba\(255\,255\,255\,0\.85\)\,_4px_4px_10px_rgba\(166\,175\,195\,0\.45\)\], .fk-sketch-root.shadow-\[-3px_-3px_8px_rgba\(255\,255\,255\,0\.85\)\,_4px_4px_10px_rgba\(166\,175\,195\,0\.45\)\]{--tw-shadow:-3px -3px 8px var(--tw-shadow-color,#ffffffd9), 4px 4px 10px var(--tw-shadow-color,#a6afc373);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-4px_-4px_12px_rgba\(255\,255\,255\,0\.03\)\,_8px_8px_20px_rgba\(0\,0\,0\,0\.85\)\], .fk-sketch-root.shadow-\[-4px_-4px_12px_rgba\(255\,255\,255\,0\.03\)\,_8px_8px_20px_rgba\(0\,0\,0\,0\.85\)\]{--tw-shadow:-4px -4px 12px var(--tw-shadow-color,#ffffff08), 8px 8px 20px var(--tw-shadow-color,#000000d9);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-4px_-4px_14px_rgba\(255\,255\,255\,0\.03\)\,_10px_10px_26px_rgba\(0\,0\,0\,0\.85\)\], .fk-sketch-root.shadow-\[-4px_-4px_14px_rgba\(255\,255\,255\,0\.03\)\,_10px_10px_26px_rgba\(0\,0\,0\,0\.85\)\]{--tw-shadow:-4px -4px 14px var(--tw-shadow-color,#ffffff08), 10px 10px 26px var(--tw-shadow-color,#000000d9);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-4px_-4px_14px_rgba\(255\,255\,255\,0\.03\)\,_10px_10px_28px_rgba\(0\,0\,0\,0\.85\)\], .fk-sketch-root.shadow-\[-4px_-4px_14px_rgba\(255\,255\,255\,0\.03\)\,_10px_10px_28px_rgba\(0\,0\,0\,0\.85\)\]{--tw-shadow:-4px -4px 14px var(--tw-shadow-color,#ffffff08), 10px 10px 28px var(--tw-shadow-color,#000000d9);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-4px_-4px_16px_rgba\(255\,255\,255\,0\.02\)\,_10px_10px_28px_rgba\(0\,0\,0\,0\.9\)\], .fk-sketch-root.shadow-\[-4px_-4px_16px_rgba\(255\,255\,255\,0\.02\)\,_10px_10px_28px_rgba\(0\,0\,0\,0\.9\)\]{--tw-shadow:-4px -4px 16px var(--tw-shadow-color,#ffffff05), 10px 10px 28px var(--tw-shadow-color,#000000e6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-6px_-6px_16px_rgba\(255\,255\,255\,0\.9\)\,_8px_8px_20px_rgba\(166\,175\,195\,0\.5\)\], .fk-sketch-root.shadow-\[-6px_-6px_16px_rgba\(255\,255\,255\,0\.9\)\,_8px_8px_20px_rgba\(166\,175\,195\,0\.5\)\]{--tw-shadow:-6px -6px 16px var(--tw-shadow-color,#ffffffe6), 8px 8px 20px var(--tw-shadow-color,#a6afc380);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-6px_-6px_16px_rgba\(255\,255\,255\,0\.85\)\,_8px_8px_20px_rgba\(166\,175\,195\,0\.45\)\], .fk-sketch-root.shadow-\[-6px_-6px_16px_rgba\(255\,255\,255\,0\.85\)\,_8px_8px_20px_rgba\(166\,175\,195\,0\.45\)\]{--tw-shadow:-6px -6px 16px var(--tw-shadow-color,#ffffffd9), 8px 8px 20px var(--tw-shadow-color,#a6afc373);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[-6px_-6px_20px_rgba\(255\,255\,255\,0\.03\)\,_12px_12px_36px_rgba\(0\,0\,0\,0\.95\)\], .fk-sketch-root.shadow-\[-6px_-6px_20px_rgba\(255\,255\,255\,0\.03\)\,_12px_12px_36px_rgba\(0\,0\,0\,0\.95\)\]{--tw-shadow:-6px -6px 20px var(--tw-shadow-color,#ffffff08), 12px 12px 36px var(--tw-shadow-color,#000000f2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_0_4px_rgba\(245\,158\,11\,0\.7\)\], .fk-sketch-root.shadow-\[0_0_4px_rgba\(245\,158\,11\,0\.7\)\]{--tw-shadow:0 0 4px var(--tw-shadow-color,#f59e0bb3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_0_8px_rgba\(59\,130\,246\,0\.6\)\], .fk-sketch-root.shadow-\[0_0_8px_rgba\(59\,130\,246\,0\.6\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#3b82f699);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_0_10px_rgba\(239\,68\,68\,0\.7\)\], .fk-sketch-root.shadow-\[0_0_10px_rgba\(239\,68\,68\,0\.7\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#ef4444b3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_0_10px_rgba\(245\,158\,11\,0\.7\)\], .fk-sketch-root.shadow-\[0_0_10px_rgba\(245\,158\,11\,0\.7\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#f59e0bb3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.06\)\], .fk-sketch-root.shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_2px_5px_rgba\(0\,0\,0\,0\.4\)\], .fk-sketch-root.shadow-\[0_2px_5px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 2px 5px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.5\)\], .fk-sketch-root.shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.06\)\], .fk-sketch-root.shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_4px_16px_-2px_rgba\(0\,0\,0\,0\.06\)\,0_2px_4px_-1px_rgba\(0\,0\,0\,0\.03\)\], .fk-sketch-root.shadow-\[0_4px_16px_-2px_rgba\(0\,0\,0\,0\.06\)\,0_2px_4px_-1px_rgba\(0\,0\,0\,0\.03\)\]{--tw-shadow:0 4px 16px -2px var(--tw-shadow-color,#0000000f), 0 2px 4px -1px var(--tw-shadow-color,#00000008);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.5\)\], .fk-sketch-root.shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.08\)\], .fk-sketch-root.shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_10px_30px_-4px_rgba\(0\,0\,0\,0\.08\)\,0_4px_12px_-2px_rgba\(0\,0\,0\,0\.03\)\], .fk-sketch-root.shadow-\[0_10px_30px_-4px_rgba\(0\,0\,0\,0\.08\)\,0_4px_12px_-2px_rgba\(0\,0\,0\,0\.03\)\]{--tw-shadow:0 10px 30px -4px var(--tw-shadow-color,#00000014), 0 4px 12px -2px var(--tw-shadow-color,#00000008);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_10px_30px_-4px_rgba\(0\,0\,0\,0\.08\)\], .fk-sketch-root.shadow-\[0_10px_30px_-4px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 10px 30px -4px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_10px_30px_-4px_rgba\(0\,0\,0\,0\.12\)\], .fk-sketch-root.shadow-\[0_10px_30px_-4px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 10px 30px -4px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_12px_30px_-4px_rgba\(0\,0\,0\,0\.12\)\,0_4px_12px_-2px_rgba\(0\,0\,0\,0\.06\)\], .fk-sketch-root.shadow-\[0_12px_30px_-4px_rgba\(0\,0\,0\,0\.12\)\,0_4px_12px_-2px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 12px 30px -4px var(--tw-shadow-color,#0000001f), 0 4px 12px -2px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_12px_32px_-4px_rgba\(0\,0\,0\,0\.12\)\,0_4px_14px_-2px_rgba\(0\,0\,0\,0\.04\)\], .fk-sketch-root.shadow-\[0_12px_32px_-4px_rgba\(0\,0\,0\,0\.12\)\,0_4px_14px_-2px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow:0 12px 32px -4px var(--tw-shadow-color,#0000001f), 0 4px 14px -2px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_12px_32px_-4px_rgba\(0\,0\,0\,0\.12\)\], .fk-sketch-root.shadow-\[0_12px_32px_-4px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 12px 32px -4px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.12\)\], .fk-sketch-root.shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 12px 32px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_12px_36px_-4px_rgba\(0\,0\,0\,0\.7\)\], .fk-sketch-root.shadow-\[0_12px_36px_-4px_rgba\(0\,0\,0\,0\.7\)\]{--tw-shadow:0 12px 36px -4px var(--tw-shadow-color,#000000b3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_12px_36px_-6px_rgba\(0\,0\,0\,0\.12\)\,0_6px_16px_-4px_rgba\(0\,0\,0\,0\.06\)\], .fk-sketch-root.shadow-\[0_12px_36px_-6px_rgba\(0\,0\,0\,0\.12\)\,0_6px_16px_-4px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 12px 36px -6px var(--tw-shadow-color,#0000001f), 0 6px 16px -4px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_14px_34px_-4px_rgba\(0\,0\,0\,0\.8\)\], .fk-sketch-root.shadow-\[0_14px_34px_-4px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow:0 14px 34px -4px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_14px_34px_-4px_rgba\(0\,0\,0\,0\.65\)\,0_4px_14px_-2px_rgba\(0\,0\,0\,0\.45\)\], .fk-sketch-root.shadow-\[0_14px_34px_-4px_rgba\(0\,0\,0\,0\.65\)\,0_4px_14px_-2px_rgba\(0\,0\,0\,0\.45\)\]{--tw-shadow:0 14px 34px -4px var(--tw-shadow-color,#000000a6), 0 4px 14px -2px var(--tw-shadow-color,#00000073);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_14px_34px_-4px_rgba\(0\,0\,0\,0\.65\)\], .fk-sketch-root.shadow-\[0_14px_34px_-4px_rgba\(0\,0\,0\,0\.65\)\]{--tw-shadow:0 14px 34px -4px var(--tw-shadow-color,#000000a6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_16px_40px_-6px_rgba\(0\,0\,0\,0\.8\)\,0_8px_20px_-4px_rgba\(0\,0\,0\,0\.6\)\], .fk-sketch-root.shadow-\[0_16px_40px_-6px_rgba\(0\,0\,0\,0\.8\)\,0_8px_20px_-4px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:0 16px 40px -6px var(--tw-shadow-color,#000c), 0 8px 20px -4px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_16px_40px_rgba\(0\,0\,0\,0\.12\)\], .fk-sketch-root.shadow-\[0_16px_40px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 16px 40px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.12\)\], .fk-sketch-root.shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 20px 50px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_25px_60px_-15px_rgba\(0\,0\,0\,0\.15\)\], .fk-sketch-root.shadow-\[0_25px_60px_-15px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 25px 60px -15px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[0_25px_60px_-15px_rgba\(0\,0\,0\,0\.65\)\], .fk-sketch-root.shadow-\[0_25px_60px_-15px_rgba\(0\,0\,0\,0\.65\)\]{--tw-shadow:0 25px 60px -15px var(--tw-shadow-color,#000000a6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.25\)\,_inset_0_-1px_1\.5px_rgba\(0\,0\,0\,0\.25\)\], .fk-sketch-root.shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.25\)\,_inset_0_-1px_1\.5px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:inset 0 1px 1px var(--tw-shadow-color,#ffffff40), inset 0 -1px 1.5px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[inset_1\.5px_1\.5px_3\.5px_rgba\(166\,175\,195\,0\.45\)\,_inset_-1\.5px_-1\.5px_3\.5px_rgba\(255\,255\,255\,0\.9\)\], .fk-sketch-root.shadow-\[inset_1\.5px_1\.5px_3\.5px_rgba\(166\,175\,195\,0\.45\)\,_inset_-1\.5px_-1\.5px_3\.5px_rgba\(255\,255\,255\,0\.9\)\]{--tw-shadow:inset 1.5px 1.5px 3.5px var(--tw-shadow-color,#a6afc373), inset -1.5px -1.5px 3.5px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[inset_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.5\)\,_inset_-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.9\)\], .fk-sketch-root.shadow-\[inset_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.5\)\,_inset_-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.9\)\]{--tw-shadow:inset 1.5px 1.5px 3px var(--tw-shadow-color,#a6afc380), inset -1.5px -1.5px 3px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[inset_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.45\)\,_inset_-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.9\)\], .fk-sketch-root.shadow-\[inset_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.45\)\,_inset_-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.9\)\]{--tw-shadow:inset 1.5px 1.5px 3px var(--tw-shadow-color,#a6afc373), inset -1.5px -1.5px 3px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[inset_1\.5px_1\.5px_3px_rgba\(245\,158\,11\,0\.3\)\,_inset_-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.9\)\], .fk-sketch-root.shadow-\[inset_1\.5px_1\.5px_3px_rgba\(245\,158\,11\,0\.3\)\,_inset_-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.9\)\]{--tw-shadow:inset 1.5px 1.5px 3px var(--tw-shadow-color,#f59e0b4d), inset -1.5px -1.5px 3px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[inset_1px_1px_2px_rgba\(0\,0\,0\,0\.2\)\], .fk-sketch-root.shadow-\[inset_1px_1px_2px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow:inset 1px 1px 2px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\], .fk-sketch-root.shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\]{--tw-shadow:inset 2px 2px 4px var(--tw-shadow-color,#000000b3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[inset_2px_2px_4px_rgba\(166\,175\,195\,0\.55\)\,_inset_-2px_-2px_4px_rgba\(255\,255\,255\,1\)\], .fk-sketch-root.shadow-\[inset_2px_2px_4px_rgba\(166\,175\,195\,0\.55\)\,_inset_-2px_-2px_4px_rgba\(255\,255\,255\,1\)\]{--tw-shadow:inset 2px 2px 4px var(--tw-shadow-color,#a6afc38c), inset -2px -2px 4px var(--tw-shadow-color,#fff);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-\[inset_2px_2px_4px_rgba\(166\,175\,195\,0\.55\)\], .fk-sketch-root.shadow-\[inset_2px_2px_4px_rgba\(166\,175\,195\,0\.55\)\]{--tw-shadow:inset 2px 2px 4px var(--tw-shadow-color,#a6afc38c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-inner, .fk-sketch-root.shadow-inner{--tw-shadow:inset 0 2px 4px 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)}.fk-sketch-root .shadow-lg, .fk-sketch-root.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}.fk-sketch-root .shadow-md, .fk-sketch-root.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)}.fk-sketch-root .shadow-none, .fk-sketch-root.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-sm, .fk-sketch-root.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)}.fk-sketch-root .shadow-xs, .fk-sketch-root.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)}.fk-sketch-root .ring, .fk-sketch-root.ring, .fk-sketch-root .ring-1, .fk-sketch-root.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .ring-2, .fk-sketch-root.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .shadow-black\/40, .fk-sketch-root.shadow-black\/40{--tw-shadow-color:#0006}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .shadow-black\/40, .fk-sketch-root.shadow-black\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.fk-sketch-root .ring-neutral-400, .fk-sketch-root.ring-neutral-400{--tw-ring-color:var(--color-neutral-400)}.fk-sketch-root .ring-neutral-400\/40, .fk-sketch-root.ring-neutral-400\/40{--tw-ring-color:#a1a1a166}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .ring-neutral-400\/40, .fk-sketch-root.ring-neutral-400\/40{--tw-ring-color:color-mix(in oklab, var(--color-neutral-400) 40%, transparent)}}.fk-sketch-root .ring-primary, .fk-sketch-root.ring-primary{--tw-ring-color:var(--color-primary)}.fk-sketch-root .ring-white, .fk-sketch-root.ring-white{--tw-ring-color:var(--color-white)}.fk-sketch-root .ring-offset-1, .fk-sketch-root.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.fk-sketch-root .ring-offset-2, .fk-sketch-root.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.fk-sketch-root .outline, .fk-sketch-root.outline{outline-style:var(--tw-outline-style);outline-width:1px}.fk-sketch-root .blur, .fk-sketch-root.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,)}.fk-sketch-root .grayscale, .fk-sketch-root.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,)}.fk-sketch-root .filter, .fk-sketch-root.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,)}.fk-sketch-root .backdrop-blur-2xl, .fk-sketch-root.backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-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,)}.fk-sketch-root .backdrop-blur-3xl, .fk-sketch-root.backdrop-blur-3xl{--tw-backdrop-blur:blur(var(--blur-3xl));-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,)}.fk-sketch-root .backdrop-blur-\[2px\], .fk-sketch-root.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.fk-sketch-root .backdrop-blur-md, .fk-sketch-root.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-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,)}.fk-sketch-root .backdrop-blur-sm, .fk-sketch-root.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.fk-sketch-root .backdrop-blur-xl, .fk-sketch-root.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,)}.fk-sketch-root .backdrop-blur-xs, .fk-sketch-root.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-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,)}.fk-sketch-root .transition, .fk-sketch-root.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.fk-sketch-root .transition-all, .fk-sketch-root.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))}.fk-sketch-root .transition-colors, .fk-sketch-root.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))}.fk-sketch-root .transition-opacity, .fk-sketch-root.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.fk-sketch-root .transition-transform, .fk-sketch-root.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.fk-sketch-root .duration-75, .fk-sketch-root.duration-75{--tw-duration:75ms;transition-duration:75ms}.fk-sketch-root .duration-100, .fk-sketch-root.duration-100{--tw-duration:.1s;transition-duration:.1s}.fk-sketch-root .duration-150, .fk-sketch-root.duration-150{--tw-duration:.15s;transition-duration:.15s}.fk-sketch-root .duration-200, .fk-sketch-root.duration-200{--tw-duration:.2s;transition-duration:.2s}.fk-sketch-root .duration-300, .fk-sketch-root.duration-300{--tw-duration:.3s;transition-duration:.3s}.fk-sketch-root .ease-in-out, .fk-sketch-root.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.fk-sketch-root .ease-out, .fk-sketch-root.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.fk-sketch-root .outline-none, .fk-sketch-root.outline-none{--tw-outline-style:none;outline-style:none}.fk-sketch-root .select-none, .fk-sketch-root.select-none{-webkit-user-select:none;user-select:none}.fk-sketch-root .select-text, .fk-sketch-root.select-text{-webkit-user-select:text;user-select:text}@media (hover:hover){.fk-sketch-root .group-hover\:-translate-x-0\.5:is(:where(.group):hover *), .fk-sketch-root.group-hover\:-translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.fk-sketch-root .group-hover\:translate-x-0\.5:is(:where(.group):hover *), .fk-sketch-root.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.fk-sketch-root .group-hover\:scale-105:is(:where(.group):hover *), .fk-sketch-root.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.fk-sketch-root .group-hover\:scale-115:is(:where(.group):hover *), .fk-sketch-root.group-hover\:scale-115:is(:where(.group):hover *){--tw-scale-x:115%;--tw-scale-y:115%;--tw-scale-z:115%;scale:var(--tw-scale-x) var(--tw-scale-y)}.fk-sketch-root .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *), .fk-sketch-root.group-hover\:scale-\[1\.02\]:is(:where(.group):hover *){scale:1.02}.fk-sketch-root .group-hover\:bg-blue-100:is(:where(.group):hover *), .fk-sketch-root.group-hover\:bg-blue-100:is(:where(.group):hover *){background-color:var(--color-blue-100)}.fk-sketch-root .group-hover\:bg-blue-500\/20:is(:where(.group):hover *), .fk-sketch-root.group-hover\:bg-blue-500\/20:is(:where(.group):hover *){background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .group-hover\:bg-blue-500\/20:is(:where(.group):hover *), .fk-sketch-root.group-hover\:bg-blue-500\/20:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.fk-sketch-root .group-hover\:bg-neutral-300\/80:is(:where(.group):hover *), .fk-sketch-root.group-hover\:bg-neutral-300\/80:is(:where(.group):hover *){background-color:#d4d4d4cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .group-hover\:bg-neutral-300\/80:is(:where(.group):hover *), .fk-sketch-root.group-hover\:bg-neutral-300\/80:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-neutral-300) 80%, transparent)}}.fk-sketch-root .group-hover\:bg-neutral-700:is(:where(.group):hover *), .fk-sketch-root.group-hover\:bg-neutral-700:is(:where(.group):hover *){background-color:var(--color-neutral-700)}.fk-sketch-root .group-hover\:text-black:is(:where(.group):hover *), .fk-sketch-root.group-hover\:text-black:is(:where(.group):hover *){color:var(--color-black)}.fk-sketch-root .group-hover\:text-blue-300:is(:where(.group):hover *), .fk-sketch-root.group-hover\:text-blue-300:is(:where(.group):hover *){color:var(--color-blue-300)}.fk-sketch-root .group-hover\:text-blue-600:is(:where(.group):hover *), .fk-sketch-root.group-hover\:text-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}.fk-sketch-root .group-hover\:text-neutral-100:is(:where(.group):hover *), .fk-sketch-root.group-hover\:text-neutral-100:is(:where(.group):hover *){color:var(--color-neutral-100)}.fk-sketch-root .group-hover\:text-neutral-900:is(:where(.group):hover *), .fk-sketch-root.group-hover\:text-neutral-900:is(:where(.group):hover *){color:var(--color-neutral-900)}.fk-sketch-root .group-hover\:text-white:is(:where(.group):hover *), .fk-sketch-root.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.fk-sketch-root .group-hover\:opacity-90:is(:where(.group):hover *), .fk-sketch-root.group-hover\:opacity-90:is(:where(.group):hover *){opacity:.9}.fk-sketch-root .group-hover\:opacity-100:is(:where(.group):hover *), .fk-sketch-root.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.fk-sketch-root .group-hover\/item\:scale-105:is(:where(.group\/item):hover *), .fk-sketch-root.group-hover\/item\:scale-105:is(:where(.group\/item):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.fk-sketch-root .placeholder\:text-neutral-400::placeholder, .fk-sketch-root.placeholder\:text-neutral-400::placeholder{color:var(--color-neutral-400)}.fk-sketch-root .placeholder\:text-neutral-500::placeholder, .fk-sketch-root.placeholder\:text-neutral-500::placeholder{color:var(--color-neutral-500)}.fk-sketch-root .placeholder\:text-neutral-600::placeholder, .fk-sketch-root.placeholder\:text-neutral-600::placeholder{color:var(--color-neutral-600)}@media (hover:hover){.fk-sketch-root .hover\:-translate-y-0\.5:hover, .fk-sketch-root.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.fk-sketch-root .hover\:scale-105:hover, .fk-sketch-root.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.fk-sketch-root .hover\:scale-110:hover, .fk-sketch-root.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.fk-sketch-root .hover\:scale-115:hover, .fk-sketch-root.hover\:scale-115:hover{--tw-scale-x:115%;--tw-scale-y:115%;--tw-scale-z:115%;scale:var(--tw-scale-x) var(--tw-scale-y)}.fk-sketch-root .hover\:scale-\[1\.03\]:hover, .fk-sketch-root.hover\:scale-\[1\.03\]:hover{scale:1.03}.fk-sketch-root .hover\:border-blue-500\/40:hover, .fk-sketch-root.hover\:border-blue-500\/40:hover{border-color:#3080ff66}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:border-blue-500\/40:hover, .fk-sketch-root.hover\:border-blue-500\/40:hover{border-color:color-mix(in oklab, var(--color-blue-500) 40%, transparent)}}.fk-sketch-root .hover\:border-neutral-300:hover, .fk-sketch-root.hover\:border-neutral-300:hover{border-color:var(--color-neutral-300)}.fk-sketch-root .hover\:border-neutral-400:hover, .fk-sketch-root.hover\:border-neutral-400:hover{border-color:var(--color-neutral-400)}.fk-sketch-root .hover\:border-neutral-600:hover, .fk-sketch-root.hover\:border-neutral-600:hover{border-color:var(--color-neutral-600)}.fk-sketch-root .hover\:border-primary:hover, .fk-sketch-root.hover\:border-primary:hover{border-color:var(--color-primary)}.fk-sketch-root .hover\:bg-\[\#1b1c21\]:hover, .fk-sketch-root.hover\:bg-\[\#1b1c21\]:hover{background-color:#1b1c21}.fk-sketch-root .hover\:bg-\[\#272a34\]:hover, .fk-sketch-root.hover\:bg-\[\#272a34\]:hover{background-color:#272a34}.fk-sketch-root .hover\:bg-\[\#20222a\]:hover, .fk-sketch-root.hover\:bg-\[\#20222a\]:hover{background-color:#20222a}.fk-sketch-root .hover\:bg-\[\#22242c\]:hover, .fk-sketch-root.hover\:bg-\[\#22242c\]:hover{background-color:#22242c}.fk-sketch-root .hover\:bg-\[\#23262e\]:hover, .fk-sketch-root.hover\:bg-\[\#23262e\]:hover{background-color:#23262e}.fk-sketch-root .hover\:bg-\[\#252830\]:hover, .fk-sketch-root.hover\:bg-\[\#252830\]:hover{background-color:#252830}.fk-sketch-root .hover\:bg-\[\#e4e8ef\]:hover, .fk-sketch-root.hover\:bg-\[\#e4e8ef\]:hover{background-color:#e4e8ef}.fk-sketch-root .hover\:bg-\[\#f0f3f8\]:hover, .fk-sketch-root.hover\:bg-\[\#f0f3f8\]:hover{background-color:#f0f3f8}.fk-sketch-root .hover\:bg-\[\#f0f3f8\]\/80:hover, .fk-sketch-root.hover\:bg-\[\#f0f3f8\]\/80:hover{background-color:oklab(96.3301% -.0011954 -.00732488/.8)}.fk-sketch-root .hover\:bg-amber-500\/10:hover, .fk-sketch-root.hover\:bg-amber-500\/10:hover{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-amber-500\/10:hover, .fk-sketch-root.hover\:bg-amber-500\/10:hover{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.fk-sketch-root .hover\:bg-amber-500\/15:hover, .fk-sketch-root.hover\:bg-amber-500\/15:hover{background-color:#f99c0026}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-amber-500\/15:hover, .fk-sketch-root.hover\:bg-amber-500\/15:hover{background-color:color-mix(in oklab, var(--color-amber-500) 15%, transparent)}}.fk-sketch-root .hover\:bg-black:hover, .fk-sketch-root.hover\:bg-black:hover{background-color:var(--color-black)}.fk-sketch-root .hover\:bg-black\/5:hover, .fk-sketch-root.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-black\/5:hover, .fk-sketch-root.hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.fk-sketch-root .hover\:bg-blue-50\/40:hover, .fk-sketch-root.hover\:bg-blue-50\/40:hover{background-color:#eff6ff66}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-blue-50\/40:hover, .fk-sketch-root.hover\:bg-blue-50\/40:hover{background-color:color-mix(in oklab, var(--color-blue-50) 40%, transparent)}}.fk-sketch-root .hover\:bg-blue-500:hover, .fk-sketch-root.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.fk-sketch-root .hover\:bg-blue-950\/20:hover, .fk-sketch-root.hover\:bg-blue-950\/20:hover{background-color:#16245633}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-blue-950\/20:hover, .fk-sketch-root.hover\:bg-blue-950\/20:hover{background-color:color-mix(in oklab, var(--color-blue-950) 20%, transparent)}}.fk-sketch-root .hover\:bg-emerald-500\/10:hover, .fk-sketch-root.hover\:bg-emerald-500\/10:hover{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-emerald-500\/10:hover, .fk-sketch-root.hover\:bg-emerald-500\/10:hover{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.fk-sketch-root .hover\:bg-neutral-50:hover, .fk-sketch-root.hover\:bg-neutral-50:hover{background-color:var(--color-neutral-50)}.fk-sketch-root .hover\:bg-neutral-100:hover, .fk-sketch-root.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.fk-sketch-root .hover\:bg-neutral-100\/60:hover, .fk-sketch-root.hover\:bg-neutral-100\/60:hover{background-color:#f5f5f599}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-neutral-100\/60:hover, .fk-sketch-root.hover\:bg-neutral-100\/60:hover{background-color:color-mix(in oklab, var(--color-neutral-100) 60%, transparent)}}.fk-sketch-root .hover\:bg-neutral-200:hover, .fk-sketch-root.hover\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.fk-sketch-root .hover\:bg-neutral-200\/80:hover, .fk-sketch-root.hover\:bg-neutral-200\/80:hover{background-color:#e5e5e5cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-neutral-200\/80:hover, .fk-sketch-root.hover\:bg-neutral-200\/80:hover{background-color:color-mix(in oklab, var(--color-neutral-200) 80%, transparent)}}.fk-sketch-root .hover\:bg-neutral-700:hover, .fk-sketch-root.hover\:bg-neutral-700:hover{background-color:var(--color-neutral-700)}.fk-sketch-root .hover\:bg-neutral-700\/80:hover, .fk-sketch-root.hover\:bg-neutral-700\/80:hover{background-color:#404040cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-neutral-700\/80:hover, .fk-sketch-root.hover\:bg-neutral-700\/80:hover{background-color:color-mix(in oklab, var(--color-neutral-700) 80%, transparent)}}.fk-sketch-root .hover\:bg-neutral-800:hover, .fk-sketch-root.hover\:bg-neutral-800:hover{background-color:var(--color-neutral-800)}.fk-sketch-root .hover\:bg-neutral-800\/40:hover, .fk-sketch-root.hover\:bg-neutral-800\/40:hover{background-color:#26262666}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-neutral-800\/40:hover, .fk-sketch-root.hover\:bg-neutral-800\/40:hover{background-color:color-mix(in oklab, var(--color-neutral-800) 40%, transparent)}}.fk-sketch-root .hover\:bg-neutral-800\/60:hover, .fk-sketch-root.hover\:bg-neutral-800\/60:hover{background-color:#26262699}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-neutral-800\/60:hover, .fk-sketch-root.hover\:bg-neutral-800\/60:hover{background-color:color-mix(in oklab, var(--color-neutral-800) 60%, transparent)}}.fk-sketch-root .hover\:bg-neutral-800\/80:hover, .fk-sketch-root.hover\:bg-neutral-800\/80:hover{background-color:#262626cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-neutral-800\/80:hover, .fk-sketch-root.hover\:bg-neutral-800\/80:hover{background-color:color-mix(in oklab, var(--color-neutral-800) 80%, transparent)}}.fk-sketch-root .hover\:bg-neutral-900:hover, .fk-sketch-root.hover\:bg-neutral-900:hover{background-color:var(--color-neutral-900)}.fk-sketch-root .hover\:bg-primary:hover, .fk-sketch-root.hover\:bg-primary:hover{background-color:var(--color-primary)}.fk-sketch-root .hover\:bg-red-50:hover, .fk-sketch-root.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.fk-sketch-root .hover\:bg-red-700:hover, .fk-sketch-root.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.fk-sketch-root .hover\:bg-red-950\/40:hover, .fk-sketch-root.hover\:bg-red-950\/40:hover{background-color:#46080966}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-red-950\/40:hover, .fk-sketch-root.hover\:bg-red-950\/40:hover{background-color:color-mix(in oklab, var(--color-red-950) 40%, transparent)}}.fk-sketch-root .hover\:bg-rose-50:hover, .fk-sketch-root.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.fk-sketch-root .hover\:bg-rose-500\/10:hover, .fk-sketch-root.hover\:bg-rose-500\/10:hover{background-color:#ff23571a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-rose-500\/10:hover, .fk-sketch-root.hover\:bg-rose-500\/10:hover{background-color:color-mix(in oklab, var(--color-rose-500) 10%, transparent)}}.fk-sketch-root .hover\:bg-rose-500\/20:hover, .fk-sketch-root.hover\:bg-rose-500\/20:hover{background-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-rose-500\/20:hover, .fk-sketch-root.hover\:bg-rose-500\/20:hover{background-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.fk-sketch-root .hover\:bg-rose-950\/40:hover, .fk-sketch-root.hover\:bg-rose-950\/40:hover{background-color:#4d021866}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-rose-950\/40:hover, .fk-sketch-root.hover\:bg-rose-950\/40:hover{background-color:color-mix(in oklab, var(--color-rose-950) 40%, transparent)}}.fk-sketch-root .hover\:bg-white:hover, .fk-sketch-root.hover\:bg-white:hover{background-color:var(--color-white)}.fk-sketch-root .hover\:bg-white\/5:hover, .fk-sketch-root.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-white\/5:hover, .fk-sketch-root.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.fk-sketch-root .hover\:bg-white\/10:hover, .fk-sketch-root.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-white\/10:hover, .fk-sketch-root.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.fk-sketch-root .hover\:bg-white\/\[0\.04\]:hover, .fk-sketch-root.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-white\/\[0\.04\]:hover, .fk-sketch-root.hover\:bg-white\/\[0\.04\]:hover{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.fk-sketch-root .hover\:bg-white\/\[0\.06\]:hover, .fk-sketch-root.hover\:bg-white\/\[0\.06\]:hover{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .hover\:bg-white\/\[0\.06\]:hover, .fk-sketch-root.hover\:bg-white\/\[0\.06\]:hover{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.fk-sketch-root .hover\:text-\[\#0b6eff\]:hover, .fk-sketch-root.hover\:text-\[\#0b6eff\]:hover{color:#0b6eff}.fk-sketch-root .hover\:text-amber-500:hover, .fk-sketch-root.hover\:text-amber-500:hover{color:var(--color-amber-500)}.fk-sketch-root .hover\:text-amber-600:hover, .fk-sketch-root.hover\:text-amber-600:hover{color:var(--color-amber-600)}.fk-sketch-root .hover\:text-blue-300:hover, .fk-sketch-root.hover\:text-blue-300:hover{color:var(--color-blue-300)}.fk-sketch-root .hover\:text-blue-500:hover, .fk-sketch-root.hover\:text-blue-500:hover{color:var(--color-blue-500)}.fk-sketch-root .hover\:text-neutral-100:hover, .fk-sketch-root.hover\:text-neutral-100:hover{color:var(--color-neutral-100)}.fk-sketch-root .hover\:text-neutral-200:hover, .fk-sketch-root.hover\:text-neutral-200:hover{color:var(--color-neutral-200)}.fk-sketch-root .hover\:text-neutral-600:hover, .fk-sketch-root.hover\:text-neutral-600:hover{color:var(--color-neutral-600)}.fk-sketch-root .hover\:text-neutral-700:hover, .fk-sketch-root.hover\:text-neutral-700:hover{color:var(--color-neutral-700)}.fk-sketch-root .hover\:text-neutral-800:hover, .fk-sketch-root.hover\:text-neutral-800:hover{color:var(--color-neutral-800)}.fk-sketch-root .hover\:text-neutral-900:hover, .fk-sketch-root.hover\:text-neutral-900:hover{color:var(--color-neutral-900)}.fk-sketch-root .hover\:text-primary:hover, .fk-sketch-root.hover\:text-primary:hover{color:var(--color-primary)}.fk-sketch-root .hover\:text-red-600:hover, .fk-sketch-root.hover\:text-red-600:hover{color:var(--color-red-600)}.fk-sketch-root .hover\:text-rose-300:hover, .fk-sketch-root.hover\:text-rose-300:hover{color:var(--color-rose-300)}.fk-sketch-root .hover\:text-rose-400:hover, .fk-sketch-root.hover\:text-rose-400:hover{color:var(--color-rose-400)}.fk-sketch-root .hover\:text-rose-500:hover, .fk-sketch-root.hover\:text-rose-500:hover{color:var(--color-rose-500)}.fk-sketch-root .hover\:text-rose-600:hover, .fk-sketch-root.hover\:text-rose-600:hover{color:var(--color-rose-600)}.fk-sketch-root .hover\:text-white:hover, .fk-sketch-root.hover\:text-white:hover{color:var(--color-white)}.fk-sketch-root .hover\:opacity-100:hover, .fk-sketch-root.hover\:opacity-100:hover{opacity:1}.fk-sketch-root .hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.9\)\,_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.4\)\]:hover, .fk-sketch-root.hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.9\)\,_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.4\)\]:hover{--tw-shadow:-1.5px -1.5px 3px var(--tw-shadow-color,#ffffffe6), 1.5px 1.5px 3px var(--tw-shadow-color,#a6afc366);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.9\)\,_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.35\)\]:hover, .fk-sketch-root.hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.9\)\,_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.35\)\]:hover{--tw-shadow:-1.5px -1.5px 3px var(--tw-shadow-color,#ffffffe6), 1.5px 1.5px 3px var(--tw-shadow-color,#a6afc359);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.85\)\,_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.35\)\]:hover, .fk-sketch-root.hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.85\)\,_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.35\)\]:hover{--tw-shadow:-1.5px -1.5px 3px var(--tw-shadow-color,#ffffffd9), 1.5px 1.5px 3px var(--tw-shadow-color,#a6afc359);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .hover\:shadow-\[-2px_-2px_7px_rgba\(255\,255\,255\,0\.95\)\,_3px_3px_8px_rgba\(166\,175\,195\,0\.5\)\]:hover, .fk-sketch-root.hover\:shadow-\[-2px_-2px_7px_rgba\(255\,255\,255\,0\.95\)\,_3px_3px_8px_rgba\(166\,175\,195\,0\.5\)\]:hover{--tw-shadow:-2px -2px 7px var(--tw-shadow-color,#fffffff2), 3px 3px 8px var(--tw-shadow-color,#a6afc380);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .hover\:shadow-\[-3\.5px_-3\.5px_8px_rgba\(255\,255\,255\,1\)\,_3\.5px_3\.5px_8px_rgba\(166\,175\,195\,0\.5\)\]:hover, .fk-sketch-root.hover\:shadow-\[-3\.5px_-3\.5px_8px_rgba\(255\,255\,255\,1\)\,_3\.5px_3\.5px_8px_rgba\(166\,175\,195\,0\.5\)\]:hover{--tw-shadow:-3.5px -3.5px 8px var(--tw-shadow-color,#fff), 3.5px 3.5px 8px var(--tw-shadow-color,#a6afc380);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .hover\:shadow-\[-3px_-3px_6px_rgba\(255\,255\,255\,1\)\,_3px_3px_6px_rgba\(166\,175\,195\,0\.45\)\]:hover, .fk-sketch-root.hover\:shadow-\[-3px_-3px_6px_rgba\(255\,255\,255\,1\)\,_3px_3px_6px_rgba\(166\,175\,195\,0\.45\)\]:hover{--tw-shadow:-3px -3px 6px var(--tw-shadow-color,#fff), 3px 3px 6px var(--tw-shadow-color,#a6afc373);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .hover\:shadow-lg:hover, .fk-sketch-root.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}.fk-sketch-root .hover\:shadow-md:hover, .fk-sketch-root.hover\:shadow-md:hover{--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)}.fk-sketch-root .hover\:brightness-105:hover, .fk-sketch-root.hover\:brightness-105:hover{--tw-brightness:brightness(105%);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,)}}.fk-sketch-root .focus\:border-neutral-400:focus, .fk-sketch-root.focus\:border-neutral-400:focus{border-color:var(--color-neutral-400)}.fk-sketch-root .focus\:border-neutral-500:focus, .fk-sketch-root.focus\:border-neutral-500:focus{border-color:var(--color-neutral-500)}.fk-sketch-root .focus\:bg-white:focus, .fk-sketch-root.focus\:bg-white:focus{background-color:var(--color-white)}.fk-sketch-root .focus\:shadow-\[inset_2px_2px_4px_rgba\(99\,102\,241\,0\.25\)\,_0_0_0_1\.5px_rgba\(99\,102\,241\,0\.4\)\]:focus, .fk-sketch-root.focus\:shadow-\[inset_2px_2px_4px_rgba\(99\,102\,241\,0\.25\)\,_0_0_0_1\.5px_rgba\(99\,102\,241\,0\.4\)\]:focus{--tw-shadow:inset 2px 2px 4px var(--tw-shadow-color,#6366f140), 0 0 0 1.5px var(--tw-shadow-color,#6366f166);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .focus\:ring-0:focus, .fk-sketch-root.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .focus\:ring-2:focus, .fk-sketch-root.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .focus\:ring-neutral-400\/40:focus, .fk-sketch-root.focus\:ring-neutral-400\/40:focus{--tw-ring-color:#a1a1a166}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .focus\:ring-neutral-400\/40:focus, .fk-sketch-root.focus\:ring-neutral-400\/40:focus{--tw-ring-color:color-mix(in oklab, var(--color-neutral-400) 40%, transparent)}}.fk-sketch-root .focus\:ring-neutral-500\/40:focus, .fk-sketch-root.focus\:ring-neutral-500\/40:focus{--tw-ring-color:#73737366}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root .focus\:ring-neutral-500\/40:focus, .fk-sketch-root.focus\:ring-neutral-500\/40:focus{--tw-ring-color:color-mix(in oklab, var(--color-neutral-500) 40%, transparent)}}.fk-sketch-root .focus\:outline-none:focus, .fk-sketch-root.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.fk-sketch-root .active\:scale-95:active, .fk-sketch-root.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.fk-sketch-root .active\:scale-98:active, .fk-sketch-root.active\:scale-98:active{--tw-scale-x:98%;--tw-scale-y:98%;--tw-scale-z:98%;scale:var(--tw-scale-x) var(--tw-scale-y)}.fk-sketch-root .active\:shadow-\[inset_0_2px_4px_rgba\(0\,0\,0\,0\.3\)\]:active, .fk-sketch-root.active\:shadow-\[inset_0_2px_4px_rgba\(0\,0\,0\,0\.3\)\]:active{--tw-shadow:inset 0 2px 4px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .active\:shadow-\[inset_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.5\)\,_inset_-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.9\)\]:active, .fk-sketch-root.active\:shadow-\[inset_1\.5px_1\.5px_3px_rgba\(166\,175\,195\,0\.5\)\,_inset_-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.9\)\]:active{--tw-shadow:inset 1.5px 1.5px 3px var(--tw-shadow-color,#a6afc380), inset -1.5px -1.5px 3px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .active\:shadow-\[inset_1px_1px_2px_rgba\(166\,175\,195\,0\.5\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.8\)\]:active, .fk-sketch-root.active\:shadow-\[inset_1px_1px_2px_rgba\(166\,175\,195\,0\.5\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.8\)\]:active{--tw-shadow:inset 1px 1px 2px var(--tw-shadow-color,#a6afc380), inset -1px -1px 2px var(--tw-shadow-color,#fffc);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .active\:shadow-\[inset_1px_1px_2px_rgba\(166\,175\,195\,0\.5\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.9\)\]:active, .fk-sketch-root.active\:shadow-\[inset_1px_1px_2px_rgba\(166\,175\,195\,0\.5\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.9\)\]:active{--tw-shadow:inset 1px 1px 2px var(--tw-shadow-color,#a6afc380), inset -1px -1px 2px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .disabled\:pointer-events-none:disabled, .fk-sketch-root.disabled\:pointer-events-none:disabled{pointer-events:none}.fk-sketch-root .disabled\:cursor-not-allowed:disabled, .fk-sketch-root.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.fk-sketch-root .disabled\:opacity-30:disabled, .fk-sketch-root.disabled\:opacity-30:disabled{opacity:.3}.fk-sketch-root .disabled\:opacity-40:disabled, .fk-sketch-root.disabled\:opacity-40:disabled{opacity:.4}.fk-sketch-root .disabled\:opacity-50:disabled, .fk-sketch-root.disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover){.fk-sketch-root .disabled\:hover\:bg-transparent:disabled:hover, .fk-sketch-root.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}}@media (min-width:40rem){.fk-sketch-root .sm\:left-4, .fk-sketch-root.sm\:left-4{left:calc(var(--spacing) * 4)}.fk-sketch-root .sm\:flex, .fk-sketch-root.sm\:flex{display:flex}.fk-sketch-root .sm\:inline, .fk-sketch-root.sm\:inline{display:inline}.fk-sketch-root .sm\:h-9, .fk-sketch-root.sm\:h-9{height:calc(var(--spacing) * 9)}.fk-sketch-root .sm\:w-9, .fk-sketch-root.sm\:w-9{width:calc(var(--spacing) * 9)}.fk-sketch-root .sm\:w-\[380px\], .fk-sketch-root.sm\:w-\[380px\]{width:380px}.fk-sketch-root .sm\:grid-cols-3, .fk-sketch-root.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.fk-sketch-root .sm\:grid-cols-6, .fk-sketch-root.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.fk-sketch-root .sm\:flex-row, .fk-sketch-root.sm\:flex-row{flex-direction:row}.fk-sketch-root .sm\:items-center, .fk-sketch-root.sm\:items-center{align-items:center}}@media (min-width:48rem){.fk-sketch-root .md\:right-6, .fk-sketch-root.md\:right-6{right:calc(var(--spacing) * 6)}.fk-sketch-root .md\:left-6, .fk-sketch-root.md\:left-6{left:calc(var(--spacing) * 6)}.fk-sketch-root .md\:hidden, .fk-sketch-root.md\:hidden{display:none}.fk-sketch-root .md\:grid-cols-4, .fk-sketch-root.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.fk-sketch-root .md\:grid-cols-8, .fk-sketch-root.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.fk-sketch-root .md\:px-4, .fk-sketch-root.md\:px-4{padding-inline:calc(var(--spacing) * 4)}}@media (min-width:64rem){.fk-sketch-root .lg\:inline, .fk-sketch-root.lg\:inline{display:inline}}.fk-sketch-root.dark .dark\:scrollbar-thumb-neutral-700, .fk-sketch-root.dark.dark\:scrollbar-thumb-neutral-700, .fk-sketch-root[data-theme="dark"] .dark\:scrollbar-thumb-neutral-700, .fk-sketch-root[data-theme="dark"].dark\:scrollbar-thumb-neutral-700, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:scrollbar-thumb-neutral-700, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:scrollbar-thumb-neutral-700, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:scrollbar-thumb-neutral-700, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:scrollbar-thumb-neutral-700{--tw-scrollbar-thumb:var(--color-neutral-700);scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)}.fk-sketch-root.dark .dark\:border-amber-800, .fk-sketch-root.dark.dark\:border-amber-800, .fk-sketch-root[data-theme="dark"] .dark\:border-amber-800, .fk-sketch-root[data-theme="dark"].dark\:border-amber-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-amber-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-amber-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-amber-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-amber-800{border-color:var(--color-amber-800)}.fk-sketch-root.dark .dark\:border-blue-800, .fk-sketch-root.dark.dark\:border-blue-800, .fk-sketch-root[data-theme="dark"] .dark\:border-blue-800, .fk-sketch-root[data-theme="dark"].dark\:border-blue-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-blue-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-blue-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-blue-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-blue-800{border-color:var(--color-blue-800)}.fk-sketch-root.dark .dark\:border-cyan-800, .fk-sketch-root.dark.dark\:border-cyan-800, .fk-sketch-root[data-theme="dark"] .dark\:border-cyan-800, .fk-sketch-root[data-theme="dark"].dark\:border-cyan-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-cyan-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-cyan-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-cyan-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-cyan-800{border-color:var(--color-cyan-800)}.fk-sketch-root.dark .dark\:border-emerald-800, .fk-sketch-root.dark.dark\:border-emerald-800, .fk-sketch-root[data-theme="dark"] .dark\:border-emerald-800, .fk-sketch-root[data-theme="dark"].dark\:border-emerald-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-emerald-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-emerald-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-emerald-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-emerald-800{border-color:var(--color-emerald-800)}.fk-sketch-root.dark .dark\:border-indigo-800, .fk-sketch-root.dark.dark\:border-indigo-800, .fk-sketch-root[data-theme="dark"] .dark\:border-indigo-800, .fk-sketch-root[data-theme="dark"].dark\:border-indigo-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-indigo-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-indigo-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-indigo-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-indigo-800{border-color:var(--color-indigo-800)}.fk-sketch-root.dark .dark\:border-neutral-500, .fk-sketch-root.dark.dark\:border-neutral-500, .fk-sketch-root[data-theme="dark"] .dark\:border-neutral-500, .fk-sketch-root[data-theme="dark"].dark\:border-neutral-500, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-500, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-500, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-500, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-500{border-color:var(--color-neutral-500)}.fk-sketch-root.dark .dark\:border-neutral-600, .fk-sketch-root.dark.dark\:border-neutral-600, .fk-sketch-root[data-theme="dark"] .dark\:border-neutral-600, .fk-sketch-root[data-theme="dark"].dark\:border-neutral-600, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-600, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-600, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-600, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-600{border-color:var(--color-neutral-600)}.fk-sketch-root.dark .dark\:border-neutral-600\/50, .fk-sketch-root.dark.dark\:border-neutral-600\/50, .fk-sketch-root[data-theme="dark"] .dark\:border-neutral-600\/50, .fk-sketch-root[data-theme="dark"].dark\:border-neutral-600\/50, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-600\/50, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-600\/50, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-600\/50, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-600\/50{border-color:#52525280}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:border-neutral-600\/50, .fk-sketch-root.dark.dark\:border-neutral-600\/50, .fk-sketch-root[data-theme="dark"] .dark\:border-neutral-600\/50, .fk-sketch-root[data-theme="dark"].dark\:border-neutral-600\/50, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-600\/50, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-600\/50, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-600\/50, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-600\/50{border-color:color-mix(in oklab, var(--color-neutral-600) 50%, transparent)}}.fk-sketch-root.dark .dark\:border-neutral-700, .fk-sketch-root.dark.dark\:border-neutral-700, .fk-sketch-root[data-theme="dark"] .dark\:border-neutral-700, .fk-sketch-root[data-theme="dark"].dark\:border-neutral-700, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-700, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-700, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-700, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-700{border-color:var(--color-neutral-700)}.fk-sketch-root.dark .dark\:border-neutral-700\/80, .fk-sketch-root.dark.dark\:border-neutral-700\/80, .fk-sketch-root[data-theme="dark"] .dark\:border-neutral-700\/80, .fk-sketch-root[data-theme="dark"].dark\:border-neutral-700\/80, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-700\/80, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-700\/80, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-700\/80, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-700\/80{border-color:#404040cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:border-neutral-700\/80, .fk-sketch-root.dark.dark\:border-neutral-700\/80, .fk-sketch-root[data-theme="dark"] .dark\:border-neutral-700\/80, .fk-sketch-root[data-theme="dark"].dark\:border-neutral-700\/80, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-700\/80, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-700\/80, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-700\/80, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-700\/80{border-color:color-mix(in oklab, var(--color-neutral-700) 80%, transparent)}}.fk-sketch-root.dark .dark\:border-neutral-800, .fk-sketch-root.dark.dark\:border-neutral-800, .fk-sketch-root[data-theme="dark"] .dark\:border-neutral-800, .fk-sketch-root[data-theme="dark"].dark\:border-neutral-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-800{border-color:var(--color-neutral-800)}.fk-sketch-root.dark .dark\:border-neutral-800\/80, .fk-sketch-root.dark.dark\:border-neutral-800\/80, .fk-sketch-root[data-theme="dark"] .dark\:border-neutral-800\/80, .fk-sketch-root[data-theme="dark"].dark\:border-neutral-800\/80, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-800\/80, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-800\/80, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-800\/80, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-800\/80{border-color:#262626cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:border-neutral-800\/80, .fk-sketch-root.dark.dark\:border-neutral-800\/80, .fk-sketch-root[data-theme="dark"] .dark\:border-neutral-800\/80, .fk-sketch-root[data-theme="dark"].dark\:border-neutral-800\/80, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-800\/80, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-800\/80, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-neutral-800\/80, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-neutral-800\/80{border-color:color-mix(in oklab, var(--color-neutral-800) 80%, transparent)}}.fk-sketch-root.dark .dark\:border-primary\/70, .fk-sketch-root.dark.dark\:border-primary\/70, .fk-sketch-root[data-theme="dark"] .dark\:border-primary\/70, .fk-sketch-root[data-theme="dark"].dark\:border-primary\/70, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-primary\/70, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-primary\/70, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-primary\/70, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-primary\/70{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:border-primary\/70, .fk-sketch-root.dark.dark\:border-primary\/70, .fk-sketch-root[data-theme="dark"] .dark\:border-primary\/70, .fk-sketch-root[data-theme="dark"].dark\:border-primary\/70, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-primary\/70, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-primary\/70, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-primary\/70, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-primary\/70{border-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}}.fk-sketch-root.dark .dark\:border-purple-800, .fk-sketch-root.dark.dark\:border-purple-800, .fk-sketch-root[data-theme="dark"] .dark\:border-purple-800, .fk-sketch-root[data-theme="dark"].dark\:border-purple-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-purple-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-purple-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-purple-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-purple-800{border-color:var(--color-purple-800)}.fk-sketch-root.dark .dark\:border-rose-800, .fk-sketch-root.dark.dark\:border-rose-800, .fk-sketch-root[data-theme="dark"] .dark\:border-rose-800, .fk-sketch-root[data-theme="dark"].dark\:border-rose-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-rose-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-rose-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-rose-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-rose-800{border-color:var(--color-rose-800)}.fk-sketch-root.dark .dark\:border-sky-800, .fk-sketch-root.dark.dark\:border-sky-800, .fk-sketch-root[data-theme="dark"] .dark\:border-sky-800, .fk-sketch-root[data-theme="dark"].dark\:border-sky-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-sky-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-sky-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-sky-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-sky-800{border-color:var(--color-sky-800)}.fk-sketch-root.dark .dark\:border-white\/10, .fk-sketch-root.dark.dark\:border-white\/10, .fk-sketch-root[data-theme="dark"] .dark\:border-white\/10, .fk-sketch-root[data-theme="dark"].dark\:border-white\/10, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/10, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/10, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/10, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:border-white\/10, .fk-sketch-root.dark.dark\:border-white\/10, .fk-sketch-root[data-theme="dark"] .dark\:border-white\/10, .fk-sketch-root[data-theme="dark"].dark\:border-white\/10, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/10, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/10, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/10, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.fk-sketch-root.dark .dark\:border-white\/15, .fk-sketch-root.dark.dark\:border-white\/15, .fk-sketch-root[data-theme="dark"] .dark\:border-white\/15, .fk-sketch-root[data-theme="dark"].dark\:border-white\/15, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/15, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/15, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/15, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:border-white\/15, .fk-sketch-root.dark.dark\:border-white\/15, .fk-sketch-root[data-theme="dark"] .dark\:border-white\/15, .fk-sketch-root[data-theme="dark"].dark\:border-white\/15, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/15, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/15, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/15, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.fk-sketch-root.dark .dark\:border-white\/20, .fk-sketch-root.dark.dark\:border-white\/20, .fk-sketch-root[data-theme="dark"] .dark\:border-white\/20, .fk-sketch-root[data-theme="dark"].dark\:border-white\/20, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/20, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/20, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/20, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:border-white\/20, .fk-sketch-root.dark.dark\:border-white\/20, .fk-sketch-root[data-theme="dark"] .dark\:border-white\/20, .fk-sketch-root[data-theme="dark"].dark\:border-white\/20, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/20, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/20, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/20, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.fk-sketch-root.dark .dark\:border-white\/\[0\.02\], .fk-sketch-root.dark.dark\:border-white\/\[0\.02\], .fk-sketch-root[data-theme="dark"] .dark\:border-white\/\[0\.02\], .fk-sketch-root[data-theme="dark"].dark\:border-white\/\[0\.02\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.02\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.02\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.02\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.02\]{border-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:border-white\/\[0\.02\], .fk-sketch-root.dark.dark\:border-white\/\[0\.02\], .fk-sketch-root[data-theme="dark"] .dark\:border-white\/\[0\.02\], .fk-sketch-root[data-theme="dark"].dark\:border-white\/\[0\.02\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.02\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.02\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.02\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.02\]{border-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.fk-sketch-root.dark .dark\:border-white\/\[0\.03\], .fk-sketch-root.dark.dark\:border-white\/\[0\.03\], .fk-sketch-root[data-theme="dark"] .dark\:border-white\/\[0\.03\], .fk-sketch-root[data-theme="dark"].dark\:border-white\/\[0\.03\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.03\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.03\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.03\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.03\]{border-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:border-white\/\[0\.03\], .fk-sketch-root.dark.dark\:border-white\/\[0\.03\], .fk-sketch-root[data-theme="dark"] .dark\:border-white\/\[0\.03\], .fk-sketch-root[data-theme="dark"].dark\:border-white\/\[0\.03\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.03\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.03\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.03\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.03\]{border-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.fk-sketch-root.dark .dark\:border-white\/\[0\.04\], .fk-sketch-root.dark.dark\:border-white\/\[0\.04\], .fk-sketch-root[data-theme="dark"] .dark\:border-white\/\[0\.04\], .fk-sketch-root[data-theme="dark"].dark\:border-white\/\[0\.04\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.04\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.04\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.04\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.04\]{border-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:border-white\/\[0\.04\], .fk-sketch-root.dark.dark\:border-white\/\[0\.04\], .fk-sketch-root[data-theme="dark"] .dark\:border-white\/\[0\.04\], .fk-sketch-root[data-theme="dark"].dark\:border-white\/\[0\.04\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.04\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.04\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.04\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.04\]{border-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.fk-sketch-root.dark .dark\:border-white\/\[0\.05\], .fk-sketch-root.dark.dark\:border-white\/\[0\.05\], .fk-sketch-root[data-theme="dark"] .dark\:border-white\/\[0\.05\], .fk-sketch-root[data-theme="dark"].dark\:border-white\/\[0\.05\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.05\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.05\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.05\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.05\]{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:border-white\/\[0\.05\], .fk-sketch-root.dark.dark\:border-white\/\[0\.05\], .fk-sketch-root[data-theme="dark"] .dark\:border-white\/\[0\.05\], .fk-sketch-root[data-theme="dark"].dark\:border-white\/\[0\.05\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.05\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.05\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.05\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.05\]{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.fk-sketch-root.dark .dark\:border-white\/\[0\.06\], .fk-sketch-root.dark.dark\:border-white\/\[0\.06\], .fk-sketch-root[data-theme="dark"] .dark\:border-white\/\[0\.06\], .fk-sketch-root[data-theme="dark"].dark\:border-white\/\[0\.06\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.06\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.06\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.06\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.06\]{border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:border-white\/\[0\.06\], .fk-sketch-root.dark.dark\:border-white\/\[0\.06\], .fk-sketch-root[data-theme="dark"] .dark\:border-white\/\[0\.06\], .fk-sketch-root[data-theme="dark"].dark\:border-white\/\[0\.06\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.06\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.06\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.06\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.06\]{border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.fk-sketch-root.dark .dark\:border-white\/\[0\.08\], .fk-sketch-root.dark.dark\:border-white\/\[0\.08\], .fk-sketch-root[data-theme="dark"] .dark\:border-white\/\[0\.08\], .fk-sketch-root[data-theme="dark"].dark\:border-white\/\[0\.08\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.08\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.08\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.08\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.08\]{border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:border-white\/\[0\.08\], .fk-sketch-root.dark.dark\:border-white\/\[0\.08\], .fk-sketch-root[data-theme="dark"] .dark\:border-white\/\[0\.08\], .fk-sketch-root[data-theme="dark"].dark\:border-white\/\[0\.08\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.08\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.08\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:border-white\/\[0\.08\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:border-white\/\[0\.08\]{border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.fk-sketch-root.dark .dark\:bg-\[\#1c1d22\]\/90, .fk-sketch-root.dark.dark\:bg-\[\#1c1d22\]\/90, .fk-sketch-root[data-theme="dark"] .dark\:bg-\[\#1c1d22\]\/90, .fk-sketch-root[data-theme="dark"].dark\:bg-\[\#1c1d22\]\/90, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#1c1d22\]\/90, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#1c1d22\]\/90, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#1c1d22\]\/90, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#1c1d22\]\/90{background-color:oklab(23.1842% .00112458 -.00965363/.9)}.fk-sketch-root.dark .dark\:bg-\[\#1c1e24\], .fk-sketch-root.dark.dark\:bg-\[\#1c1e24\], .fk-sketch-root[data-theme="dark"] .dark\:bg-\[\#1c1e24\], .fk-sketch-root[data-theme="dark"].dark\:bg-\[\#1c1e24\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#1c1e24\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#1c1e24\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#1c1e24\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#1c1e24\]{background-color:#1c1e24}.fk-sketch-root.dark .dark\:bg-\[\#1e1e24\], .fk-sketch-root.dark.dark\:bg-\[\#1e1e24\], .fk-sketch-root[data-theme="dark"] .dark\:bg-\[\#1e1e24\], .fk-sketch-root[data-theme="dark"].dark\:bg-\[\#1e1e24\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#1e1e24\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#1e1e24\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#1e1e24\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#1e1e24\]{background-color:#1e1e24}.fk-sketch-root.dark .dark\:bg-\[\#1e2026\], .fk-sketch-root.dark.dark\:bg-\[\#1e2026\], .fk-sketch-root[data-theme="dark"] .dark\:bg-\[\#1e2026\], .fk-sketch-root[data-theme="dark"].dark\:bg-\[\#1e2026\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#1e2026\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#1e2026\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#1e2026\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#1e2026\]{background-color:#1e2026}.fk-sketch-root.dark .dark\:bg-\[\#16161a\]\/90, .fk-sketch-root.dark.dark\:bg-\[\#16161a\]\/90, .fk-sketch-root[data-theme="dark"] .dark\:bg-\[\#16161a\]\/90, .fk-sketch-root[data-theme="dark"].dark\:bg-\[\#16161a\]\/90, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#16161a\]\/90, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#16161a\]\/90, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#16161a\]\/90, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#16161a\]\/90{background-color:oklab(20.1972% .00213615 -.00761473/.9)}.fk-sketch-root.dark .dark\:bg-\[\#16171b\]\/95, .fk-sketch-root.dark.dark\:bg-\[\#16171b\]\/95, .fk-sketch-root[data-theme="dark"] .dark\:bg-\[\#16171b\]\/95, .fk-sketch-root[data-theme="dark"].dark\:bg-\[\#16171b\]\/95, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#16171b\]\/95, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#16171b\]\/95, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#16171b\]\/95, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#16171b\]\/95{background-color:oklab(20.5299% .000636011 -.00804804/.95)}.fk-sketch-root.dark .dark\:bg-\[\#16171b\]\/98, .fk-sketch-root.dark.dark\:bg-\[\#16171b\]\/98, .fk-sketch-root[data-theme="dark"] .dark\:bg-\[\#16171b\]\/98, .fk-sketch-root[data-theme="dark"].dark\:bg-\[\#16171b\]\/98, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#16171b\]\/98, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#16171b\]\/98, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#16171b\]\/98, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#16171b\]\/98{background-color:oklab(20.5299% .000636011 -.00804804/.98)}.fk-sketch-root.dark .dark\:bg-\[\#18181b\]\/95, .fk-sketch-root.dark.dark\:bg-\[\#18181b\]\/95, .fk-sketch-root[data-theme="dark"] .dark\:bg-\[\#18181b\]\/95, .fk-sketch-root[data-theme="dark"].dark\:bg-\[\#18181b\]\/95, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#18181b\]\/95, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#18181b\]\/95, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#18181b\]\/95, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#18181b\]\/95{background-color:oklab(21.0331% .00160401 -.00563659/.95)}.fk-sketch-root.dark .dark\:bg-\[\#18191e\], .fk-sketch-root.dark.dark\:bg-\[\#18191e\], .fk-sketch-root[data-theme="dark"] .dark\:bg-\[\#18191e\], .fk-sketch-root[data-theme="dark"].dark\:bg-\[\#18191e\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#18191e\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#18191e\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#18191e\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#18191e\]{background-color:#18191e}.fk-sketch-root.dark .dark\:bg-\[\#22242b\], .fk-sketch-root.dark.dark\:bg-\[\#22242b\], .fk-sketch-root[data-theme="dark"] .dark\:bg-\[\#22242b\], .fk-sketch-root[data-theme="dark"].dark\:bg-\[\#22242b\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#22242b\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#22242b\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#22242b\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#22242b\]{background-color:#22242b}.fk-sketch-root.dark .dark\:bg-\[\#121316\], .fk-sketch-root.dark.dark\:bg-\[\#121316\], .fk-sketch-root[data-theme="dark"] .dark\:bg-\[\#121316\], .fk-sketch-root[data-theme="dark"].dark\:bg-\[\#121316\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#121316\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#121316\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#121316\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#121316\]{background-color:#121316}.fk-sketch-root.dark .dark\:bg-\[\#131417\], .fk-sketch-root.dark.dark\:bg-\[\#131417\], .fk-sketch-root[data-theme="dark"] .dark\:bg-\[\#131417\], .fk-sketch-root[data-theme="dark"].dark\:bg-\[\#131417\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#131417\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#131417\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#131417\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#131417\]{background-color:#131417}.fk-sketch-root.dark .dark\:bg-\[\#131417\]\/60, .fk-sketch-root.dark.dark\:bg-\[\#131417\]\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-\[\#131417\]\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-\[\#131417\]\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#131417\]\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#131417\]\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#131417\]\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#131417\]\/60{background-color:oklab(19.1469% .000117563 -.00624856/.6)}.fk-sketch-root.dark .dark\:bg-\[\#181818\], .fk-sketch-root.dark.dark\:bg-\[\#181818\], .fk-sketch-root[data-theme="dark"] .dark\:bg-\[\#181818\], .fk-sketch-root[data-theme="dark"].dark\:bg-\[\#181818\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#181818\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#181818\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#181818\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#181818\]{background-color:#181818}.fk-sketch-root.dark .dark\:bg-\[\#181818\]\/95, .fk-sketch-root.dark.dark\:bg-\[\#181818\]\/95, .fk-sketch-root[data-theme="dark"] .dark\:bg-\[\#181818\]\/95, .fk-sketch-root[data-theme="dark"].dark\:bg-\[\#181818\]\/95, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#181818\]\/95, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#181818\]\/95, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#181818\]\/95, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#181818\]\/95{background-color:oklab(20.9036% 1.49012e-8 0/.95)}.fk-sketch-root.dark .dark\:bg-\[\#181818\]\/98, .fk-sketch-root.dark.dark\:bg-\[\#181818\]\/98, .fk-sketch-root[data-theme="dark"] .dark\:bg-\[\#181818\]\/98, .fk-sketch-root[data-theme="dark"].dark\:bg-\[\#181818\]\/98, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#181818\]\/98, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#181818\]\/98, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-\[\#181818\]\/98, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-\[\#181818\]\/98{background-color:oklab(20.9036% 1.49012e-8 0/.98)}.fk-sketch-root.dark .dark\:bg-amber-400\/5, .fk-sketch-root.dark.dark\:bg-amber-400\/5, .fk-sketch-root[data-theme="dark"] .dark\:bg-amber-400\/5, .fk-sketch-root[data-theme="dark"].dark\:bg-amber-400\/5, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-amber-400\/5, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-amber-400\/5, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-amber-400\/5, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-amber-400\/5{background-color:#fcbb000d}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-amber-400\/5, .fk-sketch-root.dark.dark\:bg-amber-400\/5, .fk-sketch-root[data-theme="dark"] .dark\:bg-amber-400\/5, .fk-sketch-root[data-theme="dark"].dark\:bg-amber-400\/5, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-amber-400\/5, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-amber-400\/5, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-amber-400\/5, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-amber-400\/5{background-color:color-mix(in oklab, var(--color-amber-400) 5%, transparent)}}.fk-sketch-root.dark .dark\:bg-amber-950\/60, .fk-sketch-root.dark.dark\:bg-amber-950\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-amber-950\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-amber-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-amber-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-amber-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-amber-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-amber-950\/60{background-color:#46190199}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-amber-950\/60, .fk-sketch-root.dark.dark\:bg-amber-950\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-amber-950\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-amber-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-amber-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-amber-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-amber-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-amber-950\/60{background-color:color-mix(in oklab, var(--color-amber-950) 60%, transparent)}}.fk-sketch-root.dark .dark\:bg-blue-950\/60, .fk-sketch-root.dark.dark\:bg-blue-950\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-blue-950\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-blue-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-blue-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-blue-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-blue-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-blue-950\/60{background-color:#16245699}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-blue-950\/60, .fk-sketch-root.dark.dark\:bg-blue-950\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-blue-950\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-blue-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-blue-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-blue-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-blue-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-blue-950\/60{background-color:color-mix(in oklab, var(--color-blue-950) 60%, transparent)}}.fk-sketch-root.dark .dark\:bg-cyan-950\/60, .fk-sketch-root.dark.dark\:bg-cyan-950\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-cyan-950\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-cyan-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-cyan-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-cyan-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-cyan-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-cyan-950\/60{background-color:#05334599}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-cyan-950\/60, .fk-sketch-root.dark.dark\:bg-cyan-950\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-cyan-950\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-cyan-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-cyan-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-cyan-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-cyan-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-cyan-950\/60{background-color:color-mix(in oklab, var(--color-cyan-950) 60%, transparent)}}.fk-sketch-root.dark .dark\:bg-emerald-950\/60, .fk-sketch-root.dark.dark\:bg-emerald-950\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-emerald-950\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-emerald-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-emerald-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-emerald-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-emerald-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-emerald-950\/60{background-color:#002c2299}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-emerald-950\/60, .fk-sketch-root.dark.dark\:bg-emerald-950\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-emerald-950\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-emerald-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-emerald-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-emerald-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-emerald-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-emerald-950\/60{background-color:color-mix(in oklab, var(--color-emerald-950) 60%, transparent)}}.fk-sketch-root.dark .dark\:bg-indigo-950\/60, .fk-sketch-root.dark.dark\:bg-indigo-950\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-indigo-950\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-indigo-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-indigo-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-indigo-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-indigo-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-indigo-950\/60{background-color:#1e1a4d99}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-indigo-950\/60, .fk-sketch-root.dark.dark\:bg-indigo-950\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-indigo-950\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-indigo-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-indigo-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-indigo-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-indigo-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-indigo-950\/60{background-color:color-mix(in oklab, var(--color-indigo-950) 60%, transparent)}}.fk-sketch-root.dark .dark\:bg-neutral-200, .fk-sketch-root.dark.dark\:bg-neutral-200, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-200, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-200, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-200, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-200, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-200, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-200{background-color:var(--color-neutral-200)}.fk-sketch-root.dark .dark\:bg-neutral-500, .fk-sketch-root.dark.dark\:bg-neutral-500, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-500, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-500, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-500, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-500, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-500, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-500{background-color:var(--color-neutral-500)}.fk-sketch-root.dark .dark\:bg-neutral-700, .fk-sketch-root.dark.dark\:bg-neutral-700, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-700, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-700, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-700, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-700, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-700, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-700{background-color:var(--color-neutral-700)}.fk-sketch-root.dark .dark\:bg-neutral-700\/60, .fk-sketch-root.dark.dark\:bg-neutral-700\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-700\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-700\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-700\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-700\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-700\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-700\/60{background-color:#40404099}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-neutral-700\/60, .fk-sketch-root.dark.dark\:bg-neutral-700\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-700\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-700\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-700\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-700\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-700\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-700\/60{background-color:color-mix(in oklab, var(--color-neutral-700) 60%, transparent)}}.fk-sketch-root.dark .dark\:bg-neutral-800, .fk-sketch-root.dark.dark\:bg-neutral-800, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-800, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-800, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-800, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-800{background-color:var(--color-neutral-800)}.fk-sketch-root.dark .dark\:bg-neutral-800\/80, .fk-sketch-root.dark.dark\:bg-neutral-800\/80, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-800\/80, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-800\/80, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-800\/80, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-800\/80, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-800\/80, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-800\/80{background-color:#262626cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-neutral-800\/80, .fk-sketch-root.dark.dark\:bg-neutral-800\/80, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-800\/80, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-800\/80, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-800\/80, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-800\/80, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-800\/80, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-800\/80{background-color:color-mix(in oklab, var(--color-neutral-800) 80%, transparent)}}.fk-sketch-root.dark .dark\:bg-neutral-900, .fk-sketch-root.dark.dark\:bg-neutral-900, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-900, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-900, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-900, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-900, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-900, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-900{background-color:var(--color-neutral-900)}.fk-sketch-root.dark .dark\:bg-neutral-900\/50, .fk-sketch-root.dark.dark\:bg-neutral-900\/50, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-900\/50, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-900\/50, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-900\/50, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-900\/50, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-900\/50, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-900\/50{background-color:#17171780}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-neutral-900\/50, .fk-sketch-root.dark.dark\:bg-neutral-900\/50, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-900\/50, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-900\/50, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-900\/50, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-900\/50, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-900\/50, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-900\/50{background-color:color-mix(in oklab, var(--color-neutral-900) 50%, transparent)}}.fk-sketch-root.dark .dark\:bg-neutral-900\/90, .fk-sketch-root.dark.dark\:bg-neutral-900\/90, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-900\/90, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-900\/90, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-900\/90, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-900\/90, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-900\/90, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-900\/90{background-color:#171717e6}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-neutral-900\/90, .fk-sketch-root.dark.dark\:bg-neutral-900\/90, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-900\/90, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-900\/90, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-900\/90, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-900\/90, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-900\/90, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-900\/90{background-color:color-mix(in oklab, var(--color-neutral-900) 90%, transparent)}}.fk-sketch-root.dark .dark\:bg-neutral-900\/95, .fk-sketch-root.dark.dark\:bg-neutral-900\/95, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-900\/95, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-900\/95, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-900\/95, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-900\/95, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-900\/95, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-900\/95{background-color:#171717f2}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-neutral-900\/95, .fk-sketch-root.dark.dark\:bg-neutral-900\/95, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-900\/95, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-900\/95, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-900\/95, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-900\/95, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-900\/95, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-900\/95{background-color:color-mix(in oklab, var(--color-neutral-900) 95%, transparent)}}.fk-sketch-root.dark .dark\:bg-neutral-950\/90, .fk-sketch-root.dark.dark\:bg-neutral-950\/90, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-950\/90, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-950\/90, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-950\/90, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-950\/90, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-950\/90, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-950\/90{background-color:#0a0a0ae6}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-neutral-950\/90, .fk-sketch-root.dark.dark\:bg-neutral-950\/90, .fk-sketch-root[data-theme="dark"] .dark\:bg-neutral-950\/90, .fk-sketch-root[data-theme="dark"].dark\:bg-neutral-950\/90, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-950\/90, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-950\/90, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-neutral-950\/90, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-neutral-950\/90{background-color:color-mix(in oklab, var(--color-neutral-950) 90%, transparent)}}.fk-sketch-root.dark .dark\:bg-primary\/15, .fk-sketch-root.dark.dark\:bg-primary\/15, .fk-sketch-root[data-theme="dark"] .dark\:bg-primary\/15, .fk-sketch-root[data-theme="dark"].dark\:bg-primary\/15, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-primary\/15, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-primary\/15, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-primary\/15, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-primary\/15{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-primary\/15, .fk-sketch-root.dark.dark\:bg-primary\/15, .fk-sketch-root[data-theme="dark"] .dark\:bg-primary\/15, .fk-sketch-root[data-theme="dark"].dark\:bg-primary\/15, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-primary\/15, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-primary\/15, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-primary\/15, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-primary\/15{background-color:color-mix(in oklab, var(--color-primary) 15%, transparent)}}.fk-sketch-root.dark .dark\:bg-primary\/25, .fk-sketch-root.dark.dark\:bg-primary\/25, .fk-sketch-root[data-theme="dark"] .dark\:bg-primary\/25, .fk-sketch-root[data-theme="dark"].dark\:bg-primary\/25, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-primary\/25, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-primary\/25, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-primary\/25, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-primary\/25{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-primary\/25, .fk-sketch-root.dark.dark\:bg-primary\/25, .fk-sketch-root[data-theme="dark"] .dark\:bg-primary\/25, .fk-sketch-root[data-theme="dark"].dark\:bg-primary\/25, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-primary\/25, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-primary\/25, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-primary\/25, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-primary\/25{background-color:color-mix(in oklab, var(--color-primary) 25%, transparent)}}.fk-sketch-root.dark .dark\:bg-purple-950\/60, .fk-sketch-root.dark.dark\:bg-purple-950\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-purple-950\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-purple-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-purple-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-purple-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-purple-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-purple-950\/60{background-color:#3c036699}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-purple-950\/60, .fk-sketch-root.dark.dark\:bg-purple-950\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-purple-950\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-purple-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-purple-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-purple-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-purple-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-purple-950\/60{background-color:color-mix(in oklab, var(--color-purple-950) 60%, transparent)}}.fk-sketch-root.dark .dark\:bg-rose-950\/60, .fk-sketch-root.dark.dark\:bg-rose-950\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-rose-950\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-rose-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-rose-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-rose-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-rose-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-rose-950\/60{background-color:#4d021899}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-rose-950\/60, .fk-sketch-root.dark.dark\:bg-rose-950\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-rose-950\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-rose-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-rose-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-rose-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-rose-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-rose-950\/60{background-color:color-mix(in oklab, var(--color-rose-950) 60%, transparent)}}.fk-sketch-root.dark .dark\:bg-sky-950\/60, .fk-sketch-root.dark.dark\:bg-sky-950\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-sky-950\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-sky-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-sky-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-sky-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-sky-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-sky-950\/60{background-color:#052f4a99}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-sky-950\/60, .fk-sketch-root.dark.dark\:bg-sky-950\/60, .fk-sketch-root[data-theme="dark"] .dark\:bg-sky-950\/60, .fk-sketch-root[data-theme="dark"].dark\:bg-sky-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-sky-950\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-sky-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-sky-950\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-sky-950\/60{background-color:color-mix(in oklab, var(--color-sky-950) 60%, transparent)}}.fk-sketch-root.dark .dark\:bg-white\/10, .fk-sketch-root.dark.dark\:bg-white\/10, .fk-sketch-root[data-theme="dark"] .dark\:bg-white\/10, .fk-sketch-root[data-theme="dark"].dark\:bg-white\/10, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-white\/10, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-white\/10, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-white\/10, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-white\/10, .fk-sketch-root.dark.dark\:bg-white\/10, .fk-sketch-root[data-theme="dark"] .dark\:bg-white\/10, .fk-sketch-root[data-theme="dark"].dark\:bg-white\/10, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-white\/10, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-white\/10, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-white\/10, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.fk-sketch-root.dark .dark\:bg-white\/\[0\.04\], .fk-sketch-root.dark.dark\:bg-white\/\[0\.04\], .fk-sketch-root[data-theme="dark"] .dark\:bg-white\/\[0\.04\], .fk-sketch-root[data-theme="dark"].dark\:bg-white\/\[0\.04\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-white\/\[0\.04\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-white\/\[0\.04\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-white\/\[0\.04\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:bg-white\/\[0\.04\], .fk-sketch-root.dark.dark\:bg-white\/\[0\.04\], .fk-sketch-root[data-theme="dark"] .dark\:bg-white\/\[0\.04\], .fk-sketch-root[data-theme="dark"].dark\:bg-white\/\[0\.04\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-white\/\[0\.04\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-white\/\[0\.04\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:bg-white\/\[0\.04\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:bg-white\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.fk-sketch-root.dark .dark\:fill-white\/\[0\.04\], .fk-sketch-root.dark.dark\:fill-white\/\[0\.04\], .fk-sketch-root[data-theme="dark"] .dark\:fill-white\/\[0\.04\], .fk-sketch-root[data-theme="dark"].dark\:fill-white\/\[0\.04\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:fill-white\/\[0\.04\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:fill-white\/\[0\.04\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:fill-white\/\[0\.04\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:fill-white\/\[0\.04\]{fill:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:fill-white\/\[0\.04\], .fk-sketch-root.dark.dark\:fill-white\/\[0\.04\], .fk-sketch-root[data-theme="dark"] .dark\:fill-white\/\[0\.04\], .fk-sketch-root[data-theme="dark"].dark\:fill-white\/\[0\.04\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:fill-white\/\[0\.04\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:fill-white\/\[0\.04\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:fill-white\/\[0\.04\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:fill-white\/\[0\.04\]{fill:color-mix(in oklab, var(--color-white) 4%, transparent)}}.fk-sketch-root.dark .dark\:stroke-neutral-600\/60, .fk-sketch-root.dark.dark\:stroke-neutral-600\/60, .fk-sketch-root[data-theme="dark"] .dark\:stroke-neutral-600\/60, .fk-sketch-root[data-theme="dark"].dark\:stroke-neutral-600\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:stroke-neutral-600\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:stroke-neutral-600\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:stroke-neutral-600\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:stroke-neutral-600\/60{stroke:#52525299}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:stroke-neutral-600\/60, .fk-sketch-root.dark.dark\:stroke-neutral-600\/60, .fk-sketch-root[data-theme="dark"] .dark\:stroke-neutral-600\/60, .fk-sketch-root[data-theme="dark"].dark\:stroke-neutral-600\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:stroke-neutral-600\/60, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:stroke-neutral-600\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:stroke-neutral-600\/60, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:stroke-neutral-600\/60{stroke:color-mix(in oklab, var(--color-neutral-600) 60%, transparent)}}.fk-sketch-root.dark .dark\:text-amber-300, .fk-sketch-root.dark.dark\:text-amber-300, .fk-sketch-root[data-theme="dark"] .dark\:text-amber-300, .fk-sketch-root[data-theme="dark"].dark\:text-amber-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-amber-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-amber-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-amber-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-amber-300{color:var(--color-amber-300)}.fk-sketch-root.dark .dark\:text-amber-400, .fk-sketch-root.dark.dark\:text-amber-400, .fk-sketch-root[data-theme="dark"] .dark\:text-amber-400, .fk-sketch-root[data-theme="dark"].dark\:text-amber-400, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-amber-400, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-amber-400, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-amber-400, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-amber-400{color:var(--color-amber-400)}.fk-sketch-root.dark .dark\:text-blue-300, .fk-sketch-root.dark.dark\:text-blue-300, .fk-sketch-root[data-theme="dark"] .dark\:text-blue-300, .fk-sketch-root[data-theme="dark"].dark\:text-blue-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-blue-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-blue-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-blue-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-blue-300{color:var(--color-blue-300)}.fk-sketch-root.dark .dark\:text-blue-400, .fk-sketch-root.dark.dark\:text-blue-400, .fk-sketch-root[data-theme="dark"] .dark\:text-blue-400, .fk-sketch-root[data-theme="dark"].dark\:text-blue-400, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-blue-400, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-blue-400, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-blue-400, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-blue-400{color:var(--color-blue-400)}.fk-sketch-root.dark .dark\:text-cyan-300, .fk-sketch-root.dark.dark\:text-cyan-300, .fk-sketch-root[data-theme="dark"] .dark\:text-cyan-300, .fk-sketch-root[data-theme="dark"].dark\:text-cyan-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-cyan-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-cyan-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-cyan-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-cyan-300{color:var(--color-cyan-300)}.fk-sketch-root.dark .dark\:text-emerald-300, .fk-sketch-root.dark.dark\:text-emerald-300, .fk-sketch-root[data-theme="dark"] .dark\:text-emerald-300, .fk-sketch-root[data-theme="dark"].dark\:text-emerald-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-emerald-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-emerald-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-emerald-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-emerald-300{color:var(--color-emerald-300)}.fk-sketch-root.dark .dark\:text-emerald-400, .fk-sketch-root.dark.dark\:text-emerald-400, .fk-sketch-root[data-theme="dark"] .dark\:text-emerald-400, .fk-sketch-root[data-theme="dark"].dark\:text-emerald-400, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-emerald-400, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-emerald-400, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-emerald-400, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-emerald-400{color:var(--color-emerald-400)}.fk-sketch-root.dark .dark\:text-indigo-300, .fk-sketch-root.dark.dark\:text-indigo-300, .fk-sketch-root[data-theme="dark"] .dark\:text-indigo-300, .fk-sketch-root[data-theme="dark"].dark\:text-indigo-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-indigo-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-indigo-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-indigo-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-indigo-300{color:var(--color-indigo-300)}.fk-sketch-root.dark .dark\:text-neutral-100, .fk-sketch-root.dark.dark\:text-neutral-100, .fk-sketch-root[data-theme="dark"] .dark\:text-neutral-100, .fk-sketch-root[data-theme="dark"].dark\:text-neutral-100, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-neutral-100, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-neutral-100, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-neutral-100, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-neutral-100{color:var(--color-neutral-100)}.fk-sketch-root.dark .dark\:text-neutral-200, .fk-sketch-root.dark.dark\:text-neutral-200, .fk-sketch-root[data-theme="dark"] .dark\:text-neutral-200, .fk-sketch-root[data-theme="dark"].dark\:text-neutral-200, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-neutral-200, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-neutral-200, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-neutral-200, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-neutral-200{color:var(--color-neutral-200)}.fk-sketch-root.dark .dark\:text-neutral-300, .fk-sketch-root.dark.dark\:text-neutral-300, .fk-sketch-root[data-theme="dark"] .dark\:text-neutral-300, .fk-sketch-root[data-theme="dark"].dark\:text-neutral-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-neutral-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-neutral-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-neutral-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-neutral-300{color:var(--color-neutral-300)}.fk-sketch-root.dark .dark\:text-neutral-400, .fk-sketch-root.dark.dark\:text-neutral-400, .fk-sketch-root[data-theme="dark"] .dark\:text-neutral-400, .fk-sketch-root[data-theme="dark"].dark\:text-neutral-400, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-neutral-400, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-neutral-400, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-neutral-400, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-neutral-400{color:var(--color-neutral-400)}.fk-sketch-root.dark .dark\:text-neutral-500, .fk-sketch-root.dark.dark\:text-neutral-500, .fk-sketch-root[data-theme="dark"] .dark\:text-neutral-500, .fk-sketch-root[data-theme="dark"].dark\:text-neutral-500, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-neutral-500, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-neutral-500, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-neutral-500, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-neutral-500{color:var(--color-neutral-500)}.fk-sketch-root.dark .dark\:text-neutral-900, .fk-sketch-root.dark.dark\:text-neutral-900, .fk-sketch-root[data-theme="dark"] .dark\:text-neutral-900, .fk-sketch-root[data-theme="dark"].dark\:text-neutral-900, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-neutral-900, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-neutral-900, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-neutral-900, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-neutral-900{color:var(--color-neutral-900)}.fk-sketch-root.dark .dark\:text-purple-300, .fk-sketch-root.dark.dark\:text-purple-300, .fk-sketch-root[data-theme="dark"] .dark\:text-purple-300, .fk-sketch-root[data-theme="dark"].dark\:text-purple-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-purple-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-purple-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-purple-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-purple-300{color:var(--color-purple-300)}.fk-sketch-root.dark .dark\:text-rose-300, .fk-sketch-root.dark.dark\:text-rose-300, .fk-sketch-root[data-theme="dark"] .dark\:text-rose-300, .fk-sketch-root[data-theme="dark"].dark\:text-rose-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-rose-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-rose-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-rose-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-rose-300{color:var(--color-rose-300)}.fk-sketch-root.dark .dark\:text-sky-300, .fk-sketch-root.dark.dark\:text-sky-300, .fk-sketch-root[data-theme="dark"] .dark\:text-sky-300, .fk-sketch-root[data-theme="dark"].dark\:text-sky-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-sky-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-sky-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-sky-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-sky-300{color:var(--color-sky-300)}.fk-sketch-root.dark .dark\:text-white, .fk-sketch-root.dark.dark\:text-white, .fk-sketch-root[data-theme="dark"] .dark\:text-white, .fk-sketch-root[data-theme="dark"].dark\:text-white, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-white, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-white, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:text-white, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:text-white{color:var(--color-white)}.fk-sketch-root.dark .dark\:accent-neutral-300, .fk-sketch-root.dark.dark\:accent-neutral-300, .fk-sketch-root[data-theme="dark"] .dark\:accent-neutral-300, .fk-sketch-root[data-theme="dark"].dark\:accent-neutral-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:accent-neutral-300, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:accent-neutral-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:accent-neutral-300, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:accent-neutral-300{accent-color:var(--color-neutral-300)}.fk-sketch-root.dark .dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.02\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.5\)\], .fk-sketch-root.dark.dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.02\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.5\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.02\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.5\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.02\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.5\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.02\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.5\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.02\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.5\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.02\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.5\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.02\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:-1.5px -1.5px 3px var(--tw-shadow-color,#ffffff05), 1.5px 1.5px 4px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\], .fk-sketch-root.dark.dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:-1.5px -1.5px 3px var(--tw-shadow-color,#ffffff08), 1.5px 1.5px 4px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.6\)\], .fk-sketch-root.dark.dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.6\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.6\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.6\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.6\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.6\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.6\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:-1.5px -1.5px 3px var(--tw-shadow-color,#ffffff08), 2px 2px 5px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.06\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.8\)\], .fk-sketch-root.dark.dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.06\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.8\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.06\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.8\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.06\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.8\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.06\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.8\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.06\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.8\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.06\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.8\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.06\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow:-1.5px -1.5px 3px var(--tw-shadow-color,#ffffff0f), 1.5px 1.5px 4px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.05\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.7\)\], .fk-sketch-root.dark.dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.05\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.7\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.05\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.7\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.05\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.7\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.05\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.7\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.05\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.7\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.05\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.7\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.05\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.7\)\]{--tw-shadow:-2px -2px 4px var(--tw-shadow-color,#ffffff0d), 2px 2px 5px var(--tw-shadow-color,#000000b3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.06\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.8\)\,_0_0_0_1px_rgba\(255\,255\,255\,0\.06\)\], .fk-sketch-root.dark.dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.06\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.8\)\,_0_0_0_1px_rgba\(255\,255\,255\,0\.06\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.06\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.8\)\,_0_0_0_1px_rgba\(255\,255\,255\,0\.06\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.06\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.8\)\,_0_0_0_1px_rgba\(255\,255\,255\,0\.06\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.06\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.8\)\,_0_0_0_1px_rgba\(255\,255\,255\,0\.06\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.06\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.8\)\,_0_0_0_1px_rgba\(255\,255\,255\,0\.06\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.06\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.8\)\,_0_0_0_1px_rgba\(255\,255\,255\,0\.06\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.06\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.8\)\,_0_0_0_1px_rgba\(255\,255\,255\,0\.06\)\]{--tw-shadow:-2px -2px 4px var(--tw-shadow-color,#ffffff0f), 2px 2px 5px var(--tw-shadow-color,#000c), 0 0 0 1px var(--tw-shadow-color,#ffffff0f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.06\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.8\)\], .fk-sketch-root.dark.dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.06\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.8\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.06\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.8\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.06\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.8\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.06\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.8\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.06\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.8\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.06\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.8\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-2px_-2px_4px_rgba\(255\,255\,255\,0\.06\)\,_2px_2px_5px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow:-2px -2px 4px var(--tw-shadow-color,#ffffff0f), 2px 2px 5px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.02\)\,_3px_3px_8px_rgba\(0\,0\,0\,0\.8\)\], .fk-sketch-root.dark.dark\:shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.02\)\,_3px_3px_8px_rgba\(0\,0\,0\,0\.8\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.02\)\,_3px_3px_8px_rgba\(0\,0\,0\,0\.8\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.02\)\,_3px_3px_8px_rgba\(0\,0\,0\,0\.8\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.02\)\,_3px_3px_8px_rgba\(0\,0\,0\,0\.8\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.02\)\,_3px_3px_8px_rgba\(0\,0\,0\,0\.8\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.02\)\,_3px_3px_8px_rgba\(0\,0\,0\,0\.8\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.02\)\,_3px_3px_8px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow:-2px -2px 5px var(--tw-shadow-color,#ffffff05), 3px 3px 8px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.03\)\,_2\.5px_2\.5px_6px_rgba\(0\,0\,0\,0\.6\)\], .fk-sketch-root.dark.dark\:shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.03\)\,_2\.5px_2\.5px_6px_rgba\(0\,0\,0\,0\.6\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.03\)\,_2\.5px_2\.5px_6px_rgba\(0\,0\,0\,0\.6\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.03\)\,_2\.5px_2\.5px_6px_rgba\(0\,0\,0\,0\.6\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.03\)\,_2\.5px_2\.5px_6px_rgba\(0\,0\,0\,0\.6\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.03\)\,_2\.5px_2\.5px_6px_rgba\(0\,0\,0\,0\.6\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.03\)\,_2\.5px_2\.5px_6px_rgba\(0\,0\,0\,0\.6\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-2px_-2px_5px_rgba\(255\,255\,255\,0\.03\)\,_2\.5px_2\.5px_6px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:-2px -2px 5px var(--tw-shadow-color,#ffffff08), 2.5px 2.5px 6px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[-2px_-2px_6px_rgba\(255\,255\,255\,0\.02\)\,_4px_4px_12px_rgba\(0\,0\,0\,0\.8\)\], .fk-sketch-root.dark.dark\:shadow-\[-2px_-2px_6px_rgba\(255\,255\,255\,0\.02\)\,_4px_4px_12px_rgba\(0\,0\,0\,0\.8\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[-2px_-2px_6px_rgba\(255\,255\,255\,0\.02\)\,_4px_4px_12px_rgba\(0\,0\,0\,0\.8\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[-2px_-2px_6px_rgba\(255\,255\,255\,0\.02\)\,_4px_4px_12px_rgba\(0\,0\,0\,0\.8\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-2px_-2px_6px_rgba\(255\,255\,255\,0\.02\)\,_4px_4px_12px_rgba\(0\,0\,0\,0\.8\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-2px_-2px_6px_rgba\(255\,255\,255\,0\.02\)\,_4px_4px_12px_rgba\(0\,0\,0\,0\.8\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-2px_-2px_6px_rgba\(255\,255\,255\,0\.02\)\,_4px_4px_12px_rgba\(0\,0\,0\,0\.8\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-2px_-2px_6px_rgba\(255\,255\,255\,0\.02\)\,_4px_4px_12px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow:-2px -2px 6px var(--tw-shadow-color,#ffffff05), 4px 4px 12px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[-4px_-4px_12px_rgba\(255\,255\,255\,0\.02\)\,_8px_8px_24px_rgba\(0\,0\,0\,0\.9\)\], .fk-sketch-root.dark.dark\:shadow-\[-4px_-4px_12px_rgba\(255\,255\,255\,0\.02\)\,_8px_8px_24px_rgba\(0\,0\,0\,0\.9\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[-4px_-4px_12px_rgba\(255\,255\,255\,0\.02\)\,_8px_8px_24px_rgba\(0\,0\,0\,0\.9\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[-4px_-4px_12px_rgba\(255\,255\,255\,0\.02\)\,_8px_8px_24px_rgba\(0\,0\,0\,0\.9\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-4px_-4px_12px_rgba\(255\,255\,255\,0\.02\)\,_8px_8px_24px_rgba\(0\,0\,0\,0\.9\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-4px_-4px_12px_rgba\(255\,255\,255\,0\.02\)\,_8px_8px_24px_rgba\(0\,0\,0\,0\.9\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-4px_-4px_12px_rgba\(255\,255\,255\,0\.02\)\,_8px_8px_24px_rgba\(0\,0\,0\,0\.9\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-4px_-4px_12px_rgba\(255\,255\,255\,0\.02\)\,_8px_8px_24px_rgba\(0\,0\,0\,0\.9\)\]{--tw-shadow:-4px -4px 12px var(--tw-shadow-color,#ffffff05), 8px 8px 24px var(--tw-shadow-color,#000000e6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[-4px_-4px_14px_rgba\(255\,255\,255\,0\.03\)\,_10px_10px_26px_rgba\(0\,0\,0\,0\.85\)\], .fk-sketch-root.dark.dark\:shadow-\[-4px_-4px_14px_rgba\(255\,255\,255\,0\.03\)\,_10px_10px_26px_rgba\(0\,0\,0\,0\.85\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[-4px_-4px_14px_rgba\(255\,255\,255\,0\.03\)\,_10px_10px_26px_rgba\(0\,0\,0\,0\.85\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[-4px_-4px_14px_rgba\(255\,255\,255\,0\.03\)\,_10px_10px_26px_rgba\(0\,0\,0\,0\.85\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-4px_-4px_14px_rgba\(255\,255\,255\,0\.03\)\,_10px_10px_26px_rgba\(0\,0\,0\,0\.85\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-4px_-4px_14px_rgba\(255\,255\,255\,0\.03\)\,_10px_10px_26px_rgba\(0\,0\,0\,0\.85\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[-4px_-4px_14px_rgba\(255\,255\,255\,0\.03\)\,_10px_10px_26px_rgba\(0\,0\,0\,0\.85\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[-4px_-4px_14px_rgba\(255\,255\,255\,0\.03\)\,_10px_10px_26px_rgba\(0\,0\,0\,0\.85\)\]{--tw-shadow:-4px -4px 14px var(--tw-shadow-color,#ffffff08), 10px 10px 26px var(--tw-shadow-color,#000000d9);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[0_2px_5px_rgba\(0\,0\,0\,0\.4\)\], .fk-sketch-root.dark.dark\:shadow-\[0_2px_5px_rgba\(0\,0\,0\,0\.4\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[0_2px_5px_rgba\(0\,0\,0\,0\.4\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[0_2px_5px_rgba\(0\,0\,0\,0\.4\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[0_2px_5px_rgba\(0\,0\,0\,0\.4\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[0_2px_5px_rgba\(0\,0\,0\,0\.4\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[0_2px_5px_rgba\(0\,0\,0\,0\.4\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[0_2px_5px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 2px 5px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[0_4px_16px_-2px_rgba\(0\,0\,0\,0\.5\)\], .fk-sketch-root.dark.dark\:shadow-\[0_4px_16px_-2px_rgba\(0\,0\,0\,0\.5\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[0_4px_16px_-2px_rgba\(0\,0\,0\,0\.5\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[0_4px_16px_-2px_rgba\(0\,0\,0\,0\.5\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[0_4px_16px_-2px_rgba\(0\,0\,0\,0\.5\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[0_4px_16px_-2px_rgba\(0\,0\,0\,0\.5\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[0_4px_16px_-2px_rgba\(0\,0\,0\,0\.5\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[0_4px_16px_-2px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 4px 16px -2px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[0_14px_34px_-4px_rgba\(0\,0\,0\,0\.7\)\,0_4px_14px_-2px_rgba\(0\,0\,0\,0\.5\)\], .fk-sketch-root.dark.dark\:shadow-\[0_14px_34px_-4px_rgba\(0\,0\,0\,0\.7\)\,0_4px_14px_-2px_rgba\(0\,0\,0\,0\.5\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[0_14px_34px_-4px_rgba\(0\,0\,0\,0\.7\)\,0_4px_14px_-2px_rgba\(0\,0\,0\,0\.5\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[0_14px_34px_-4px_rgba\(0\,0\,0\,0\.7\)\,0_4px_14px_-2px_rgba\(0\,0\,0\,0\.5\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[0_14px_34px_-4px_rgba\(0\,0\,0\,0\.7\)\,0_4px_14px_-2px_rgba\(0\,0\,0\,0\.5\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[0_14px_34px_-4px_rgba\(0\,0\,0\,0\.7\)\,0_4px_14px_-2px_rgba\(0\,0\,0\,0\.5\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[0_14px_34px_-4px_rgba\(0\,0\,0\,0\.7\)\,0_4px_14px_-2px_rgba\(0\,0\,0\,0\.5\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[0_14px_34px_-4px_rgba\(0\,0\,0\,0\.7\)\,0_4px_14px_-2px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 14px 34px -4px var(--tw-shadow-color,#000000b3), 0 4px 14px -2px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.6\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\], .fk-sketch-root.dark.dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.6\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.6\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.6\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.6\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.6\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.6\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.6\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\]{--tw-shadow:inset 2px 2px 4px var(--tw-shadow-color,#0009), inset -1px -1px 2px var(--tw-shadow-color,#ffffff08);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\], .fk-sketch-root.dark.dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\]{--tw-shadow:inset 2px 2px 4px var(--tw-shadow-color,#000000b3), inset -1px -1px 2px var(--tw-shadow-color,#ffffff08);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_3px_rgba\(255\,255\,255\,0\.05\)\], .fk-sketch-root.dark.dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_3px_rgba\(255\,255\,255\,0\.05\)\], .fk-sketch-root[data-theme="dark"] .dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_3px_rgba\(255\,255\,255\,0\.05\)\], .fk-sketch-root[data-theme="dark"].dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_3px_rgba\(255\,255\,255\,0\.05\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_3px_rgba\(255\,255\,255\,0\.05\)\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_3px_rgba\(255\,255\,255\,0\.05\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_3px_rgba\(255\,255\,255\,0\.05\)\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_3px_rgba\(255\,255\,255\,0\.05\)\]{--tw-shadow:inset 2px 2px 4px var(--tw-shadow-color,#000000b3), inset -1px -1px 3px var(--tw-shadow-color,#ffffff0d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:ring-neutral-500, .fk-sketch-root.dark.dark\:ring-neutral-500, .fk-sketch-root[data-theme="dark"] .dark\:ring-neutral-500, .fk-sketch-root[data-theme="dark"].dark\:ring-neutral-500, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:ring-neutral-500, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:ring-neutral-500, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:ring-neutral-500, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:ring-neutral-500{--tw-ring-color:var(--color-neutral-500)}.fk-sketch-root.dark .dark\:ring-neutral-500\/40, .fk-sketch-root.dark.dark\:ring-neutral-500\/40, .fk-sketch-root[data-theme="dark"] .dark\:ring-neutral-500\/40, .fk-sketch-root[data-theme="dark"].dark\:ring-neutral-500\/40, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:ring-neutral-500\/40, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:ring-neutral-500\/40, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:ring-neutral-500\/40, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:ring-neutral-500\/40{--tw-ring-color:#73737366}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:ring-neutral-500\/40, .fk-sketch-root.dark.dark\:ring-neutral-500\/40, .fk-sketch-root[data-theme="dark"] .dark\:ring-neutral-500\/40, .fk-sketch-root[data-theme="dark"].dark\:ring-neutral-500\/40, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:ring-neutral-500\/40, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:ring-neutral-500\/40, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:ring-neutral-500\/40, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:ring-neutral-500\/40{--tw-ring-color:color-mix(in oklab, var(--color-neutral-500) 40%, transparent)}}.fk-sketch-root.dark .dark\:ring-neutral-900, .fk-sketch-root.dark.dark\:ring-neutral-900, .fk-sketch-root[data-theme="dark"] .dark\:ring-neutral-900, .fk-sketch-root[data-theme="dark"].dark\:ring-neutral-900, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:ring-neutral-900, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:ring-neutral-900, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:ring-neutral-900, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:ring-neutral-900{--tw-ring-color:var(--color-neutral-900)}.fk-sketch-root.dark .dark\:ring-offset-\[\#181818\], .fk-sketch-root.dark.dark\:ring-offset-\[\#181818\], .fk-sketch-root[data-theme="dark"] .dark\:ring-offset-\[\#181818\], .fk-sketch-root[data-theme="dark"].dark\:ring-offset-\[\#181818\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:ring-offset-\[\#181818\], .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:ring-offset-\[\#181818\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:ring-offset-\[\#181818\], [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:ring-offset-\[\#181818\]{--tw-ring-offset-color:#181818}.fk-sketch-root.dark .dark\:ring-offset-neutral-900, .fk-sketch-root.dark.dark\:ring-offset-neutral-900, .fk-sketch-root[data-theme="dark"] .dark\:ring-offset-neutral-900, .fk-sketch-root[data-theme="dark"].dark\:ring-offset-neutral-900, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:ring-offset-neutral-900, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:ring-offset-neutral-900, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:ring-offset-neutral-900, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:ring-offset-neutral-900{--tw-ring-offset-color:var(--color-neutral-900)}@media (hover:hover){.fk-sketch-root.dark .dark\:group-hover\:bg-neutral-300:is(:where(.group):hover *), .fk-sketch-root.dark.dark\:group-hover\:bg-neutral-300:is(:where(.group):hover *), .fk-sketch-root[data-theme="dark"] .dark\:group-hover\:bg-neutral-300:is(:where(.group):hover *), .fk-sketch-root[data-theme="dark"].dark\:group-hover\:bg-neutral-300:is(:where(.group):hover *), .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:group-hover\:bg-neutral-300:is(:where(.group):hover *), .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:group-hover\:bg-neutral-300:is(:where(.group):hover *), [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:group-hover\:bg-neutral-300:is(:where(.group):hover *), [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:group-hover\:bg-neutral-300:is(:where(.group):hover *){background-color:var(--color-neutral-300)}.fk-sketch-root.dark .dark\:group-hover\:text-neutral-100:is(:where(.group):hover *), .fk-sketch-root.dark.dark\:group-hover\:text-neutral-100:is(:where(.group):hover *), .fk-sketch-root[data-theme="dark"] .dark\:group-hover\:text-neutral-100:is(:where(.group):hover *), .fk-sketch-root[data-theme="dark"].dark\:group-hover\:text-neutral-100:is(:where(.group):hover *), .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:group-hover\:text-neutral-100:is(:where(.group):hover *), .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:group-hover\:text-neutral-100:is(:where(.group):hover *), [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:group-hover\:text-neutral-100:is(:where(.group):hover *), [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:group-hover\:text-neutral-100:is(:where(.group):hover *){color:var(--color-neutral-100)}.fk-sketch-root.dark .dark\:hover\:bg-\[\#1c1e24\]\/80:hover, .fk-sketch-root.dark.dark\:hover\:bg-\[\#1c1e24\]\/80:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-\[\#1c1e24\]\/80:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-\[\#1c1e24\]\/80:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-\[\#1c1e24\]\/80:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-\[\#1c1e24\]\/80:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-\[\#1c1e24\]\/80:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-\[\#1c1e24\]\/80:hover{background-color:oklab(23.5549% .000180744 -.0119093/.8)}.fk-sketch-root.dark .dark\:hover\:bg-\[\#1f2128\]:hover, .fk-sketch-root.dark.dark\:hover\:bg-\[\#1f2128\]:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-\[\#1f2128\]:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-\[\#1f2128\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-\[\#1f2128\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-\[\#1f2128\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-\[\#1f2128\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-\[\#1f2128\]:hover{background-color:#1f2128}.fk-sketch-root.dark .dark\:hover\:bg-\[\#272a34\]:hover, .fk-sketch-root.dark.dark\:hover\:bg-\[\#272a34\]:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-\[\#272a34\]:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-\[\#272a34\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-\[\#272a34\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-\[\#272a34\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-\[\#272a34\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-\[\#272a34\]:hover{background-color:#272a34}.fk-sketch-root.dark .dark\:hover\:bg-\[\#20222a\]:hover, .fk-sketch-root.dark.dark\:hover\:bg-\[\#20222a\]:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-\[\#20222a\]:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-\[\#20222a\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-\[\#20222a\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-\[\#20222a\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-\[\#20222a\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-\[\#20222a\]:hover{background-color:#20222a}.fk-sketch-root.dark .dark\:hover\:bg-\[\#22242b\]:hover, .fk-sketch-root.dark.dark\:hover\:bg-\[\#22242b\]:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-\[\#22242b\]:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-\[\#22242b\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-\[\#22242b\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-\[\#22242b\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-\[\#22242b\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-\[\#22242b\]:hover{background-color:#22242b}.fk-sketch-root.dark .dark\:hover\:bg-\[\#25272e\]:hover, .fk-sketch-root.dark.dark\:hover\:bg-\[\#25272e\]:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-\[\#25272e\]:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-\[\#25272e\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-\[\#25272e\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-\[\#25272e\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-\[\#25272e\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-\[\#25272e\]:hover{background-color:#25272e}.fk-sketch-root.dark .dark\:hover\:bg-neutral-700:hover, .fk-sketch-root.dark.dark\:hover\:bg-neutral-700:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-neutral-700:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-neutral-700:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-neutral-700:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-neutral-700:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-neutral-700:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-neutral-700:hover{background-color:var(--color-neutral-700)}.fk-sketch-root.dark .dark\:hover\:bg-neutral-800:hover, .fk-sketch-root.dark.dark\:hover\:bg-neutral-800:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-neutral-800:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-neutral-800:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-neutral-800:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-neutral-800:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-neutral-800:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-neutral-800:hover{background-color:var(--color-neutral-800)}.fk-sketch-root.dark .dark\:hover\:bg-neutral-800\/70:hover, .fk-sketch-root.dark.dark\:hover\:bg-neutral-800\/70:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-neutral-800\/70:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-neutral-800\/70:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-neutral-800\/70:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-neutral-800\/70:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-neutral-800\/70:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-neutral-800\/70:hover{background-color:#262626b3}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:hover\:bg-neutral-800\/70:hover, .fk-sketch-root.dark.dark\:hover\:bg-neutral-800\/70:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-neutral-800\/70:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-neutral-800\/70:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-neutral-800\/70:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-neutral-800\/70:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-neutral-800\/70:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-neutral-800\/70:hover{background-color:color-mix(in oklab, var(--color-neutral-800) 70%, transparent)}}.fk-sketch-root.dark .dark\:hover\:bg-neutral-800\/80:hover, .fk-sketch-root.dark.dark\:hover\:bg-neutral-800\/80:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-neutral-800\/80:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-neutral-800\/80:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-neutral-800\/80:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-neutral-800\/80:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-neutral-800\/80:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-neutral-800\/80:hover{background-color:#262626cc}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:hover\:bg-neutral-800\/80:hover, .fk-sketch-root.dark.dark\:hover\:bg-neutral-800\/80:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-neutral-800\/80:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-neutral-800\/80:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-neutral-800\/80:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-neutral-800\/80:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-neutral-800\/80:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-neutral-800\/80:hover{background-color:color-mix(in oklab, var(--color-neutral-800) 80%, transparent)}}.fk-sketch-root.dark .dark\:hover\:bg-rose-950\/30:hover, .fk-sketch-root.dark.dark\:hover\:bg-rose-950\/30:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-rose-950\/30:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-rose-950\/30:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-rose-950\/30:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-rose-950\/30:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-rose-950\/30:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-rose-950\/30:hover{background-color:#4d02184d}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:hover\:bg-rose-950\/30:hover, .fk-sketch-root.dark.dark\:hover\:bg-rose-950\/30:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-rose-950\/30:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-rose-950\/30:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-rose-950\/30:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-rose-950\/30:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-rose-950\/30:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-rose-950\/30:hover{background-color:color-mix(in oklab, var(--color-rose-950) 30%, transparent)}}.fk-sketch-root.dark .dark\:hover\:bg-rose-950\/40:hover, .fk-sketch-root.dark.dark\:hover\:bg-rose-950\/40:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-rose-950\/40:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-rose-950\/40:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-rose-950\/40:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-rose-950\/40:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-rose-950\/40:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-rose-950\/40:hover{background-color:#4d021866}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:hover\:bg-rose-950\/40:hover, .fk-sketch-root.dark.dark\:hover\:bg-rose-950\/40:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-rose-950\/40:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-rose-950\/40:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-rose-950\/40:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-rose-950\/40:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-rose-950\/40:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-rose-950\/40:hover{background-color:color-mix(in oklab, var(--color-rose-950) 40%, transparent)}}.fk-sketch-root.dark .dark\:hover\:bg-white\/10:hover, .fk-sketch-root.dark.dark\:hover\:bg-white\/10:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-white\/10:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-white\/10:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-white\/10:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-white\/10:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-white\/10:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.fk-sketch-root.dark .dark\:hover\:bg-white\/10:hover, .fk-sketch-root.dark.dark\:hover\:bg-white\/10:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:bg-white\/10:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:bg-white\/10:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-white\/10:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-white\/10:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:bg-white\/10:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.fk-sketch-root.dark .dark\:hover\:text-blue-400:hover, .fk-sketch-root.dark.dark\:hover\:text-blue-400:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:text-blue-400:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:text-blue-400:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:text-blue-400:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:text-blue-400:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:text-blue-400:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:text-blue-400:hover{color:var(--color-blue-400)}.fk-sketch-root.dark .dark\:hover\:text-neutral-100:hover, .fk-sketch-root.dark.dark\:hover\:text-neutral-100:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:text-neutral-100:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:text-neutral-100:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:text-neutral-100:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:text-neutral-100:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:text-neutral-100:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:text-neutral-100:hover{color:var(--color-neutral-100)}.fk-sketch-root.dark .dark\:hover\:text-neutral-200:hover, .fk-sketch-root.dark.dark\:hover\:text-neutral-200:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:text-neutral-200:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:text-neutral-200:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:text-neutral-200:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:text-neutral-200:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:text-neutral-200:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:text-neutral-200:hover{color:var(--color-neutral-200)}.fk-sketch-root.dark .dark\:hover\:text-rose-400:hover, .fk-sketch-root.dark.dark\:hover\:text-rose-400:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:text-rose-400:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:text-rose-400:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:text-rose-400:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:text-rose-400:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:text-rose-400:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:text-rose-400:hover{color:var(--color-rose-400)}.fk-sketch-root.dark .dark\:hover\:text-white:hover, .fk-sketch-root.dark.dark\:hover\:text-white:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:text-white:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:text-white:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:text-white:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:text-white:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:text-white:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:text-white:hover{color:var(--color-white)}.fk-sketch-root.dark .dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]:hover, .fk-sketch-root.dark.dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]:hover{--tw-shadow:-1.5px -1.5px 3px var(--tw-shadow-color,#ffffff08), 1.5px 1.5px 4px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.04\)\,_1\.5px_1\.5px_3px_rgba\(0\,0\,0\,0\.6\)\]:hover, .fk-sketch-root.dark.dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.04\)\,_1\.5px_1\.5px_3px_rgba\(0\,0\,0\,0\.6\)\]:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.04\)\,_1\.5px_1\.5px_3px_rgba\(0\,0\,0\,0\.6\)\]:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.04\)\,_1\.5px_1\.5px_3px_rgba\(0\,0\,0\,0\.6\)\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.04\)\,_1\.5px_1\.5px_3px_rgba\(0\,0\,0\,0\.6\)\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.04\)\,_1\.5px_1\.5px_3px_rgba\(0\,0\,0\,0\.6\)\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.04\)\,_1\.5px_1\.5px_3px_rgba\(0\,0\,0\,0\.6\)\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.04\)\,_1\.5px_1\.5px_3px_rgba\(0\,0\,0\,0\.6\)\]:hover{--tw-shadow:-1.5px -1.5px 3px var(--tw-shadow-color,#ffffff0a), 1.5px 1.5px 3px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.04\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]:hover, .fk-sketch-root.dark.dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.04\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.04\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.04\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.04\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.04\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.04\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:shadow-\[-1\.5px_-1\.5px_3px_rgba\(255\,255\,255\,0\.04\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.6\)\]:hover{--tw-shadow:-1.5px -1.5px 3px var(--tw-shadow-color,#ffffff0a), 1.5px 1.5px 4px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root.dark .dark\:hover\:shadow-\[-1px_-1px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.7\)\]:hover, .fk-sketch-root.dark.dark\:hover\:shadow-\[-1px_-1px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.7\)\]:hover, .fk-sketch-root[data-theme="dark"] .dark\:hover\:shadow-\[-1px_-1px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.7\)\]:hover, .fk-sketch-root[data-theme="dark"].dark\:hover\:shadow-\[-1px_-1px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.7\)\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:shadow-\[-1px_-1px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.7\)\]:hover, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:shadow-\[-1px_-1px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.7\)\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:hover\:shadow-\[-1px_-1px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.7\)\]:hover, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:hover\:shadow-\[-1px_-1px_3px_rgba\(255\,255\,255\,0\.03\)\,_1\.5px_1\.5px_4px_rgba\(0\,0\,0\,0\.7\)\]:hover{--tw-shadow:-1px -1px 3px var(--tw-shadow-color,#ffffff08), 1.5px 1.5px 4px var(--tw-shadow-color,#000000b3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.fk-sketch-root.dark .dark\:focus\:border-neutral-600:focus, .fk-sketch-root.dark.dark\:focus\:border-neutral-600:focus, .fk-sketch-root[data-theme="dark"] .dark\:focus\:border-neutral-600:focus, .fk-sketch-root[data-theme="dark"].dark\:focus\:border-neutral-600:focus, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:focus\:border-neutral-600:focus, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:focus\:border-neutral-600:focus, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:focus\:border-neutral-600:focus, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:focus\:border-neutral-600:focus{border-color:var(--color-neutral-600)}.fk-sketch-root.dark .dark\:active\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\]:active, .fk-sketch-root.dark.dark\:active\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\]:active, .fk-sketch-root[data-theme="dark"] .dark\:active\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\]:active, .fk-sketch-root[data-theme="dark"].dark\:active\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\]:active, .dark .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:active\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\]:active, .dark .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:active\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\]:active, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .dark\:active\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\]:active, [data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]).dark\:active\:shadow-\[inset_2px_2px_4px_rgba\(0\,0\,0\,0\.7\)\,_inset_-1px_-1px_2px_rgba\(255\,255\,255\,0\.03\)\]:active{--tw-shadow:inset 2px 2px 4px var(--tw-shadow-color,#000000b3), inset -1px -1px 2px var(--tw-shadow-color,#ffffff08);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fk-sketch-root .\[\&\>svg\]\:h-full>svg, .fk-sketch-root.\[\&\>svg\]\:h-full>svg{height:100%}.fk-sketch-root .\[\&\>svg\]\:w-full>svg, .fk-sketch-root.\[\&\>svg\]\:w-full>svg{width:100%}.fk-sketch-root .\[\&\>svg\]\:object-contain>svg, .fk-sketch-root.\[\&\>svg\]\:object-contain>svg{object-fit:contain}@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-scrollbar-thumb{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-scrollbar-track{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
/* ==========================================================================
|
|
64
|
+
@filekit-studio/sketch Scoped Design Tokens & Variables
|
|
65
|
+
These variables can be overridden on .fk-sketch-root by host applications.
|
|
66
|
+
========================================================================== */
|
|
67
|
+
.fk-sketch-root {
|
|
68
|
+
--primary: #0b6eff;
|
|
69
|
+
--primary-foreground: #ffffff;
|
|
70
|
+
--fk-bg: #f8fafc;
|
|
71
|
+
--fk-surface: #ffffff;
|
|
72
|
+
--fk-border: rgba(0, 0, 0, 0.08);
|
|
73
|
+
--fk-text: #111827;
|
|
74
|
+
--fk-muted: #6b7280;
|
|
75
|
+
--fk-primary: #0b6eff;
|
|
76
|
+
--fk-primary-rgb: 11, 110, 255;
|
|
77
|
+
--fk-primary-hover: #005ceb;
|
|
78
|
+
--fk-selection: rgba(11, 110, 255, 0.15);
|
|
79
|
+
--fk-canvas-bg: #fcfcfd;
|
|
80
|
+
--fk-grid-color: rgba(0, 0, 0, 0.06);
|
|
81
|
+
--fk-font-family: inherit;
|
|
82
|
+
|
|
83
|
+
position: relative;
|
|
84
|
+
width: 100%;
|
|
85
|
+
height: 100%;
|
|
86
|
+
overflow: hidden;
|
|
87
|
+
user-select: none;
|
|
88
|
+
font-family: var(--fk-font-family, inherit);
|
|
89
|
+
color: var(--fk-text);
|
|
90
|
+
background-color: var(--fk-bg);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.fk-sketch-root button,
|
|
94
|
+
.fk-sketch-root input,
|
|
95
|
+
.fk-sketch-root select,
|
|
96
|
+
.fk-sketch-root textarea {
|
|
97
|
+
font-family: var(--fk-font-family, inherit);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
/* Dark mode token overrides */
|
|
101
|
+
.fk-sketch-root.dark,
|
|
102
|
+
.fk-sketch-root[data-theme="dark"],
|
|
103
|
+
.dark .fk-sketch-root,
|
|
104
|
+
[data-theme="dark"] .fk-sketch-root {
|
|
105
|
+
--primary: #3b82f6;
|
|
106
|
+
--primary-foreground: #ffffff;
|
|
107
|
+
--fk-bg: #121214;
|
|
108
|
+
--fk-surface: #18181b;
|
|
109
|
+
--fk-border: rgba(255, 255, 255, 0.08);
|
|
110
|
+
--fk-text: #f3f4f6;
|
|
111
|
+
--fk-muted: #9ca3af;
|
|
112
|
+
--fk-primary: #3b82f6;
|
|
113
|
+
--fk-primary-rgb: 59, 130, 246;
|
|
114
|
+
--fk-primary-hover: #60a5fa;
|
|
115
|
+
--fk-selection: rgba(59, 130, 246, 0.25);
|
|
116
|
+
--fk-canvas-bg: #0f0f11;
|
|
117
|
+
--fk-grid-color: rgba(255, 255, 255, 0.06);
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
/* Brand mark in Top Bar (crisp, high-contrast luminous blue for dark backgrounds, vibrant blue for light) */
|
|
121
|
+
.fk-sketch-root.dark .fk-topbar-brand,
|
|
122
|
+
.fk-sketch-root[data-theme="dark"] .fk-topbar-brand,
|
|
123
|
+
.dark .fk-sketch-root .fk-topbar-brand,
|
|
124
|
+
[data-theme="dark"] .fk-sketch-root .fk-topbar-brand,
|
|
125
|
+
.fk-sketch-root.dark .fk-topbar-brand svg,
|
|
126
|
+
.fk-sketch-root[data-theme="dark"] .fk-topbar-brand svg,
|
|
127
|
+
.dark .fk-sketch-root .fk-topbar-brand svg,
|
|
128
|
+
[data-theme="dark"] .fk-sketch-root .fk-topbar-brand svg,
|
|
129
|
+
.fk-sketch-root.dark .fk-topbar-brand span,
|
|
130
|
+
.fk-sketch-root[data-theme="dark"] .fk-topbar-brand span,
|
|
131
|
+
.dark .fk-sketch-root .fk-topbar-brand span,
|
|
132
|
+
[data-theme="dark"] .fk-sketch-root .fk-topbar-brand span {
|
|
133
|
+
color: #60a5fa !important;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-topbar-brand,
|
|
137
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-topbar-brand svg,
|
|
138
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-topbar-brand span {
|
|
139
|
+
color: #0b6eff !important;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
/* ==========================================================================
|
|
143
|
+
Brand Capsule Expandable Hover Animation
|
|
144
|
+
Completely self-contained with no dependency on external Tailwind / CSS.
|
|
145
|
+
========================================================================== */
|
|
146
|
+
.fk-sketch-root .fk-brand-pill {
|
|
147
|
+
cursor: default;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.fk-sketch-root .fk-topbar-brand {
|
|
151
|
+
display: flex !important;
|
|
152
|
+
align-items: center !important;
|
|
153
|
+
user-select: none !important;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.fk-sketch-root .fk-topbar-brand svg {
|
|
157
|
+
flex-shrink: 0 !important;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.fk-sketch-root .fk-brand-text,
|
|
161
|
+
.fk-sketch-root .fk-expand-text {
|
|
162
|
+
display: inline-block !important;
|
|
163
|
+
overflow: hidden !important;
|
|
164
|
+
white-space: nowrap !important;
|
|
165
|
+
max-width: 0 !important;
|
|
166
|
+
opacity: 0 !important;
|
|
167
|
+
margin-left: 0 !important;
|
|
168
|
+
transform: translateX(-4px) !important;
|
|
169
|
+
pointer-events: none !important;
|
|
170
|
+
transition:
|
|
171
|
+
max-width 280ms cubic-bezier(0.16, 1, 0.3, 1),
|
|
172
|
+
opacity 180ms ease,
|
|
173
|
+
transform 280ms cubic-bezier(0.16, 1, 0.3, 1),
|
|
174
|
+
margin-left 280ms cubic-bezier(0.16, 1, 0.3, 1) !important;
|
|
175
|
+
will-change: max-width, opacity, transform;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.fk-sketch-root .fk-brand-pill:hover .fk-brand-text,
|
|
179
|
+
.fk-sketch-root .fk-brand-pill:focus-within .fk-brand-text,
|
|
180
|
+
.fk-sketch-root .fk-topbar-brand:hover .fk-brand-text {
|
|
181
|
+
max-width: 56px !important;
|
|
182
|
+
opacity: 1 !important;
|
|
183
|
+
margin-left: 6px !important;
|
|
184
|
+
transform: translateX(0) !important;
|
|
185
|
+
transition:
|
|
186
|
+
max-width 320ms cubic-bezier(0.16, 1, 0.3, 1),
|
|
187
|
+
opacity 240ms cubic-bezier(0.16, 1, 0.3, 1) 40ms,
|
|
188
|
+
transform 320ms cubic-bezier(0.16, 1, 0.3, 1),
|
|
189
|
+
margin-left 320ms cubic-bezier(0.16, 1, 0.3, 1) !important;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.fk-sketch-root .fk-expandable-btn:hover .fk-expand-text,
|
|
193
|
+
.fk-sketch-root .fk-expandable-btn:focus-visible .fk-expand-text,
|
|
194
|
+
.fk-sketch-root .fk-expandable-btn[data-active="true"] .fk-expand-text {
|
|
195
|
+
max-width: 76px !important;
|
|
196
|
+
opacity: 1 !important;
|
|
197
|
+
margin-left: 6px !important;
|
|
198
|
+
transform: translateX(0) !important;
|
|
199
|
+
transition:
|
|
200
|
+
max-width 320ms cubic-bezier(0.16, 1, 0.3, 1),
|
|
201
|
+
opacity 240ms cubic-bezier(0.16, 1, 0.3, 1) 40ms,
|
|
202
|
+
transform 320ms cubic-bezier(0.16, 1, 0.3, 1),
|
|
203
|
+
margin-left 320ms cubic-bezier(0.16, 1, 0.3, 1) !important;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
@media (prefers-reduced-motion: reduce) {
|
|
207
|
+
.fk-sketch-root .fk-brand-text,
|
|
208
|
+
.fk-sketch-root .fk-expand-text {
|
|
209
|
+
transition: none !important;
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
/* Ensure positioning containers (like toolbox <aside>) never get borders or backgrounds */
|
|
214
|
+
.fk-sketch-root aside:not(.fk-card) {
|
|
215
|
+
border: none !important;
|
|
216
|
+
background: transparent !important;
|
|
217
|
+
box-shadow: none !important;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
/* ==========================================================================
|
|
221
|
+
1. CLASSIC PANEL & CONTROLS STYLING (panelVariant="classic")
|
|
222
|
+
Depth comes from smooth layered shadows with ultra-subtle or no borders.
|
|
223
|
+
========================================================================== */
|
|
224
|
+
|
|
225
|
+
/* Neutralize all neumorphic dual-shadows and inset bevels completely */
|
|
226
|
+
.fk-sketch-root.fk-panel-classic [class*="shadow-[-"],
|
|
227
|
+
.fk-sketch-root[data-panel="classic"] [class*="shadow-[-"],
|
|
228
|
+
.fk-sketch-root.fk-panel-classic [class*="shadow-[inset"],
|
|
229
|
+
.fk-sketch-root[data-panel="classic"] [class*="shadow-[inset"] {
|
|
230
|
+
box-shadow: none !important;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
/* Classic Panels, Cards & Toolbars (Light Mode) */
|
|
234
|
+
.fk-sketch-root.fk-panel-classic:not(.dark):not([data-theme="dark"]) .fk-card,
|
|
235
|
+
.fk-sketch-root[data-panel="classic"]:not(.dark):not([data-theme="dark"])
|
|
236
|
+
.fk-card {
|
|
237
|
+
background-color: rgba(255, 255, 255, 0.96) !important;
|
|
238
|
+
border: 1px solid rgba(0, 0, 0, 0.04) !important;
|
|
239
|
+
box-shadow:
|
|
240
|
+
0 10px 30px -4px rgba(0, 0, 0, 0.08),
|
|
241
|
+
0 4px 12px -2px rgba(0, 0, 0, 0.03) !important;
|
|
242
|
+
color: #111827 !important;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
/* Classic Panels, Cards & Toolbars (Dark Mode) */
|
|
246
|
+
.fk-sketch-root.dark.fk-panel-classic .fk-card,
|
|
247
|
+
.fk-sketch-root.dark[data-panel="classic"] .fk-card,
|
|
248
|
+
.fk-sketch-root[data-theme="dark"][data-panel="classic"] .fk-card,
|
|
249
|
+
.fk-sketch-root.dark .fk-card,
|
|
250
|
+
.fk-sketch-root[data-theme="dark"] .fk-card {
|
|
251
|
+
background-color: rgba(22, 23, 27, 0.96) !important;
|
|
252
|
+
border: 1px solid rgba(255, 255, 255, 0.05) !important;
|
|
253
|
+
box-shadow:
|
|
254
|
+
0 14px 34px -4px rgba(0, 0, 0, 0.65),
|
|
255
|
+
0 4px 14px -2px rgba(0, 0, 0, 0.45) !important;
|
|
256
|
+
color: #f3f4f6 !important;
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
/* Classic Standalone Buttons (Light Mode) */
|
|
260
|
+
.fk-sketch-root.fk-panel-classic:not(.dark):not([data-theme="dark"]) .fk-btn,
|
|
261
|
+
.fk-sketch-root[data-panel="classic"]:not(.dark):not([data-theme="dark"])
|
|
262
|
+
.fk-btn {
|
|
263
|
+
background-color: #ffffff !important;
|
|
264
|
+
border: 1px solid rgba(0, 0, 0, 0.05) !important;
|
|
265
|
+
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.07) !important;
|
|
266
|
+
color: #334155 !important;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
.fk-sketch-root.fk-panel-classic:not(.dark):not([data-theme="dark"])
|
|
270
|
+
.fk-btn:hover,
|
|
271
|
+
.fk-sketch-root[data-panel="classic"]:not(.dark):not([data-theme="dark"])
|
|
272
|
+
.fk-btn:hover {
|
|
273
|
+
background-color: #f8fafc !important;
|
|
274
|
+
color: #0f172a !important;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
/* Classic Standalone Buttons (Dark Mode) */
|
|
278
|
+
.fk-sketch-root.dark.fk-panel-classic .fk-btn,
|
|
279
|
+
.fk-sketch-root.dark[data-panel="classic"] .fk-btn,
|
|
280
|
+
.fk-sketch-root[data-theme="dark"][data-panel="classic"] .fk-btn,
|
|
281
|
+
.fk-sketch-root.dark .fk-btn,
|
|
282
|
+
.fk-sketch-root[data-theme="dark"] .fk-btn {
|
|
283
|
+
background-color: #1e2026 !important;
|
|
284
|
+
border: 1px solid rgba(255, 255, 255, 0.06) !important;
|
|
285
|
+
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4) !important;
|
|
286
|
+
color: #e2e8f0 !important;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
.fk-sketch-root.dark.fk-panel-classic .fk-btn:hover,
|
|
290
|
+
.fk-sketch-root.dark[data-panel="classic"] .fk-btn:hover,
|
|
291
|
+
.fk-sketch-root[data-theme="dark"][data-panel="classic"] .fk-btn:hover,
|
|
292
|
+
.fk-sketch-root.dark .fk-btn:hover,
|
|
293
|
+
.fk-sketch-root[data-theme="dark"] .fk-btn:hover {
|
|
294
|
+
background-color: #272a34 !important;
|
|
295
|
+
color: #ffffff !important;
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
/* Classic Segmented Control Option Tracks (No hard borders, depth from soft inset shadow) */
|
|
299
|
+
.fk-sketch-root.fk-panel-classic:not(.dark):not([data-theme="dark"])
|
|
300
|
+
[class*="bg-[#e4e8ef]"],
|
|
301
|
+
.fk-sketch-root[data-panel="classic"]:not(.dark):not([data-theme="dark"])
|
|
302
|
+
[class*="bg-[#e4e8ef]"],
|
|
303
|
+
.fk-sketch-root.fk-panel-classic:not(.dark):not([data-theme="dark"])
|
|
304
|
+
[class*="bg-[#eef1f6]"]:not(.fk-card):not(.fk-template-card),
|
|
305
|
+
.fk-sketch-root[data-panel="classic"]:not(.dark):not([data-theme="dark"])
|
|
306
|
+
[class*="bg-[#eef1f6]"]:not(.fk-card):not(.fk-template-card) {
|
|
307
|
+
background-color: #f1f5f9 !important;
|
|
308
|
+
border: none !important;
|
|
309
|
+
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04) !important;
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
.fk-sketch-root.dark.fk-panel-classic [class*="bg-[#e4e8ef]"],
|
|
313
|
+
.fk-sketch-root.dark[data-panel="classic"] [class*="bg-[#e4e8ef]"],
|
|
314
|
+
.fk-sketch-root.dark.fk-panel-classic [class*="dark:bg-[#121316]"],
|
|
315
|
+
.fk-sketch-root.dark[data-panel="classic"] [class*="dark:bg-[#121316]"],
|
|
316
|
+
.fk-sketch-root.dark.fk-panel-classic
|
|
317
|
+
[class*="dark:bg-[#16171b]"]:not(.fk-card),
|
|
318
|
+
.fk-sketch-root.dark[data-panel="classic"]
|
|
319
|
+
[class*="dark:bg-[#16171b]"]:not(.fk-card),
|
|
320
|
+
.fk-sketch-root.dark.fk-panel-classic
|
|
321
|
+
[class*="dark:bg-[#1a1c22]"]:not(.fk-template-card),
|
|
322
|
+
.fk-sketch-root.dark[data-panel="classic"]
|
|
323
|
+
[class*="dark:bg-[#1a1c22]"]:not(.fk-template-card) {
|
|
324
|
+
background-color: #131418 !important;
|
|
325
|
+
border: none !important;
|
|
326
|
+
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35) !important;
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
/* Template Cards & Modal List Cards in Dark Mode */
|
|
330
|
+
.fk-sketch-root.dark .fk-template-card,
|
|
331
|
+
.fk-sketch-root[data-theme="dark"] .fk-template-card,
|
|
332
|
+
.fk-sketch-root.dark [class*="dark:bg-[#1a1c22]"],
|
|
333
|
+
.fk-sketch-root[data-theme="dark"] [class*="dark:bg-[#1a1c22]"] {
|
|
334
|
+
background-color: #1a1c22 !important;
|
|
335
|
+
border: 1px solid rgba(255, 255, 255, 0.06) !important;
|
|
336
|
+
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
|
|
337
|
+
color: #f3f4f6 !important;
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
.fk-sketch-root.dark .fk-template-card h4,
|
|
341
|
+
.fk-sketch-root[data-theme="dark"] .fk-template-card h4 {
|
|
342
|
+
color: #f3f4f6 !important;
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
.fk-sketch-root.dark .fk-template-card p,
|
|
346
|
+
.fk-sketch-root[data-theme="dark"] .fk-template-card p {
|
|
347
|
+
color: #9ca3af !important;
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
/* ==========================================================================
|
|
351
|
+
Segmented Control Buttons (.fk-seg-btn)
|
|
352
|
+
Guarantees perfect theme styling, active state depth, and zero theme bleed
|
|
353
|
+
========================================================================== */
|
|
354
|
+
|
|
355
|
+
/* Light Mode: Active Button */
|
|
356
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-seg-btn[data-active="true"],
|
|
357
|
+
.fk-sketch-root.light .fk-seg-btn[data-active="true"],
|
|
358
|
+
.fk-sketch-root[data-theme="light"] .fk-seg-btn[data-active="true"],
|
|
359
|
+
.fk-sketch-root.fk-panel-classic:not(.dark):not([data-theme="dark"])
|
|
360
|
+
[class*="bg-[#f0f3f8]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
361
|
+
.fk-sketch-root.light
|
|
362
|
+
[class*="bg-[#f0f3f8]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
363
|
+
.fk-sketch-root[data-theme="light"]
|
|
364
|
+
[class*="bg-[#f0f3f8]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
365
|
+
.fk-sketch-root[data-panel="classic"]:not(.dark):not([data-theme="dark"])
|
|
366
|
+
[class*="bg-[#f0f3f8]"]:not(.fk-tool-btn):not(.fk-zoom-btn) {
|
|
367
|
+
background-color: #ffffff !important;
|
|
368
|
+
border: 1px solid rgba(0, 0, 0, 0.1) !important;
|
|
369
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
|
|
370
|
+
color: #0f172a !important;
|
|
371
|
+
font-weight: 600 !important;
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-seg-btn[data-active="true"] svg,
|
|
375
|
+
.fk-sketch-root.light .fk-seg-btn[data-active="true"] svg,
|
|
376
|
+
.fk-sketch-root[data-theme="light"] .fk-seg-btn[data-active="true"] svg,
|
|
377
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) [class*="bg-[#f0f3f8]"] svg,
|
|
378
|
+
.fk-sketch-root.light [class*="bg-[#f0f3f8]"] svg,
|
|
379
|
+
.fk-sketch-root[data-theme="light"] [class*="bg-[#f0f3f8]"] svg {
|
|
380
|
+
stroke: #0f172a !important;
|
|
381
|
+
color: #0f172a !important;
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
/* Light Mode: Inactive Button */
|
|
385
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-seg-btn[data-active="false"],
|
|
386
|
+
.fk-sketch-root.light .fk-seg-btn[data-active="false"],
|
|
387
|
+
.fk-sketch-root[data-theme="light"] .fk-seg-btn[data-active="false"] {
|
|
388
|
+
background-color: transparent !important;
|
|
389
|
+
border-color: transparent !important;
|
|
390
|
+
box-shadow: none !important;
|
|
391
|
+
color: #64748b !important;
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-seg-btn[data-active="false"]:hover,
|
|
395
|
+
.fk-sketch-root.light .fk-seg-btn[data-active="false"]:hover,
|
|
396
|
+
.fk-sketch-root[data-theme="light"] .fk-seg-btn[data-active="false"]:hover {
|
|
397
|
+
color: #0f172a !important;
|
|
398
|
+
background-color: rgba(0, 0, 0, 0.04) !important;
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
/* Dark Mode: Active Button */
|
|
402
|
+
.fk-sketch-root.dark .fk-seg-btn[data-active="true"],
|
|
403
|
+
.fk-sketch-root[data-theme="dark"] .fk-seg-btn[data-active="true"],
|
|
404
|
+
.dark .fk-sketch-root:not(.light):not([data-theme="light"]) .fk-seg-btn[data-active="true"],
|
|
405
|
+
[data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .fk-seg-btn[data-active="true"],
|
|
406
|
+
.fk-sketch-root.dark.fk-panel-classic [class*="bg-[#f0f3f8]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
407
|
+
.fk-sketch-root.dark[data-panel="classic"]
|
|
408
|
+
[class*="bg-[#f0f3f8]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
409
|
+
.fk-sketch-root.dark [class*="bg-[#f0f3f8]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
410
|
+
.fk-sketch-root[data-theme="dark"] [class*="bg-[#f0f3f8]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
411
|
+
.fk-sketch-root.dark.fk-panel-classic
|
|
412
|
+
[class*="dark:bg-[#22242b]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
413
|
+
.fk-sketch-root.dark[data-panel="classic"]
|
|
414
|
+
[class*="dark:bg-[#22242b]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
415
|
+
.fk-sketch-root.dark [class*="dark:bg-[#22242b]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
416
|
+
.fk-sketch-root[data-theme="dark"]
|
|
417
|
+
[class*="dark:bg-[#22242b]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
418
|
+
.fk-sketch-root.dark.fk-panel-classic
|
|
419
|
+
[class*="dark:bg-[#1f2128]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
420
|
+
.fk-sketch-root.dark[data-panel="classic"]
|
|
421
|
+
[class*="dark:bg-[#1f2128]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
422
|
+
.fk-sketch-root.dark [class*="dark:bg-[#1f2128]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
423
|
+
.fk-sketch-root[data-theme="dark"]
|
|
424
|
+
[class*="dark:bg-[#1f2128]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
425
|
+
.fk-sketch-root.dark.fk-panel-classic
|
|
426
|
+
[class*="dark:bg-[#1b1c22]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
427
|
+
.fk-sketch-root.dark[data-panel="classic"]
|
|
428
|
+
[class*="dark:bg-[#1b1c22]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
429
|
+
.fk-sketch-root.dark [class*="dark:bg-[#1b1c22]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
430
|
+
.fk-sketch-root[data-theme="dark"]
|
|
431
|
+
[class*="dark:bg-[#1b1c22]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
432
|
+
.fk-sketch-root.dark.fk-panel-classic
|
|
433
|
+
[class*="dark:bg-[#20222a]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
434
|
+
.fk-sketch-root.dark[data-panel="classic"]
|
|
435
|
+
[class*="dark:bg-[#20222a]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
436
|
+
.fk-sketch-root.dark [class*="dark:bg-[#20222a]"]:not(.fk-tool-btn):not(.fk-zoom-btn),
|
|
437
|
+
.fk-sketch-root[data-theme="dark"]
|
|
438
|
+
[class*="dark:bg-[#20222a]"]:not(.fk-tool-btn):not(.fk-zoom-btn) {
|
|
439
|
+
background-color: #272a33 !important;
|
|
440
|
+
border: 1px solid rgba(255, 255, 255, 0.14) !important;
|
|
441
|
+
box-shadow:
|
|
442
|
+
0 2px 5px 0 rgba(0, 0, 0, 0.45),
|
|
443
|
+
0 1px 2px -1px rgba(0, 0, 0, 0.3) !important;
|
|
444
|
+
color: #f1f5f9 !important;
|
|
445
|
+
font-weight: 600 !important;
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
.fk-sketch-root.dark .fk-seg-btn[data-active="true"] svg,
|
|
449
|
+
.fk-sketch-root[data-theme="dark"] .fk-seg-btn[data-active="true"] svg,
|
|
450
|
+
.dark .fk-sketch-root:not(.light):not([data-theme="light"]) .fk-seg-btn[data-active="true"] svg,
|
|
451
|
+
[data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .fk-seg-btn[data-active="true"] svg {
|
|
452
|
+
stroke: #f1f5f9 !important;
|
|
453
|
+
color: #f1f5f9 !important;
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
/* Dark Mode: Inactive Button */
|
|
457
|
+
.fk-sketch-root.dark .fk-seg-btn[data-active="false"],
|
|
458
|
+
.fk-sketch-root[data-theme="dark"] .fk-seg-btn[data-active="false"],
|
|
459
|
+
.dark .fk-sketch-root:not(.light):not([data-theme="light"]) .fk-seg-btn[data-active="false"],
|
|
460
|
+
[data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .fk-seg-btn[data-active="false"] {
|
|
461
|
+
background-color: transparent !important;
|
|
462
|
+
border-color: transparent !important;
|
|
463
|
+
box-shadow: none !important;
|
|
464
|
+
color: #94a3b8 !important;
|
|
465
|
+
}
|
|
466
|
+
|
|
467
|
+
.fk-sketch-root.dark .fk-seg-btn[data-active="false"]:hover,
|
|
468
|
+
.fk-sketch-root[data-theme="dark"] .fk-seg-btn[data-active="false"]:hover,
|
|
469
|
+
.dark .fk-sketch-root:not(.light):not([data-theme="light"]) .fk-seg-btn[data-active="false"]:hover,
|
|
470
|
+
[data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .fk-seg-btn[data-active="false"]:hover {
|
|
471
|
+
color: #ffffff !important;
|
|
472
|
+
background-color: rgba(255, 255, 255, 0.05) !important;
|
|
473
|
+
}
|
|
474
|
+
|
|
475
|
+
/* Classic & Universal Appearance Trigger Pills (Stroke / Fill inputs in properties panel) */
|
|
476
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) [data-color-trigger],
|
|
477
|
+
.fk-sketch-root.light [data-color-trigger],
|
|
478
|
+
.fk-sketch-root[data-theme="light"] [data-color-trigger] {
|
|
479
|
+
background-color: #f8fafc !important;
|
|
480
|
+
border: 1px solid rgba(0, 0, 0, 0.08) !important;
|
|
481
|
+
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05) !important;
|
|
482
|
+
}
|
|
483
|
+
|
|
484
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) [data-color-trigger] .font-mono,
|
|
485
|
+
.fk-sketch-root.light [data-color-trigger] .font-mono,
|
|
486
|
+
.fk-sketch-root[data-theme="light"] [data-color-trigger] .font-mono {
|
|
487
|
+
color: #0f172a !important;
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) [data-color-trigger] div[class*="text-[9.5px]"],
|
|
491
|
+
.fk-sketch-root.light [data-color-trigger] div[class*="text-[9.5px]"],
|
|
492
|
+
.fk-sketch-root[data-theme="light"] [data-color-trigger] div[class*="text-[9.5px]"] {
|
|
493
|
+
color: #64748b !important;
|
|
494
|
+
}
|
|
495
|
+
|
|
496
|
+
.fk-sketch-root.dark [data-color-trigger],
|
|
497
|
+
.fk-sketch-root[data-theme="dark"] [data-color-trigger],
|
|
498
|
+
.dark .fk-sketch-root:not(.light):not([data-theme="light"]) [data-color-trigger],
|
|
499
|
+
[data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) [data-color-trigger] {
|
|
500
|
+
background-color: #1a1c22 !important;
|
|
501
|
+
border: 1px solid rgba(255, 255, 255, 0.06) !important;
|
|
502
|
+
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35) !important;
|
|
503
|
+
}
|
|
504
|
+
|
|
505
|
+
.fk-sketch-root.dark [data-color-trigger] .font-mono,
|
|
506
|
+
.fk-sketch-root[data-theme="dark"] [data-color-trigger] .font-mono,
|
|
507
|
+
.dark .fk-sketch-root:not(.light):not([data-theme="light"]) [data-color-trigger] .font-mono,
|
|
508
|
+
[data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) [data-color-trigger] .font-mono {
|
|
509
|
+
color: #f1f5f9 !important;
|
|
510
|
+
}
|
|
511
|
+
|
|
512
|
+
.fk-sketch-root.dark [data-color-trigger] div[class*="text-[9.5px]"],
|
|
513
|
+
.fk-sketch-root[data-theme="dark"] [data-color-trigger] div[class*="text-[9.5px]"],
|
|
514
|
+
.dark .fk-sketch-root:not(.light):not([data-theme="light"]) [data-color-trigger] div[class*="text-[9.5px]"],
|
|
515
|
+
[data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) [data-color-trigger] div[class*="text-[9.5px]"] {
|
|
516
|
+
color: #94a3b8 !important;
|
|
517
|
+
}
|
|
518
|
+
|
|
519
|
+
/* Floating Zoom Buttons (.fk-zoom-btn) */
|
|
520
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-zoom-btn,
|
|
521
|
+
.fk-sketch-root.light .fk-zoom-btn,
|
|
522
|
+
.fk-sketch-root[data-theme="light"] .fk-zoom-btn {
|
|
523
|
+
color: #334155 !important;
|
|
524
|
+
}
|
|
525
|
+
|
|
526
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-zoom-btn:hover,
|
|
527
|
+
.fk-sketch-root.light .fk-zoom-btn:hover,
|
|
528
|
+
.fk-sketch-root[data-theme="light"] .fk-zoom-btn:hover {
|
|
529
|
+
color: #0f172a !important;
|
|
530
|
+
background-color: #f1f5f9 !important;
|
|
531
|
+
}
|
|
532
|
+
|
|
533
|
+
.fk-sketch-root.dark .fk-zoom-btn,
|
|
534
|
+
.fk-sketch-root[data-theme="dark"] .fk-zoom-btn,
|
|
535
|
+
.dark .fk-sketch-root:not(.light):not([data-theme="light"]) .fk-zoom-btn,
|
|
536
|
+
[data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .fk-zoom-btn {
|
|
537
|
+
color: #e2e8f0 !important;
|
|
538
|
+
}
|
|
539
|
+
|
|
540
|
+
.fk-sketch-root.dark .fk-zoom-btn:hover,
|
|
541
|
+
.fk-sketch-root[data-theme="dark"] .fk-zoom-btn:hover,
|
|
542
|
+
.dark .fk-sketch-root:not(.light):not([data-theme="light"]) .fk-zoom-btn:hover,
|
|
543
|
+
[data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .fk-zoom-btn:hover {
|
|
544
|
+
color: #ffffff !important;
|
|
545
|
+
background-color: #22242b !important;
|
|
546
|
+
}
|
|
547
|
+
|
|
548
|
+
/* Classic Unselected Tool Buttons (on left toolbar) */
|
|
549
|
+
.fk-sketch-root.fk-panel-classic .fk-card .fk-tool-btn:not(.fk-tool-active),
|
|
550
|
+
.fk-sketch-root[data-panel="classic"]
|
|
551
|
+
.fk-card
|
|
552
|
+
.fk-tool-btn:not(.fk-tool-active) {
|
|
553
|
+
border: none !important;
|
|
554
|
+
background-color: transparent !important;
|
|
555
|
+
box-shadow: none !important;
|
|
556
|
+
color: #64748b !important;
|
|
557
|
+
}
|
|
558
|
+
|
|
559
|
+
.fk-sketch-root.fk-panel-classic
|
|
560
|
+
.fk-card
|
|
561
|
+
.fk-tool-btn:not(.fk-tool-active):hover,
|
|
562
|
+
.fk-sketch-root[data-panel="classic"]
|
|
563
|
+
.fk-card
|
|
564
|
+
.fk-tool-btn:not(.fk-tool-active):hover {
|
|
565
|
+
background-color: rgba(0, 0, 0, 0.05) !important;
|
|
566
|
+
color: #0f172a !important;
|
|
567
|
+
}
|
|
568
|
+
|
|
569
|
+
.fk-sketch-root.dark.fk-panel-classic
|
|
570
|
+
.fk-card
|
|
571
|
+
.fk-tool-btn:not(.fk-tool-active),
|
|
572
|
+
.fk-sketch-root.dark[data-panel="classic"]
|
|
573
|
+
.fk-card
|
|
574
|
+
.fk-tool-btn:not(.fk-tool-active),
|
|
575
|
+
.fk-sketch-root.dark .fk-card .fk-tool-btn:not(.fk-tool-active),
|
|
576
|
+
.fk-sketch-root[data-theme="dark"] .fk-card .fk-tool-btn:not(.fk-tool-active) {
|
|
577
|
+
border: none !important;
|
|
578
|
+
background-color: transparent !important;
|
|
579
|
+
box-shadow: none !important;
|
|
580
|
+
color: #94a3b8 !important;
|
|
581
|
+
}
|
|
582
|
+
|
|
583
|
+
.fk-sketch-root.dark.fk-panel-classic
|
|
584
|
+
.fk-card
|
|
585
|
+
.fk-tool-btn:not(.fk-tool-active):hover,
|
|
586
|
+
.fk-sketch-root.dark[data-panel="classic"]
|
|
587
|
+
.fk-card
|
|
588
|
+
.fk-tool-btn:not(.fk-tool-active):hover,
|
|
589
|
+
.fk-sketch-root.dark .fk-card .fk-tool-btn:not(.fk-tool-active):hover,
|
|
590
|
+
.fk-sketch-root[data-theme="dark"]
|
|
591
|
+
.fk-card
|
|
592
|
+
.fk-tool-btn:not(.fk-tool-active):hover {
|
|
593
|
+
background-color: rgba(255, 255, 255, 0.08) !important;
|
|
594
|
+
color: #ffffff !important;
|
|
595
|
+
}
|
|
596
|
+
|
|
597
|
+
/* Classic Active / Selected Tool Button in Toolbar */
|
|
598
|
+
.fk-sketch-root.fk-panel-classic .fk-tool-active,
|
|
599
|
+
.fk-sketch-root[data-panel="classic"] .fk-tool-active,
|
|
600
|
+
.fk-sketch-root.fk-panel-classic .fk-tool-btn[data-active="true"],
|
|
601
|
+
.fk-sketch-root[data-panel="classic"] .fk-tool-btn[data-active="true"] {
|
|
602
|
+
background-color: rgba(0, 0, 0, 0.08) !important;
|
|
603
|
+
color: #0f172a !important;
|
|
604
|
+
border: 1px solid rgba(0, 0, 0, 0.14) !important;
|
|
605
|
+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
|
|
606
|
+
}
|
|
607
|
+
|
|
608
|
+
.fk-sketch-root.dark.fk-panel-classic .fk-tool-active,
|
|
609
|
+
.fk-sketch-root.dark[data-panel="classic"] .fk-tool-active,
|
|
610
|
+
.fk-sketch-root.dark[data-panel="classic"] .fk-tool-btn[data-active="true"],
|
|
611
|
+
.fk-sketch-root.dark .fk-tool-active,
|
|
612
|
+
.fk-sketch-root[data-theme="dark"] .fk-tool-active,
|
|
613
|
+
.fk-sketch-root.dark .fk-tool-btn[data-active="true"],
|
|
614
|
+
.fk-sketch-root[data-theme="dark"] .fk-tool-btn[data-active="true"],
|
|
615
|
+
.dark .fk-sketch-root:not(.light):not([data-theme="light"]) .fk-tool-active,
|
|
616
|
+
[data-theme="dark"] .fk-sketch-root:not(.light):not([data-theme="light"]) .fk-tool-active {
|
|
617
|
+
background-color: rgba(255, 255, 255, 0.12) !important;
|
|
618
|
+
color: #ffffff !important;
|
|
619
|
+
border: 1px solid rgba(255, 255, 255, 0.18) !important;
|
|
620
|
+
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
|
|
621
|
+
}
|
|
622
|
+
|
|
623
|
+
/* ==========================================================================
|
|
624
|
+
2. NEUMORPHIC MODE STYLING (panelVariant="neumorphic")
|
|
625
|
+
Ensures authentic soft tactile dual-shadows in both light & dark modes.
|
|
626
|
+
========================================================================== */
|
|
627
|
+
|
|
628
|
+
/* Light Neumorphic Panels & Cards */
|
|
629
|
+
.fk-sketch-root.fk-panel-neumorphic:not(.dark):not([data-theme="dark"]) .fk-card,
|
|
630
|
+
.fk-sketch-root[data-panel="neumorphic"]:not(.dark):not([data-theme="dark"]) .fk-card {
|
|
631
|
+
background-color: #f0f3f8 !important;
|
|
632
|
+
border: 1px solid rgba(255, 255, 255, 0.85) !important;
|
|
633
|
+
box-shadow:
|
|
634
|
+
-6px -6px 18px rgba(255, 255, 255, 0.95),
|
|
635
|
+
6px 6px 18px rgba(166, 175, 195, 0.45) !important;
|
|
636
|
+
color: #1e293b !important;
|
|
637
|
+
}
|
|
638
|
+
|
|
639
|
+
/* Light Neumorphic Standalone Buttons */
|
|
640
|
+
.fk-sketch-root.fk-panel-neumorphic:not(.dark):not([data-theme="dark"]) .fk-btn,
|
|
641
|
+
.fk-sketch-root[data-panel="neumorphic"]:not(.dark):not([data-theme="dark"]) .fk-btn {
|
|
642
|
+
background-color: #f0f3f8 !important;
|
|
643
|
+
border: 1px solid rgba(255, 255, 255, 0.85) !important;
|
|
644
|
+
box-shadow:
|
|
645
|
+
-3px -3px 7px rgba(255, 255, 255, 0.95),
|
|
646
|
+
3px 3px 7px rgba(166, 175, 195, 0.4) !important;
|
|
647
|
+
color: #334155 !important;
|
|
648
|
+
}
|
|
649
|
+
|
|
650
|
+
.fk-sketch-root.fk-panel-neumorphic:not(.dark):not([data-theme="dark"]) .fk-btn:hover,
|
|
651
|
+
.fk-sketch-root[data-panel="neumorphic"]:not(.dark):not([data-theme="dark"]) .fk-btn:hover {
|
|
652
|
+
background-color: #e6ebf4 !important;
|
|
653
|
+
box-shadow:
|
|
654
|
+
-2px -2px 5px rgba(255, 255, 255, 0.95),
|
|
655
|
+
2px 2px 6px rgba(166, 175, 195, 0.5) !important;
|
|
656
|
+
color: #0f172a !important;
|
|
657
|
+
}
|
|
658
|
+
|
|
659
|
+
/* Dark Neumorphic Panels & Cards */
|
|
660
|
+
.fk-sketch-root.dark.fk-panel-neumorphic .fk-card,
|
|
661
|
+
.fk-sketch-root.dark[data-panel="neumorphic"] .fk-card {
|
|
662
|
+
background-color: rgba(22, 23, 27, 0.96) !important;
|
|
663
|
+
border: 1px solid rgba(255, 255, 255, 0.07) !important;
|
|
664
|
+
box-shadow:
|
|
665
|
+
-2px -2px 6px rgba(255, 255, 255, 0.02),
|
|
666
|
+
4px 4px 14px rgba(0, 0, 0, 0.8) !important;
|
|
667
|
+
color: #f3f4f6 !important;
|
|
668
|
+
}
|
|
669
|
+
|
|
670
|
+
/* Dark Neumorphic Standalone Buttons */
|
|
671
|
+
.fk-sketch-root.dark.fk-panel-neumorphic .fk-btn,
|
|
672
|
+
.fk-sketch-root.dark[data-panel="neumorphic"] .fk-btn {
|
|
673
|
+
background-color: rgba(26, 28, 34, 0.95) !important;
|
|
674
|
+
border: 1px solid rgba(255, 255, 255, 0.07) !important;
|
|
675
|
+
box-shadow:
|
|
676
|
+
-2px -2px 5px rgba(255, 255, 255, 0.02),
|
|
677
|
+
3px 3px 8px rgba(0, 0, 0, 0.8) !important;
|
|
678
|
+
color: #e4e4e7 !important;
|
|
679
|
+
}
|
|
680
|
+
|
|
681
|
+
.fk-sketch-root.dark.fk-panel-neumorphic .fk-btn:hover,
|
|
682
|
+
.fk-sketch-root.dark[data-panel="neumorphic"] .fk-btn:hover {
|
|
683
|
+
background-color: #20222a !important;
|
|
684
|
+
box-shadow:
|
|
685
|
+
-2px -2px 6px rgba(255, 255, 255, 0.03),
|
|
686
|
+
3px 3px 10px rgba(0, 0, 0, 0.9) !important;
|
|
687
|
+
color: #ffffff !important;
|
|
688
|
+
}
|
|
689
|
+
|
|
690
|
+
/* Dark Neumorphic Segmented Control Tracks */
|
|
691
|
+
.fk-sketch-root.dark.fk-panel-neumorphic [class*="bg-[#e4e8ef]"],
|
|
692
|
+
.fk-sketch-root.dark[data-panel="neumorphic"] [class*="bg-[#e4e8ef]"],
|
|
693
|
+
.fk-sketch-root.dark.fk-panel-neumorphic [class*="dark:bg-[#121316]"],
|
|
694
|
+
.fk-sketch-root.dark[data-panel="neumorphic"] [class*="dark:bg-[#121316]"] {
|
|
695
|
+
background-color: #111215 !important;
|
|
696
|
+
border: 1px solid rgba(255, 255, 255, 0.04) !important;
|
|
697
|
+
box-shadow:
|
|
698
|
+
inset 2px 2px 4px rgba(0, 0, 0, 0.7),
|
|
699
|
+
inset -1px -1px 2px rgba(255, 255, 255, 0.03) !important;
|
|
700
|
+
}
|
|
701
|
+
|
|
702
|
+
/* Dark Neumorphic Active Buttons in Tracks */
|
|
703
|
+
.fk-sketch-root.dark.fk-panel-neumorphic [class*="dark:bg-[#22242b]"],
|
|
704
|
+
.fk-sketch-root.dark[data-panel="neumorphic"] [class*="dark:bg-[#22242b]"],
|
|
705
|
+
.fk-sketch-root.dark.fk-panel-neumorphic [class*="dark:bg-[#1f2128]"],
|
|
706
|
+
.fk-sketch-root.dark[data-panel="neumorphic"] [class*="dark:bg-[#1f2128]"] {
|
|
707
|
+
background-color: #22242b !important;
|
|
708
|
+
border: 1px solid rgba(255, 255, 255, 0.08) !important;
|
|
709
|
+
box-shadow:
|
|
710
|
+
-2px -2px 4px rgba(255, 255, 255, 0.06),
|
|
711
|
+
2px 2px 5px rgba(0, 0, 0, 0.8) !important;
|
|
712
|
+
color: #ffffff !important;
|
|
713
|
+
}
|
|
714
|
+
|
|
715
|
+
/* ==========================================================================
|
|
716
|
+
3. UNIVERSAL LIGHT MODE HARMONIZATION & HOST DARK LEAK PREVENTION
|
|
717
|
+
Guarantees that when Sketch is in light mode, host dark mode (.dark on html/body)
|
|
718
|
+
NEVER leaks dark text or dark surfaces into Sketch's light whiteboard & panels.
|
|
719
|
+
========================================================================== */
|
|
720
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]),
|
|
721
|
+
.fk-sketch-root.light,
|
|
722
|
+
.fk-sketch-root[data-theme="light"] {
|
|
723
|
+
color-scheme: light;
|
|
724
|
+
}
|
|
725
|
+
|
|
726
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-card [class*="text-neutral-900"],
|
|
727
|
+
.fk-sketch-root.light .fk-card [class*="text-neutral-900"],
|
|
728
|
+
.fk-sketch-root[data-theme="light"] .fk-card [class*="text-neutral-900"],
|
|
729
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-card [class*="text-neutral-800"],
|
|
730
|
+
.fk-sketch-root.light .fk-card [class*="text-neutral-800"],
|
|
731
|
+
.fk-sketch-root[data-theme="light"] .fk-card [class*="text-neutral-800"],
|
|
732
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-card [class*="text-neutral-700"],
|
|
733
|
+
.fk-sketch-root.light .fk-card [class*="text-neutral-700"],
|
|
734
|
+
.fk-sketch-root[data-theme="light"] .fk-card [class*="text-neutral-700"] {
|
|
735
|
+
color: #0f172a !important;
|
|
736
|
+
}
|
|
737
|
+
|
|
738
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-card [class*="text-neutral-600"],
|
|
739
|
+
.fk-sketch-root.light .fk-card [class*="text-neutral-600"],
|
|
740
|
+
.fk-sketch-root[data-theme="light"] .fk-card [class*="text-neutral-600"],
|
|
741
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-card [class*="text-neutral-500"],
|
|
742
|
+
.fk-sketch-root.light .fk-card [class*="text-neutral-500"],
|
|
743
|
+
.fk-sketch-root[data-theme="light"] .fk-card [class*="text-neutral-500"] {
|
|
744
|
+
color: #475569 !important;
|
|
745
|
+
}
|
|
746
|
+
|
|
747
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-card [class*="text-neutral-400"],
|
|
748
|
+
.fk-sketch-root.light .fk-card [class*="text-neutral-400"],
|
|
749
|
+
.fk-sketch-root[data-theme="light"] .fk-card [class*="text-neutral-400"] {
|
|
750
|
+
color: #64748b !important;
|
|
751
|
+
}
|
|
752
|
+
|
|
753
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-card [class*="uppercase"],
|
|
754
|
+
.fk-sketch-root.light .fk-card [class*="uppercase"],
|
|
755
|
+
.fk-sketch-root[data-theme="light"] .fk-card [class*="uppercase"] {
|
|
756
|
+
color: #64748b !important;
|
|
757
|
+
}
|
|
758
|
+
|
|
759
|
+
/* ==========================================================================
|
|
760
|
+
4. UNIVERSAL DARK MODE HARMONIZATION
|
|
761
|
+
Guarantees that all typography, inputs, borders, and SVGs inside .fk-sketch-root
|
|
762
|
+
have strong contrast and readable colors when in dark mode.
|
|
763
|
+
========================================================================== */
|
|
764
|
+
.fk-sketch-root.dark,
|
|
765
|
+
.fk-sketch-root[data-theme="dark"] {
|
|
766
|
+
color-scheme: dark;
|
|
767
|
+
}
|
|
768
|
+
|
|
769
|
+
.fk-sketch-root.dark [class*="text-neutral-900"],
|
|
770
|
+
.fk-sketch-root[data-theme="dark"] [class*="text-neutral-900"],
|
|
771
|
+
.fk-sketch-root.dark [class*="text-neutral-800"],
|
|
772
|
+
.fk-sketch-root[data-theme="dark"] [class*="text-neutral-800"],
|
|
773
|
+
.fk-sketch-root.dark [class*="text-neutral-700"],
|
|
774
|
+
.fk-sketch-root[data-theme="dark"] [class*="text-neutral-700"] {
|
|
775
|
+
color: #f1f5f9 !important;
|
|
776
|
+
}
|
|
777
|
+
|
|
778
|
+
.fk-sketch-root.dark [class*="text-neutral-600"],
|
|
779
|
+
.fk-sketch-root[data-theme="dark"] [class*="text-neutral-600"],
|
|
780
|
+
.fk-sketch-root.dark [class*="text-neutral-500"],
|
|
781
|
+
.fk-sketch-root[data-theme="dark"] [class*="text-neutral-500"] {
|
|
782
|
+
color: #94a3b8 !important;
|
|
783
|
+
}
|
|
784
|
+
|
|
785
|
+
.fk-sketch-root.dark [class*="text-neutral-400"],
|
|
786
|
+
.fk-sketch-root[data-theme="dark"] [class*="text-neutral-400"] {
|
|
787
|
+
color: #64748b !important;
|
|
788
|
+
}
|
|
789
|
+
|
|
790
|
+
.fk-sketch-root.dark [class*="border-black/[0.04]"],
|
|
791
|
+
.fk-sketch-root[data-theme="dark"] [class*="border-black/[0.04]"],
|
|
792
|
+
.fk-sketch-root.dark [class*="border-black/[0.05]"],
|
|
793
|
+
.fk-sketch-root[data-theme="dark"] [class*="border-black/[0.05]"],
|
|
794
|
+
.fk-sketch-root.dark [class*="border-neutral-200"],
|
|
795
|
+
.fk-sketch-root[data-theme="dark"] [class*="border-neutral-200"],
|
|
796
|
+
.fk-sketch-root.dark [class*="border-neutral-300"],
|
|
797
|
+
.fk-sketch-root[data-theme="dark"] [class*="border-neutral-300"] {
|
|
798
|
+
border-color: rgba(255, 255, 255, 0.05) !important;
|
|
799
|
+
}
|
|
800
|
+
|
|
801
|
+
/* Base Canvas Isolation */
|
|
802
|
+
.fk-sketch-canvas {
|
|
803
|
+
touch-action: none;
|
|
804
|
+
cursor: default;
|
|
805
|
+
outline: none;
|
|
806
|
+
}
|
|
807
|
+
|
|
808
|
+
/* ==========================================================================
|
|
809
|
+
SELF-CONTAINED COMPONENT SCOPED STYLES
|
|
810
|
+
Ensures perfect rendering (rounded corners, SVGs, flyouts) across all bundlers
|
|
811
|
+
========================================================================== */
|
|
812
|
+
|
|
813
|
+
/* 1. Stencils Modal, Grid & Cards */
|
|
814
|
+
.fk-stencil-modal {
|
|
815
|
+
border-radius: 22px !important;
|
|
816
|
+
}
|
|
817
|
+
|
|
818
|
+
.fk-stencil-card {
|
|
819
|
+
border-radius: 13px !important;
|
|
820
|
+
display: flex !important;
|
|
821
|
+
align-items: center !important;
|
|
822
|
+
min-height: 52px !important;
|
|
823
|
+
}
|
|
824
|
+
|
|
825
|
+
.fk-stencil-icon-box {
|
|
826
|
+
width: 36px !important;
|
|
827
|
+
height: 36px !important;
|
|
828
|
+
min-width: 36px !important;
|
|
829
|
+
min-height: 36px !important;
|
|
830
|
+
border-radius: 9px !important;
|
|
831
|
+
flex-shrink: 0 !important;
|
|
832
|
+
display: flex !important;
|
|
833
|
+
align-items: center !important;
|
|
834
|
+
justify-content: center !important;
|
|
835
|
+
}
|
|
836
|
+
|
|
837
|
+
.fk-stencil-icon-box svg {
|
|
838
|
+
width: 22px !important;
|
|
839
|
+
height: 22px !important;
|
|
840
|
+
max-width: 22px !important;
|
|
841
|
+
max-height: 22px !important;
|
|
842
|
+
display: block !important;
|
|
843
|
+
}
|
|
844
|
+
|
|
845
|
+
/* 2. Shapes & Tool Flyouts */
|
|
846
|
+
.fk-shapes-flyout {
|
|
847
|
+
width: 230px !important;
|
|
848
|
+
min-width: 230px !important;
|
|
849
|
+
border-radius: 14px !important;
|
|
850
|
+
padding: 10px !important;
|
|
851
|
+
box-shadow:
|
|
852
|
+
0 12px 36px -4px rgba(0, 0, 0, 0.25),
|
|
853
|
+
0 0 0 1px var(--fk-border) !important;
|
|
854
|
+
}
|
|
855
|
+
|
|
856
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-shapes-flyout {
|
|
857
|
+
background-color: rgba(255, 255, 255, 0.98) !important;
|
|
858
|
+
color: #1e293b !important;
|
|
859
|
+
}
|
|
860
|
+
|
|
861
|
+
.fk-sketch-root.dark .fk-shapes-flyout,
|
|
862
|
+
.fk-sketch-root[data-theme="dark"] .fk-shapes-flyout {
|
|
863
|
+
background-color: rgba(22, 23, 27, 0.98) !important;
|
|
864
|
+
color: #f3f4f6 !important;
|
|
865
|
+
}
|
|
866
|
+
|
|
867
|
+
.fk-shapes-flyout button {
|
|
868
|
+
border-radius: 9px !important;
|
|
869
|
+
}
|
|
870
|
+
|
|
871
|
+
/* 3. Templates Flyout */
|
|
872
|
+
.fk-templates-flyout {
|
|
873
|
+
width: 380px !important;
|
|
874
|
+
max-width: 90vw !important;
|
|
875
|
+
border-radius: 16px !important;
|
|
876
|
+
box-shadow:
|
|
877
|
+
0 12px 40px -4px rgba(0, 0, 0, 0.28),
|
|
878
|
+
0 0 0 1px var(--fk-border) !important;
|
|
879
|
+
}
|
|
880
|
+
|
|
881
|
+
.fk-sketch-root.dark .fk-template-btn-insert,
|
|
882
|
+
.fk-sketch-root[data-theme="dark"] .fk-template-btn-insert {
|
|
883
|
+
background-color: #2563eb !important;
|
|
884
|
+
color: #ffffff !important;
|
|
885
|
+
}
|
|
886
|
+
.fk-sketch-root.dark .fk-template-btn-insert:hover,
|
|
887
|
+
.fk-sketch-root[data-theme="dark"] .fk-template-btn-insert:hover {
|
|
888
|
+
background-color: #3b82f6 !important;
|
|
889
|
+
color: #ffffff !important;
|
|
890
|
+
}
|
|
891
|
+
.fk-sketch-root.dark .fk-template-tab-active,
|
|
892
|
+
.fk-sketch-root[data-theme="dark"] .fk-template-tab-active {
|
|
893
|
+
background-color: #2563eb !important;
|
|
894
|
+
color: #ffffff !important;
|
|
895
|
+
}
|
|
896
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-template-tab-active,
|
|
897
|
+
.fk-sketch-root.light .fk-template-tab-active,
|
|
898
|
+
.fk-sketch-root[data-theme="light"] .fk-template-tab-active {
|
|
899
|
+
background-color: #171717 !important;
|
|
900
|
+
color: #ffffff !important;
|
|
901
|
+
}
|
|
902
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-template-btn-insert,
|
|
903
|
+
.fk-sketch-root.light .fk-template-btn-insert,
|
|
904
|
+
.fk-sketch-root[data-theme="light"] .fk-template-btn-insert {
|
|
905
|
+
background-color: #171717 !important;
|
|
906
|
+
color: #ffffff !important;
|
|
907
|
+
}
|
|
908
|
+
.fk-sketch-root:not(.dark):not([data-theme="dark"]) .fk-template-btn-insert:hover,
|
|
909
|
+
.fk-sketch-root.light .fk-template-btn-insert:hover,
|
|
910
|
+
.fk-sketch-root[data-theme="light"] .fk-template-btn-insert:hover {
|
|
911
|
+
background-color: #000000 !important;
|
|
912
|
+
color: #ffffff !important;
|
|
913
|
+
}
|
|
914
|
+
|
|
915
|
+
.fk-template-thumb {
|
|
916
|
+
width: 112px !important;
|
|
917
|
+
height: 80px !important;
|
|
918
|
+
min-width: 112px !important;
|
|
919
|
+
min-height: 80px !important;
|
|
920
|
+
border-radius: 8px !important;
|
|
921
|
+
flex-shrink: 0 !important;
|
|
922
|
+
}
|
|
923
|
+
|
|
924
|
+
/* 4. Export & Shortcuts Modals */
|
|
925
|
+
.fk-export-modal {
|
|
926
|
+
max-width: 28rem !important;
|
|
927
|
+
border-radius: 22px !important;
|
|
928
|
+
}
|
|
929
|
+
|
|
930
|
+
.fk-shortcuts-modal {
|
|
931
|
+
max-width: 42rem !important;
|
|
932
|
+
border-radius: 22px !important;
|
|
933
|
+
}
|