motus-ui 0.1.0
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/LICENSE +21 -0
- package/README.md +38 -0
- package/dist/ExpandableTab.d.ts +2 -0
- package/dist/ExpandableTab.d.ts.map +1 -0
- package/dist/PortfolioPieces.d.ts +39 -0
- package/dist/PortfolioPieces.d.ts.map +1 -0
- package/dist/buttons/ClickKey.d.ts +6 -0
- package/dist/buttons/ClickKey.d.ts.map +1 -0
- package/dist/buttons/CopyLinkButton.d.ts +7 -0
- package/dist/buttons/CopyLinkButton.d.ts.map +1 -0
- package/dist/buttons/ResumeDownloadButton.d.ts +9 -0
- package/dist/buttons/ResumeDownloadButton.d.ts.map +1 -0
- package/dist/effects/MagneticHalftone.d.ts +2 -0
- package/dist/effects/MagneticHalftone.d.ts.map +1 -0
- package/dist/effects/MercuryFlow.d.ts +2 -0
- package/dist/effects/MercuryFlow.d.ts.map +1 -0
- package/dist/effects/SpectralVeil.d.ts +2 -0
- package/dist/effects/SpectralVeil.d.ts.map +1 -0
- package/dist/index.d.ts +15 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +2420 -0
- package/dist/motion/TextMotion.d.ts +67 -0
- package/dist/motion/TextMotion.d.ts.map +1 -0
- package/dist/styles.css +2 -0
- package/dist/styles.d.ts +2 -0
- package/dist/styles.d.ts.map +1 -0
- package/package.json +79 -0
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
declare const variants: readonly [{
|
|
2
|
+
readonly id: "lift";
|
|
3
|
+
readonly label: "Lift";
|
|
4
|
+
}, {
|
|
5
|
+
readonly id: "hinge";
|
|
6
|
+
readonly label: "Hinge";
|
|
7
|
+
}, {
|
|
8
|
+
readonly id: "drift";
|
|
9
|
+
readonly label: "Drift";
|
|
10
|
+
}, {
|
|
11
|
+
readonly id: "ripple";
|
|
12
|
+
readonly label: "Ripple";
|
|
13
|
+
}, {
|
|
14
|
+
readonly id: "stretch";
|
|
15
|
+
readonly label: "Stretch";
|
|
16
|
+
}, {
|
|
17
|
+
readonly id: "cascade";
|
|
18
|
+
readonly label: "Cascade";
|
|
19
|
+
}, {
|
|
20
|
+
readonly id: "magnet";
|
|
21
|
+
readonly label: "Magnet";
|
|
22
|
+
}, {
|
|
23
|
+
readonly id: "arc";
|
|
24
|
+
readonly label: "Arc";
|
|
25
|
+
}, {
|
|
26
|
+
readonly id: "roll";
|
|
27
|
+
readonly label: "Roll";
|
|
28
|
+
}, {
|
|
29
|
+
readonly id: "echo";
|
|
30
|
+
readonly label: "Echo";
|
|
31
|
+
}, {
|
|
32
|
+
readonly id: "shutter";
|
|
33
|
+
readonly label: "Shutter";
|
|
34
|
+
}, {
|
|
35
|
+
readonly id: "orbit";
|
|
36
|
+
readonly label: "Orbit";
|
|
37
|
+
}, {
|
|
38
|
+
readonly id: "weight";
|
|
39
|
+
readonly label: "Weight";
|
|
40
|
+
}, {
|
|
41
|
+
readonly id: "sweep";
|
|
42
|
+
readonly label: "Sweep";
|
|
43
|
+
}, {
|
|
44
|
+
readonly id: "scatter";
|
|
45
|
+
readonly label: "Scatter";
|
|
46
|
+
}, {
|
|
47
|
+
readonly id: "pulse";
|
|
48
|
+
readonly label: "Pulse";
|
|
49
|
+
}, {
|
|
50
|
+
readonly id: "drop";
|
|
51
|
+
readonly label: "Drop";
|
|
52
|
+
}, {
|
|
53
|
+
readonly id: "fan";
|
|
54
|
+
readonly label: "Fan";
|
|
55
|
+
}, {
|
|
56
|
+
readonly id: "ticker";
|
|
57
|
+
readonly label: "Ticker";
|
|
58
|
+
}];
|
|
59
|
+
export type TextMotionVariant = (typeof variants)[number]['id'];
|
|
60
|
+
export type TextMotionProps = {
|
|
61
|
+
text?: string;
|
|
62
|
+
alternateText?: string;
|
|
63
|
+
variant?: TextMotionVariant;
|
|
64
|
+
};
|
|
65
|
+
export declare function TextMotion({ text, alternateText, variant, }: TextMotionProps): import("react").JSX.Element;
|
|
66
|
+
export default TextMotion;
|
|
67
|
+
//# sourceMappingURL=TextMotion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextMotion.d.ts","sourceRoot":"","sources":["../../src/motion/TextMotion.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBJ,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,IAAsB,EACtB,aAA+B,EAC/B,OAAgB,GACjB,EAAE,eAAe,+BAmqBjB;AAED,eAAe,UAAU,CAAC"}
|
package/dist/styles.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--blur-sm:8px;--blur-xl:24px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-3{inset:calc(var(--spacing) * 3)}.inset-\[14\%\]{inset:14%}.inset-px{inset:1px}.inset-x-0{inset-inline:0}.inset-x-2{inset-inline:calc(var(--spacing) * 2)}.-top-7{top:calc(var(--spacing) * -7)}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:0}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-\[16\%\]{top:16%}.top-\[18\%\]{top:18%}.top-\[30\%\]{top:30%}.-right-2{right:calc(var(--spacing) * -2)}.-right-5{right:calc(var(--spacing) * -5)}.-right-10{right:calc(var(--spacing) * -10)}.-right-12{right:calc(var(--spacing) * -12)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.right-\[16\%\]{right:16%}.right-\[17\%\]{right:17%}.-bottom-2{bottom:calc(var(--spacing) * -2)}.bottom-0{bottom:0}.bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-\[2px\]{bottom:2px}.bottom-\[16\%\]{bottom:16%}.bottom-\[18\%\]{bottom:18%}.bottom-\[72px\]{bottom:72px}.-left-0,.left-0{left:0}.left-1{left:var(--spacing)}.left-1\.5{left:calc(var(--spacing) * 1.5)}.left-4{left:calc(var(--spacing) * 4)}.left-6{left:calc(var(--spacing) * 6)}.left-\[9px\]{left:9px}.left-\[17\%\]{left:17%}.left-\[18\%\]{left:18%}.left-\[20\%\]{left:20%}.left-\[30\%\]{left:30%}.left-\[34\%\]{left:34%}.left-\[52\%\]{left:52%}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.-z-20{z-index:calc(20 * -1)}.-z-30{z-index:calc(30 * -1)}.z-10{z-index:10}.m-4{margin:calc(var(--spacing) * 4)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-full{width:100%;height:100%}.h-0{height:0}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-64{height:calc(var(--spacing) * 64)}.h-96{height:calc(var(--spacing) * 96)}.h-\[1em\]{height:1em}.h-\[2px\]{height:2px}.h-\[5px\]{height:5px}.h-\[17rem\]{height:17rem}.h-\[18\.5rem\]{height:18.5rem}.h-\[21rem\]{height:21rem}.h-\[24rem\]{height:24rem}.h-\[25px\]{height:25px}.h-\[27rem\]{height:27rem}.h-\[32\%\]{height:32%}.h-\[40\%\]{height:40%}.h-\[50px\]{height:50px}.h-\[52\%\]{height:52%}.h-\[52px\]{height:52px}.h-\[56\%\]{height:56%}.h-\[64\%\]{height:64%}.h-\[78px\]{height:78px}.h-\[clamp\(22rem\,58vw\,38rem\)\]{height:clamp(22rem,58vw,38rem)}.h-\[clamp\(34rem\,68cqw\,46rem\)\]{height:clamp(34rem,68cqw,46rem)}.h-full{height:100%}.h-px{height:1px}.min-h-\[11rem\]{min-height:11rem}.min-h-\[16rem\]{min-height:16rem}.min-h-\[17rem\]{min-height:17rem}.min-h-\[18rem\]{min-height:18rem}.min-h-\[22rem\]{min-height:22rem}.min-h-\[24rem\]{min-height:24rem}.min-h-\[30rem\]{min-height:30rem}.min-h-\[31rem\]{min-height:31rem}.min-h-\[32rem\]{min-height:32rem}.min-h-\[34rem\]{min-height:34rem}.min-h-\[36rem\]{min-height:36rem}.min-h-\[38rem\]{min-height:38rem}.w-0{width:0}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-20{width:calc(var(--spacing) * 20)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-\[\.3em\]{width:.3em}.w-\[\.34em\]{width:.34em}.w-\[\.62em\]{width:.62em}.w-\[11rem\]{width:11rem}.w-\[20px\]{width:20px}.w-\[34\%\]{width:34%}.w-\[40\%\]{width:40%}.w-\[52px\]{width:52px}.w-\[58\%\]{width:58%}.w-\[64\%\]{width:64%}.w-\[190px\]{width:190px}.w-\[202px\]{width:202px}.w-\[236px\]{width:236px}.w-\[244px\]{width:244px}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-\[15rem\]{max-width:15rem}.max-w-\[17rem\]{max-width:17rem}.max-w-\[18rem\]{max-width:18rem}.max-w-\[19rem\]{max-width:19rem}.max-w-\[20rem\]{max-width:20rem}.max-w-\[23rem\]{max-width:23rem}.max-w-\[24rem\]{max-width:24rem}.max-w-\[28rem\]{max-width:28rem}.max-w-\[34rem\]{max-width:34rem}.max-w-\[38rem\]{max-width:38rem}.max-w-\[40rem\]{max-width:40rem}.max-w-\[42rem\]{max-width:42rem}.max-w-\[43rem\]{max-width:43rem}.max-w-\[44rem\]{max-width:44rem}.min-w-0{min-width:0}.min-w-11{min-width:calc(var(--spacing) * 11)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.basis-0{flex-basis:0}.\[transform-origin\:center_top\]{transform-origin:top}.origin-center{transform-origin:50%}.-translate-x-1{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-2{--tw-translate-x:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[6px\]{--tw-translate-x:6px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[6px\]{--tw-translate-y:6px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-6{rotate:-6deg}.-rotate-12{rotate:-12deg}.rotate-6{rotate:6deg}.rotate-12{rotate:12deg}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[24px_1fr_auto\]{grid-template-columns:24px 1fr auto}.grid-cols-\[28px_1fr_auto\]{grid-template-columns:28px 1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}: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)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-white\/10>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){:where(.divide-white\/10>:not(:last-child)){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[\.9rem\]{border-radius:.9rem}.rounded-\[\.95rem\]{border-radius:.95rem}.rounded-\[1\.2rem\]{border-radius:1.2rem}.rounded-\[1\.3rem\]{border-radius:1.3rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[1\.6rem\]{border-radius:1.6rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[1\.35rem\]{border-radius:1.35rem}.rounded-\[1\.45rem\]{border-radius:1.45rem}.rounded-\[1\.55rem\]{border-radius:1.55rem}.rounded-\[1\.65rem\]{border-radius:1.65rem}.rounded-\[2\.2rem\]{border-radius:2.2rem}.rounded-\[2\.8rem\]{border-radius:2.8rem}.rounded-\[2\.25rem\]{border-radius:2.25rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[3\.2rem\]{border-radius:3.2rem}.rounded-\[3px\]{border-radius:3px}.rounded-\[5px\]{border-radius:5px}.rounded-\[12px\]{border-radius:12px}.rounded-\[16px\]{border-radius:16px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[10px\]{border-style:var(--tw-border-style);border-width:10px}.border-\[14px\]{border-style:var(--tw-border-style);border-width:14px}.border-\[18px\]{border-style:var(--tw-border-style);border-width:18px}.border-\[28px\]{border-style:var(--tw-border-style);border-width:28px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#7bbf49\]\/25{border-color:oklab(73.4502% -.115836 .119278/.25)}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.border-black\/12{border-color:#0000001f}@supports (color:color-mix(in lab, red, red)){.border-black\/12{border-color:color-mix(in oklab, var(--color-black) 12%, transparent)}}.border-black\/15{border-color:#00000026}@supports (color:color-mix(in lab, red, red)){.border-black\/15{border-color:color-mix(in oklab, var(--color-black) 15%, transparent)}}.border-black\/25{border-color:#00000040}@supports (color:color-mix(in lab, red, red)){.border-black\/25{border-color:color-mix(in oklab, var(--color-black) 25%, transparent)}}.border-black\/70{border-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.border-black\/70{border-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.border-black\/\[\.07\]{border-color:#00000012}@supports (color:color-mix(in lab, red, red)){.border-black\/\[\.07\]{border-color:color-mix(in oklab, var(--color-black) 7.0%, transparent)}}.border-black\/\[\.08\]{border-color:#00000014}@supports (color:color-mix(in lab, red, red)){.border-black\/\[\.08\]{border-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.border-black\/\[\.09\]{border-color:#00000017}@supports (color:color-mix(in lab, red, red)){.border-black\/\[\.09\]{border-color:color-mix(in oklab, var(--color-black) 9%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/12{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.border-white\/12{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/55{border-color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.border-white\/55{border-color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.border-white\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.border-white\/70{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.border-white\/80{border-color:#fffc}@supports (color:color-mix(in lab, red, red)){.border-white\/80{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.border-white\/85{border-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.border-white\/85{border-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.border-white\/\[\.1\]{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/\[\.1\]{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/\[\.18\]{border-color:#ffffff2e}@supports (color:color-mix(in lab, red, red)){.border-white\/\[\.18\]{border-color:color-mix(in oklab, var(--color-white) 18%, transparent)}}.border-white\/\[\.34\]{border-color:#ffffff57}@supports (color:color-mix(in lab, red, red)){.border-white\/\[\.34\]{border-color:color-mix(in oklab, var(--color-white) 34%, transparent)}}.border-zinc-100{border-color:var(--color-zinc-100)}.border-zinc-200{border-color:var(--color-zinc-200)}.bg-\[\#8ee0a9\]{background-color:#8ee0a9}.bg-\[\#23b26d\]{background-color:#23b26d}.bg-\[\#30c466\]{background-color:#30c466}.bg-\[\#30c466\]\/40{background-color:oklab(72.3598% -.157155 .0887677/.4)}.bg-\[\#61a936\]{background-color:#61a936}.bg-\[\#111\]{background-color:#111}.bg-\[\#7468ff\]{background-color:#7468ff}.bg-\[\#7468ff\]\/10{background-color:oklab(61.1264% .0429743 -.212035/.1)}.bg-\[\#7468ff\]\/\[\.07\]{background-color:oklab(61.1264% .0429743 -.212035/.07)}.bg-\[\#18181b\]{background-color:#18181b}.bg-\[\#090909\]\/95{background-color:oklab(13.9791% -7.45058e-9 1.49012e-8/.95)}.bg-\[\#101011\]{background-color:#101011}.bg-\[\#141417\]{background-color:#141417}.bg-\[\#151515\]{background-color:#151515}.bg-\[\#161616\]{background-color:#161616}.bg-\[\#171717\]{background-color:#171717}.bg-\[\#a8ff78\]{background-color:#a8ff78}.bg-\[\#b5d8ff\]{background-color:#b5d8ff}.bg-\[\#c7c7cc\]{background-color:#c7c7cc}.bg-\[\#c7ff4d\]{background-color:#c7ff4d}.bg-\[\#dfe1e8\]{background-color:#dfe1e8}.bg-\[\#dff6ed\]{background-color:#dff6ed}.bg-\[\#e8f8d9\]{background-color:#e8f8d9}.bg-\[\#e9e5ff\]{background-color:#e9e5ff}.bg-\[\#f3f3f5\]{background-color:#f3f3f5}.bg-\[\#f4f2ff\]{background-color:#f4f2ff}.bg-\[\#f5f4ef\]\/95{background-color:oklab(96.6536% -.000858843 .00665683/.95)}.bg-\[\#f5f5f7\]{background-color:#f5f5f7}.bg-\[\#f5f5f7\]\/88{background-color:oklab(97.0714% .000746191 -.00254327/.88)}.bg-\[\#f8f7f2\]\/95{background-color:oklab(97.5522% -.000856727 .00664163/.95)}.bg-\[\#f8f7f3\]\/95{background-color:oklab(97.5795% -.000479847 .00537866/.95)}.bg-\[\#ffb38a\]\/70{background-color:oklab(82.9615% .0683187 .0790683/.7)}.bg-\[\#ffbf8f\]{background-color:#ffbf8f}.bg-\[\#fff1e9\]{background-color:#fff1e9}.bg-\[radial-gradient\(circle_at_20\%_15\%\,rgba\(119\,108\,255\,\.26\)\,transparent_32\%\)\,radial-gradient\(circle_at_84\%_78\%\,rgba\(255\,107\,72\,\.22\)\,transparent_31\%\)\,\#11131a\]{background-color:radial-gradient(circle at 20% 15%,#776cff42,transparent 32%),radial-gradient(circle at 84% 78%,#ff6b4838,transparent 31%),#11131a}.bg-\[radial-gradient\(circle_at_22\%_18\%\,rgba\(116\,104\,255\,\.18\)\,transparent_28\%\)\,radial-gradient\(circle_at_82\%_72\%\,rgba\(255\,107\,69\,\.2\)\,transparent_30\%\)\,\#e9edf4\]{background-color:radial-gradient(circle at 22% 18%,#7468ff2e,transparent 28%),radial-gradient(circle at 82% 72%,#ff6b4533,transparent 30%),#e9edf4}.bg-black{background-color:var(--color-black)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/25{background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.bg-black\/25{background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/\[\.1\]{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/\[\.1\]{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-black\/\[\.3\]{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/\[\.3\]{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/\[\.08\]{background-color:#00000014}@supports (color:color-mix(in lab, red, red)){.bg-black\/\[\.08\]{background-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.bg-black\/\[\.09\]{background-color:#00000017}@supports (color:color-mix(in lab, red, red)){.bg-black\/\[\.09\]{background-color:color-mix(in oklab, var(--color-black) 9%, transparent)}}.bg-black\/\[\.025\]{background-color:#00000006}@supports (color:color-mix(in lab, red, red)){.bg-black\/\[\.025\]{background-color:color-mix(in oklab, var(--color-black) 2.5%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.bg-white\/55{background-color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.bg-white\/55{background-color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-white\/65{background-color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.bg-white\/65{background-color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.bg-white\/72{background-color:#ffffffb8}@supports (color:color-mix(in lab, red, red)){.bg-white\/72{background-color:color-mix(in oklab, var(--color-white) 72%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/\[\.06\]{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[\.06\]{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.bg-white\/\[\.08\]{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[\.08\]{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.bg-white\/\[\.055\]{background-color:#ffffff0e}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[\.055\]{background-color:color-mix(in oklab, var(--color-white) 5.5%, transparent)}}.bg-white\/\[\.075\]{background-color:#ffffff13}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[\.075\]{background-color:color-mix(in oklab, var(--color-white) 7.5%, transparent)}}.bg-zinc-100{background-color:var(--color-zinc-100)}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-\[linear-gradient\(90deg\,transparent_49\%\,rgba\(0\,0\,0\,\.08\)_50\%\,transparent_51\%\)\,linear-gradient\(transparent_49\%\,rgba\(0\,0\,0\,\.08\)_50\%\,transparent_51\%\)\]{background-image:linear-gradient(90deg,#0000 49%,#00000014 50%,#0000 51%),linear-gradient(#0000 49%,#00000014 50%,#0000 51%)}.bg-\[linear-gradient\(110deg\,rgba\(255\,255\,255\,\.32\)\,transparent_38\%\,rgba\(20\,20\,20\,\.06\)\)\]{background-image:linear-gradient(110deg,#ffffff52,#0000 38%,#1414140f)}.bg-\[linear-gradient\(145deg\,rgba\(255\,255\,255\,\.15\)\,rgba\(255\,255\,255\,\.035\)_42\%\,rgba\(255\,255\,255\,\.08\)_72\%\,rgba\(255\,255\,255\,\.12\)\)\]{background-image:linear-gradient(145deg,#ffffff26,#ffffff09 42%,#ffffff14 72%,#ffffff1f)}.bg-\[radial-gradient\(circle_at_28\%_0\%\,rgba\(255\,255\,255\,\.22\)\,transparent_38\%\)\,linear-gradient\(115deg\,transparent_40\%\,rgba\(132\,148\,255\,\.18\)\,transparent_76\%\)\]{background-image:radial-gradient(circle at 28% 0,#ffffff38,#0000 38%),linear-gradient(115deg,#0000 40%,#8494ff2e,#0000 76%)}.bg-\[radial-gradient\(circle_at_68\%_32\%\,rgba\(255\,255\,255\,\.18\)\,transparent_22\%\)\,radial-gradient\(circle_at_36\%_68\%\,rgba\(125\,141\,255\,\.26\)\,transparent_26\%\)\,linear-gradient\(145deg\,\#18191c\,\#050506\)\]{background-image:radial-gradient(circle at 68% 32%,#ffffff2e,#0000 22%),radial-gradient(circle at 36% 68%,#7d8dff42,#0000 26%),linear-gradient(145deg,#18191c,#050506)}.bg-\[size\:34px_34px\]{background-size:34px 34px}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.45rem\]{font-size:1.45rem}.text-\[1\.65rem\]{font-size:1.65rem}.text-\[1\.85rem\]{font-size:1.85rem}.text-\[2\.7rem\]{font-size:2.7rem}.text-\[2\.8rem\]{font-size:2.8rem}.text-\[2\.35rem\]{font-size:2.35rem}.text-\[2\.65rem\]{font-size:2.65rem}.text-\[2rem\]{font-size:2rem}.text-\[3\.6rem\]{font-size:3.6rem}.text-\[4\.2rem\]{font-size:4.2rem}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[clamp\(2\.35rem\,9cqw\,6\.5rem\)\]{font-size:clamp(2.35rem,9cqw,6.5rem)}.text-\[clamp\(4rem\,10vw\,9rem\)\]{font-size:clamp(4rem,10vw,9rem)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[\.9\]{--tw-leading:.9;line-height:.9}.leading-\[\.78\]{--tw-leading:.78;line-height:.78}.leading-\[\.91\]{--tw-leading:.91;line-height:.91}.leading-\[\.92\]{--tw-leading:.92;line-height:.92}.leading-\[\.98\]{--tw-leading:.98;line-height:.98}.leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-\.1em\]{--tw-tracking:-.1em;letter-spacing:-.1em}.tracking-\[-\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[-\.06em\]{--tw-tracking:-.06em;letter-spacing:-.06em}.tracking-\[-\.07em\]{--tw-tracking:-.07em;letter-spacing:-.07em}.tracking-\[-\.08em\]{--tw-tracking:-.08em;letter-spacing:-.08em}.tracking-\[-\.055em\]{--tw-tracking:-.055em;letter-spacing:-.055em}.tracking-\[-\.065em\]{--tw-tracking:-.065em;letter-spacing:-.065em}.tracking-\[-\.075em\]{--tw-tracking:-.075em;letter-spacing:-.075em}.tracking-\[-\.085em\]{--tw-tracking:-.085em;letter-spacing:-.085em}.tracking-\[-\.095em\]{--tw-tracking:-.095em;letter-spacing:-.095em}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[\.13em\]{--tw-tracking:.13em;letter-spacing:.13em}.tracking-\[\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[\.17em\]{--tw-tracking:.17em;letter-spacing:.17em}.tracking-\[\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.\!text-black{color:var(--color-black)!important}.\!text-white{color:var(--color-white)!important}.text-\[\#5a45d6\]{color:#5a45d6}.text-\[\#5b49c8\]{color:#5b49c8}.text-\[\#5c51df\]{color:#5c51df}.text-\[\#6d5be8\]{color:#6d5be8}.text-\[\#111\]{color:#111}.text-\[\#08795c\]{color:#08795c}.text-\[\#15132a\]{color:#15132a}.text-\[\#15132a\]\/45{color:oklab(20.2661% .0121069 -.0433358/.45)}.text-\[\#15132a\]\/52{color:oklab(20.2661% .0121069 -.0433358/.52)}.text-\[\#47752b\]{color:#47752b}.text-\[\#171717\]{color:#171717}.text-\[\#171719\]{color:#171719}.text-\[\#a94f22\]{color:#a94f22}.text-\[\#b9dfc6\]{color:#b9dfc6}.text-\[\#c7ff4d\]{color:#c7ff4d}.text-\[\#ff6b45\]{color:#ff6b45}.text-\[\#ffd0cc\]{color:#ffd0cc}.text-black{color:var(--color-black)}.text-black\/25{color:#00000040}@supports (color:color-mix(in lab, red, red)){.text-black\/25{color:color-mix(in oklab, var(--color-black) 25%, transparent)}}.text-black\/26{color:#00000042}@supports (color:color-mix(in lab, red, red)){.text-black\/26{color:color-mix(in oklab, var(--color-black) 26%, transparent)}}.text-black\/28{color:#00000047}@supports (color:color-mix(in lab, red, red)){.text-black\/28{color:color-mix(in oklab, var(--color-black) 28%, transparent)}}.text-black\/30{color:#0000004d}@supports (color:color-mix(in lab, red, red)){.text-black\/30{color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.text-black\/32{color:#00000052}@supports (color:color-mix(in lab, red, red)){.text-black\/32{color:color-mix(in oklab, var(--color-black) 32%, transparent)}}.text-black\/34{color:#00000057}@supports (color:color-mix(in lab, red, red)){.text-black\/34{color:color-mix(in oklab, var(--color-black) 34%, transparent)}}.text-black\/35{color:#00000059}@supports (color:color-mix(in lab, red, red)){.text-black\/35{color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.text-black\/38{color:#00000061}@supports (color:color-mix(in lab, red, red)){.text-black\/38{color:color-mix(in oklab, var(--color-black) 38%, transparent)}}.text-black\/42{color:#0000006b}@supports (color:color-mix(in lab, red, red)){.text-black\/42{color:color-mix(in oklab, var(--color-black) 42%, transparent)}}.text-black\/44{color:#00000070}@supports (color:color-mix(in lab, red, red)){.text-black\/44{color:color-mix(in oklab, var(--color-black) 44%, transparent)}}.text-black\/45{color:#00000073}@supports (color:color-mix(in lab, red, red)){.text-black\/45{color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.text-black\/46{color:#00000075}@supports (color:color-mix(in lab, red, red)){.text-black\/46{color:color-mix(in oklab, var(--color-black) 46%, transparent)}}.text-black\/48{color:#0000007a}@supports (color:color-mix(in lab, red, red)){.text-black\/48{color:color-mix(in oklab, var(--color-black) 48%, transparent)}}.text-black\/52{color:#00000085}@supports (color:color-mix(in lab, red, red)){.text-black\/52{color:color-mix(in oklab, var(--color-black) 52%, transparent)}}.text-black\/58{color:#00000094}@supports (color:color-mix(in lab, red, red)){.text-black\/58{color:color-mix(in oklab, var(--color-black) 58%, transparent)}}.text-black\/\[\.12\]{color:#0000001f}@supports (color:color-mix(in lab, red, red)){.text-black\/\[\.12\]{color:color-mix(in oklab, var(--color-black) 12%, transparent)}}.text-white{color:var(--color-white)}.text-white\/35{color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.text-white\/35{color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.text-white\/36{color:#ffffff5c}@supports (color:color-mix(in lab, red, red)){.text-white\/36{color:color-mix(in oklab, var(--color-white) 36%, transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/42{color:#ffffff6b}@supports (color:color-mix(in lab, red, red)){.text-white\/42{color:color-mix(in oklab, var(--color-white) 42%, transparent)}}.text-white\/44{color:#ffffff70}@supports (color:color-mix(in lab, red, red)){.text-white\/44{color:color-mix(in oklab, var(--color-white) 44%, transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.text-white\/45{color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.text-white\/48{color:#ffffff7a}@supports (color:color-mix(in lab, red, red)){.text-white\/48{color:color-mix(in oklab, var(--color-white) 48%, transparent)}}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.text-white\/55{color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-950{color:var(--color-zinc-950)}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.opacity-100{opacity:1}.mix-blend-screen{mix-blend-mode:screen}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_3px_rgba\(142\,224\,169\,\.08\)\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#8ee0a914);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_5px_rgba\(35\,178\,109\,\.11\)\]{--tw-shadow:0 0 0 5px var(--tw-shadow-color,#23b26d1c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_6px_rgba\(48\,196\,102\,\.12\)\]{--tw-shadow:0 0 0 6px var(--tw-shadow-color,#30c4661f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_3px_8px_rgba\(0\,0\,0\,\.22\)\]{--tw-shadow:0 3px 8px var(--tw-shadow-color,#00000038);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_5px_16px_rgba\(0\,0\,0\,\.04\)\]{--tw-shadow:0 5px 16px 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)}.shadow-\[0_10px_24px_rgba\(0\,0\,0\,\.2\)\]{--tw-shadow:0 10px 24px 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)}.shadow-\[0_12px_28px_rgba\(0\,0\,0\,\.18\)\]{--tw-shadow:0 12px 28px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_30px_rgba\(0\,0\,0\,\.2\)\]{--tw-shadow:0 12px 30px 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)}.shadow-\[0_14px_32px_rgba\(0\,0\,0\,\.23\)\]{--tw-shadow:0 14px 32px var(--tw-shadow-color,#0000003b);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_14px_32px_rgba\(0\,0\,0\,\.24\)\]{--tw-shadow:0 14px 32px var(--tw-shadow-color,#0000003d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_16px_45px_rgba\(34\,35\,46\,\.08\)\]{--tw-shadow:0 16px 45px var(--tw-shadow-color,#22232e14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_42px_rgba\(15\,23\,42\,0\.14\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.9\)\]{--tw-shadow:0 18px 42px var(--tw-shadow-color,#0f172a24), inset 0 1px 0 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)}.shadow-\[0_20px_46px_rgba\(15\,23\,42\,0\.24\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.16\)\]{--tw-shadow:0 20px 46px var(--tw-shadow-color,#0f172a3d), inset 0 1px 0 var(--tw-shadow-color,#ffffff29);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_70px_rgba\(0\,0\,0\,\.34\)\]{--tw-shadow:0 24px 70px var(--tw-shadow-color,#00000057);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_26px_60px_rgba\(40\,40\,80\,\.15\)\]{--tw-shadow:0 26px 60px var(--tw-shadow-color,#28285026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_32px_90px_rgba\(0\,0\,0\,\.12\)\]{--tw-shadow:0 32px 90px 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)}.shadow-\[0_32px_90px_rgba\(0\,0\,0\,\.28\)\]{--tw-shadow:0 32px 90px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_35px_100px_rgba\(0\,0\,0\,\.14\)\]{--tw-shadow:0 35px 100px var(--tw-shadow-color,#00000024);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[12px_16px_0_rgba\(0\,0\,0\,\.05\)\]{--tw-shadow:12px 16px 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)}.shadow-\[inset_0_1px_0_\#fff\,0_30px_90px_rgba\(42\,48\,70\,\.18\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#fff), 0 30px 90px var(--tw-shadow-color,#2a30462e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_\#fff\,0_34px_100px_rgba\(0\,0\,0\,\.32\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#fff), 0 34px 100px var(--tw-shadow-color,#00000052);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_\#fff\,0_34px_100px_rgba\(35\,39\,56\,\.2\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#fff), 0 34px 100px var(--tw-shadow-color,#23273833);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.8\)\]{--tw-shadow:inset 0 1px 0 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)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.9\)\,0_28px_80px_rgba\(25\,25\,35\,\.16\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffffe6), 0 28px 80px var(--tw-shadow-color,#19192329);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.16\)\,0_10px_24px_rgba\(24\,24\,27\,\.24\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff29), 0 10px 24px var(--tw-shadow-color,#18181b3d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.24\)\,0_30px_70px_rgba\(0\,0\,0\,\.32\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff3d), 0 30px 70px var(--tw-shadow-color,#00000052);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.34\)\,inset_0_-1px_0_rgba\(255\,255\,255\,\.04\)\,0_22px_70px_rgba\(0\,0\,0\,\.35\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff57), inset 0 -1px 0 var(--tw-shadow-color,#ffffff0a), 0 22px 70px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.48\)\,inset_0_-1px_0_rgba\(255\,255\,255\,\.10\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff7a), inset 0 -1px 0 var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.055\)\,0_28px_90px_rgba\(0\,0\,0\,\.42\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff0e), 0 28px 90px var(--tw-shadow-color,#0000006b);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.58\)\,inset_0_-1px_0_rgba\(255\,255\,255\,\.08\)\,inset_1px_0_0_rgba\(255\,255\,255\,\.18\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff94), inset 0 -1px 0 var(--tw-shadow-color,#ffffff14), inset 1px 0 0 var(--tw-shadow-color,#ffffff2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.68\)\,inset_0_-2px_1px_rgba\(0\,0\,0\,\.18\)\,inset_1px_0_0_rgba\(255\,255\,255\,\.22\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffffad), inset 0 -2px 1px var(--tw-shadow-color,#0000002e), inset 1px 0 0 var(--tw-shadow-color,#ffffff38);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.12\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.18\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,1\)\,0_18px_45px_rgba\(40\,45\,62\,\.12\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#fff), 0 18px 45px var(--tw-shadow-color,#282d3e1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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)}.shadow-zinc-200\/50{--tw-shadow-color:#e4e4e780}@supports (color:color-mix(in lab, red, red)){.shadow-zinc-200\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-zinc-200) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-white\/\[\.13\]{--tw-ring-color:#ffffff21}@supports (color:color-mix(in lab, red, red)){.ring-white\/\[\.13\]{--tw-ring-color:color-mix(in oklab, var(--color-white) 13%, transparent)}}.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,)}.blur-\[1px\]{--tw-blur:blur(1px);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,)}.blur-sm{--tw-blur:blur(var(--blur-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_18px_32px_rgba\(0\,0\,0\,\.26\)\]{--tw-drop-shadow-size:drop-shadow(0 18px 32px var(--tw-drop-shadow-color,#00000042));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_24px_48px_rgba\(0\,0\,0\,\.34\)\]{--tw-drop-shadow-size:drop-shadow(0 24px 48px var(--tw-drop-shadow-color,#00000057));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-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,)}.backdrop-blur-\[12px\]{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[20px\]{--tw-backdrop-blur:blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[28px\]{--tw-backdrop-blur:blur(28px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[30px\]{--tw-backdrop-blur:blur(30px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-contrast-\[108\%\]{--tw-backdrop-contrast:contrast(108%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-saturate-\[165\%\]{--tw-backdrop-saturate:saturate(165%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-saturate-\[185\%\]{--tw-backdrop-saturate:saturate(185%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,transform\]{transition-property:background-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,background-color\,transform\]{transition-property:border-color,background-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[flex-grow\,color\]{transition-property:flex-grow,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-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))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.select-none{-webkit-user-select:none;user-select:none}.\[perspective\:700px\]{perspective:700px}.\[perspective\:900px\]{perspective:900px}.\[perspective\:1200px\]{perspective:1200px}.\[perspective\:1400px\]{perspective:1400px}.\[transform-style\:preserve-3d\]{transform-style:preserve-3d}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.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)}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-125:is(:where(.group):hover *){--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:rotate-45:is(:where(.group):hover *){rotate:45deg}.group-hover\:rotate-\[-8deg\]:is(:where(.group):hover *){rotate:-8deg}.group-hover\:text-black:is(:where(.group):hover *){color:var(--color-black)}}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-px:before{content:var(--tw-content);inset:1px}.before\:rounded-\[inherit\]:before{content:var(--tw-content);border-radius:inherit}.before\:bg-\[linear-gradient\(130deg\,rgba\(255\,255\,255\,\.22\)\,transparent_28\%_72\%\,rgba\(255\,255\,255\,\.1\)\)\]:before{content:var(--tw-content);background-image:linear-gradient(130deg,#ffffff38,#0000 28% 72%,#ffffff1a)}.before\:content-\[\\\"\\\"\]:before{--tw-content:\"\";content:var(--tw-content)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-\[1\.04\]:hover{scale:1.04}.hover\:border-white\/\[\.34\]:hover{border-color:#ffffff57}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/\[\.34\]:hover{border-color:color-mix(in oklab, var(--color-white) 34%, transparent)}}.hover\:bg-black\/\[\.045\]:hover{background-color:#0000000b}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/\[\.045\]:hover{background-color:color-mix(in oklab, var(--color-black) 4.5%, transparent)}}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/\[\.1\]:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[\.1\]:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-white\/\[\.12\]:hover{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[\.12\]:hover{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.hover\:bg-white\/\[\.14\]:hover{background-color:#ffffff24}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[\.14\]:hover{background-color:color-mix(in oklab, var(--color-white) 14.0%, transparent)}}.hover\:text-black:hover{color:var(--color-black)}.hover\:text-black\/70:hover{color:#000000b3}@supports (color:color-mix(in lab, red, red)){.hover\:text-black\/70:hover{color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.hover\:text-white:hover{color:var(--color-white)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[\#0a84ff\]:focus-visible{--tw-ring-color:#0a84ff}.focus-visible\:ring-\[\#ffffff\]\/70:focus-visible{--tw-ring-color:oklab(100% 0 5.96046e-8/.7)}.focus-visible\:ring-black:focus-visible{--tw-ring-color:var(--color-black)}.focus-visible\:ring-black\/20:focus-visible{--tw-ring-color:#0003}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-black\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.focus-visible\:ring-zinc-950:focus-visible{--tw-ring-color:var(--color-zinc-950)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-4:focus-visible{--tw-ring-offset-width:4px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-\[\.96\]:active{scale:.96}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-75:disabled{opacity:.75}@media (min-width:40rem){.sm\:mt-5{margin-top:calc(var(--spacing) * 5)}.sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:min-h-\[24rem\]{min-height:24rem}.sm\:min-w-\[5\.6rem\]{min-width:5.6rem}.sm\:grid-cols-\[\.92fr_1\.08fr\]{grid-template-columns:.92fr 1.08fr}.sm\:grid-cols-\[1\.1fr_\.9fr\]{grid-template-columns:1.1fr .9fr}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:items-end{align-items:flex-end}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:py-2{padding-block:calc(var(--spacing) * 2)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:pb-4{padding-bottom:calc(var(--spacing) * 4)}.sm\:text-\[3\.2rem\]{font-size:3.2rem}}@media (min-width:48rem){.md\:inset-y-0{inset-block:0}.md\:right-0{right:0}.md\:left-auto{left:auto}.md\:mt-4{margin-top:calc(var(--spacing) * 4)}.md\:hidden{display:none}.md\:h-11{height:calc(var(--spacing) * 11)}.md\:h-auto{height:auto}.md\:w-11{width:calc(var(--spacing) * 11)}.md\:w-\[55\%\]{width:55%}.md\:\[transform-origin\:left_center\]{transform-origin:0}.md\:grid-cols-\[\.82fr_1\.18fr\]{grid-template-columns:.82fr 1.18fr}.md\:grid-cols-\[1\.1fr_\.9fr\]{grid-template-columns:1.1fr .9fr}.md\:p-7{padding:calc(var(--spacing) * 7)}.md\:pt-4{padding-top:calc(var(--spacing) * 4)}.md\:text-\[2\.7rem\]{font-size:2.7rem}.md\:text-\[10px\]{font-size:10px}.md\:text-\[12px\]{font-size:12px}.md\:leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}}}@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-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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";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-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}@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-content{syntax:"*";inherits:false;initial-value:""}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}
|
package/dist/styles.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC"}
|
package/package.json
ADDED
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "motus-ui",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "Expressive React components with polished motion and clear interaction feedback.",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"react",
|
|
7
|
+
"components",
|
|
8
|
+
"ui",
|
|
9
|
+
"animation",
|
|
10
|
+
"motion",
|
|
11
|
+
"portfolio",
|
|
12
|
+
"typescript"
|
|
13
|
+
],
|
|
14
|
+
"license": "MIT",
|
|
15
|
+
"author": "John Charles Frederick Mamanao",
|
|
16
|
+
"type": "module",
|
|
17
|
+
"sideEffects": [
|
|
18
|
+
"**/*.css"
|
|
19
|
+
],
|
|
20
|
+
"files": [
|
|
21
|
+
"dist"
|
|
22
|
+
],
|
|
23
|
+
"main": "./dist/index.js",
|
|
24
|
+
"module": "./dist/index.js",
|
|
25
|
+
"types": "./dist/index.d.ts",
|
|
26
|
+
"exports": {
|
|
27
|
+
".": {
|
|
28
|
+
"types": "./dist/index.d.ts",
|
|
29
|
+
"import": "./dist/index.js"
|
|
30
|
+
},
|
|
31
|
+
"./styles.css": {
|
|
32
|
+
"types": "./dist/styles.d.ts",
|
|
33
|
+
"default": "./dist/styles.css"
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
"repository": {
|
|
37
|
+
"type": "git",
|
|
38
|
+
"url": "git+https://github.com/johnmamanao/motus-ui.git",
|
|
39
|
+
"directory": "packages/motus-ui"
|
|
40
|
+
},
|
|
41
|
+
"bugs": {
|
|
42
|
+
"url": "https://github.com/johnmamanao/motus-ui/issues"
|
|
43
|
+
},
|
|
44
|
+
"homepage": "https://github.com/johnmamanao/motus-ui#readme",
|
|
45
|
+
"publishConfig": {
|
|
46
|
+
"access": "public",
|
|
47
|
+
"registry": "https://registry.npmjs.org/"
|
|
48
|
+
},
|
|
49
|
+
"engines": {
|
|
50
|
+
"node": ">=18"
|
|
51
|
+
},
|
|
52
|
+
"scripts": {
|
|
53
|
+
"clean": "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\"",
|
|
54
|
+
"build": "npm run clean && vite build && tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify && tsc -p tsconfig.build.json",
|
|
55
|
+
"check": "tsc --noEmit",
|
|
56
|
+
"prepack": "npm run build"
|
|
57
|
+
},
|
|
58
|
+
"peerDependencies": {
|
|
59
|
+
"react": ">=18.2 <20",
|
|
60
|
+
"react-dom": ">=18.2 <20"
|
|
61
|
+
},
|
|
62
|
+
"dependencies": {
|
|
63
|
+
"@web-kits/audio": "^0.1.0",
|
|
64
|
+
"gsap": "^3.15.0",
|
|
65
|
+
"lottie-react": "^3.1.0",
|
|
66
|
+
"lucide-react": "^0.563.0",
|
|
67
|
+
"motion": "^13.1.1",
|
|
68
|
+
"react-use-measure": "^2.1.7"
|
|
69
|
+
},
|
|
70
|
+
"devDependencies": {
|
|
71
|
+
"@tailwindcss/cli": "^4.3.3",
|
|
72
|
+
"@types/node": "^24.3.0",
|
|
73
|
+
"@types/react": "^19.2.14",
|
|
74
|
+
"@types/react-dom": "^19.2.3",
|
|
75
|
+
"tailwindcss": "^4.3.3",
|
|
76
|
+
"typescript": "~5.8.2",
|
|
77
|
+
"vite": "^6.4.3"
|
|
78
|
+
}
|
|
79
|
+
}
|