@sawabona/forms 0.5.0 → 0.7.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormRenderer.d.ts","sourceRoot":"","sources":["../../src/lib/components/FormRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"FormRenderer.d.ts","sourceRoot":"","sources":["../../src/lib/components/FormRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAO3D,UAAU,iBAAiB;IACvB,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;CACpC;AAWD,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAsLnE"}
|
package/dist/core/types.d.ts
CHANGED
package/dist/core/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/core/types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAClB,MAAM,GACN,OAAO,GACP,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,cAAc,GACd,MAAM,GACN,SAAS,GACT,QAAQ,GACR,eAAe,GACf,WAAW,CAAC;AAElB,MAAM,WAAW,MAAM;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CACpC;AAED,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,cAAc,GAAG,WAAW,CAAC;IAC9E,KAAK,EAAE,GAAG,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IACxB,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC1B,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,MAAM,EAAE,WAAW,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,GAAG,OAAO,CAAC;CAC7C;AAED,MAAM,WAAW,QAAQ;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,GAAG,CAAC;IAEnB,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/core/types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAClB,MAAM,GACN,OAAO,GACP,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,cAAc,GACd,MAAM,GACN,SAAS,GACT,QAAQ,GACR,eAAe,GACf,WAAW,CAAC;AAElB,MAAM,WAAW,MAAM;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CACpC;AAED,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,cAAc,GAAG,WAAW,CAAC;IAC9E,KAAK,EAAE,GAAG,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IACxB,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC1B,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,MAAM,EAAE,WAAW,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,GAAG,OAAO,CAAC;CAC7C;AAED,MAAM,WAAW,QAAQ;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,GAAG,CAAC;IAEnB,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACvC;AAED,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;AAE1E,MAAM,WAAW,SAAS;IACtB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,WAAW,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAC9C,MAAM,EAAE,UAAU,CAAC;IACnB,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACrE"}
|
package/dist/sawabona-forms.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
@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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:rgba(0,0,0,0);--tw-gradient-via:rgba(0,0,0,0);--tw-gradient-to:rgba(0,0,0,0);--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 rgba(0,0,0,0);--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 rgba(0,0,0,0);--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 rgba(0,0,0,0);--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 rgba(0,0,0,0);--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 rgba(0,0,0,0);--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}}:root:not(#\#),:host:not(#\#){--font-sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:rgb(255, 101, 104);--color-red-500:rgb(251, 44, 54);--color-yellow-100:rgb(254, 249, 194);--color-yellow-200:rgb(255, 240, 133);--color-yellow-400:rgb(247, 201, 0);--color-yellow-500:rgb(234, 179, 0);--color-yellow-600:rgb(202, 138, 0);--color-yellow-800:rgb(135, 76, 0);--color-yellow-900:rgb(115, 62, 10);--color-green-400:rgb(5, 223, 114);--color-green-500:rgb(0, 198, 90);--color-blue-400:rgb(86, 162, 255);--color-blue-600:rgb(21, 93, 252);--color-purple-600:rgb(152, 16, 250);--color-zinc-500:rgb(113, 113, 123);--color-zinc-600:rgb(82, 82, 92);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--font-sw-heading:
|
|
1
|
+
@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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:rgba(0,0,0,0);--tw-gradient-via:rgba(0,0,0,0);--tw-gradient-to:rgba(0,0,0,0);--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 rgba(0,0,0,0);--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 rgba(0,0,0,0);--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 rgba(0,0,0,0);--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 rgba(0,0,0,0);--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 rgba(0,0,0,0);--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}}:root:not(#\#),:host:not(#\#){--font-sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:rgb(255, 101, 104);--color-red-500:rgb(251, 44, 54);--color-yellow-100:rgb(254, 249, 194);--color-yellow-200:rgb(255, 240, 133);--color-yellow-400:rgb(247, 201, 0);--color-yellow-500:rgb(234, 179, 0);--color-yellow-600:rgb(202, 138, 0);--color-yellow-800:rgb(135, 76, 0);--color-yellow-900:rgb(115, 62, 10);--color-green-400:rgb(5, 223, 114);--color-green-500:rgb(0, 198, 90);--color-blue-400:rgb(86, 162, 255);--color-blue-600:rgb(21, 93, 252);--color-purple-600:rgb(152, 16, 250);--color-zinc-500:rgb(113, 113, 123);--color-zinc-600:rgb(82, 82, 92);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--font-sw-heading:inherit;--font-sw-body:inherit;--color-sw-primary:#716c4a;--color-sw-background:#efe9db;--color-sw-text-primary:#716c4a;--color-sw-text-secondary:#171717}@supports (color: color(display-p3 0 0 0%)){
|
|
2
2
|
:root:not(#\#),:host:not(#\#){--color-red-400:rgb(255, 101, 104);--color-yellow-400:rgb(247, 201, 0);--color-yellow-500:rgb(234, 179, 0);--color-yellow-600:rgb(202, 138, 0);--color-yellow-800:rgb(135, 76, 0);--color-green-500:rgb(0, 198, 90);--color-blue-400:rgb(86, 162, 255)}
|
|
3
3
|
|
|
4
4
|
@media (color-gamut: p3){
|
|
5
5
|
:root:not(#\#),:host:not(#\#){--color-red-400:color(display-p3 0.93353 0.43168 0.42349);--color-yellow-400:color(display-p3 0.95994 0.79017 0.05852);--color-yellow-500:color(display-p3 0.90365 0.70306 0.07454);--color-yellow-600:color(display-p3 0.77634 0.54249 0.04171);--color-yellow-800:color(display-p3 0.50318 0.30478 0.07554);--color-green-500:color(display-p3 0.30873 0.77475 0.37431);--color-blue-400:color(display-p3 0.39744 0.62813 0.99212)}
|
|
6
6
|
}
|
|
7
|
-
}.pointer-events-none:not(#\#):not(#\#){pointer-events:none}.visible:not(#\#):not(#\#){visibility:visible}.absolute:not(#\#):not(#\#){position:absolute}.fixed:not(#\#):not(#\#){position:fixed}.relative:not(#\#):not(#\#){position:relative}.inset-0:not(#\#):not(#\#){top:calc(var(--spacing)*0);right:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0);left:calc(var(--spacing)*0)}.inset-x-0:not(#\#):not(#\#){left:calc(var(--spacing)*0);right:calc(var(--spacing)*0)}.inset-y-0:not(#\#):not(#\#){top:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0)}.top-0:not(#\#):not(#\#){top:calc(var(--spacing)*0)}.top-4:not(#\#):not(#\#){top:calc(var(--spacing)*4)}.top-6:not(#\#):not(#\#){top:calc(var(--spacing)*6)}.top-12:not(#\#):not(#\#){top:calc(var(--spacing)*12)}.right-0:not(#\#):not(#\#){right:calc(var(--spacing)*0)}.right-4:not(#\#):not(#\#){right:calc(var(--spacing)*4)}.right-6:not(#\#):not(#\#){right:calc(var(--spacing)*6)}.bottom-0:not(#\#):not(#\#){bottom:calc(var(--spacing)*0)}.left-0:not(#\#):not(#\#){left:calc(var(--spacing)*0)}.z-10:not(#\#):not(#\#){z-index:10}.z-20:not(#\#):not(#\#){z-index:20}.z-40:not(#\#):not(#\#){z-index:40}.z-50:not(#\#):not(#\#){z-index:50}.z-\[100\]:not(#\#):not(#\#){z-index:100}.order-2:not(#\#):not(#\#){order:2}.order-3:not(#\#):not(#\#){order:3}.mx-auto:not(#\#):not(#\#){margin-left:auto;margin-right:auto}.mt-2:not(#\#):not(#\#){margin-top:calc(var(--spacing)*2)}.mt-4:not(#\#):not(#\#){margin-top:calc(var(--spacing)*4)}.mt-6:not(#\#):not(#\#){margin-top:calc(var(--spacing)*6)}.mt-8:not(#\#):not(#\#){margin-top:calc(var(--spacing)*8)}.mt-20:not(#\#):not(#\#){margin-top:calc(var(--spacing)*20)}.mt-auto:not(#\#):not(#\#){margin-top:auto}.-mb-8:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*-8)}.mb-1:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*1)}.mb-2:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*2)}.mb-3:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*3)}.mb-4:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*4)}.mb-6:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*6)}.mb-8:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*8)}.mb-10:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*10)}.mb-12:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*12)}.mb-20:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*20)}.ml-1:not(#\#):not(#\#){margin-left:calc(var(--spacing)*1)}.ml-2:not(#\#):not(#\#){margin-left:calc(var(--spacing)*2)}.ml-auto:not(#\#):not(#\#){margin-left:auto}.block:not(#\#):not(#\#){display:block}.flex:not(#\#):not(#\#){display:flex}.grid:not(#\#):not(#\#){display:grid}.hidden:not(#\#):not(#\#){display:none}.inline-flex:not(#\#):not(#\#){display:inline-flex}.h-0\.5:not(#\#):not(#\#){height:calc(var(--spacing)*.5)}.h-1:not(#\#):not(#\#){height:calc(var(--spacing)*1)}.h-1\.5:not(#\#):not(#\#){height:calc(var(--spacing)*1.5)}.h-2:not(#\#):not(#\#){height:calc(var(--spacing)*2)}.h-3:not(#\#):not(#\#){height:calc(var(--spacing)*3)}.h-4:not(#\#):not(#\#){height:calc(var(--spacing)*4)}.h-6:not(#\#):not(#\#){height:calc(var(--spacing)*6)}.h-8:not(#\#):not(#\#){height:calc(var(--spacing)*8)}.h-10:not(#\#):not(#\#){height:calc(var(--spacing)*10)}.h-12:not(#\#):not(#\#){height:calc(var(--spacing)*12)}.h-16:not(#\#):not(#\#){height:calc(var(--spacing)*16)}.h-24:not(#\#):not(#\#){height:calc(var(--spacing)*24)}.h-32:not(#\#):not(#\#){height:calc(var(--spacing)*32)}.h-64:not(#\#):not(#\#){height:calc(var(--spacing)*64)}.h-\[calc\(100vh-100px\)\]:not(#\#):not(#\#){height:calc(100vh - 100px)}.h-auto:not(#\#):not(#\#){height:auto}.h-full:not(#\#):not(#\#){height:100%}.h-px:not(#\#):not(#\#){height:1px}.h-screen:not(#\#):not(#\#){height:100vh}.min-h-0:not(#\#):not(#\#){min-height:calc(var(--spacing)*0)}.min-h-full:not(#\#):not(#\#){min-height:100%}.min-h-screen:not(#\#):not(#\#){min-height:100vh}.w-1\.5:not(#\#):not(#\#){width:calc(var(--spacing)*1.5)}.w-1\/2:not(#\#):not(#\#){width:50%}.w-2:not(#\#):not(#\#){width:calc(var(--spacing)*2)}.w-3:not(#\#):not(#\#){width:calc(var(--spacing)*3)}.w-3\/4:not(#\#):not(#\#){width:75%}.w-4:not(#\#):not(#\#){width:calc(var(--spacing)*4)}.w-6:not(#\#):not(#\#){width:calc(var(--spacing)*6)}.w-8:not(#\#):not(#\#){width:calc(var(--spacing)*8)}.w-12:not(#\#):not(#\#){width:calc(var(--spacing)*12)}.w-24:not(#\#):not(#\#){width:calc(var(--spacing)*24)}.w-32:not(#\#):not(#\#){width:calc(var(--spacing)*32)}.w-64:not(#\#):not(#\#){width:calc(var(--spacing)*64)}.w-full:not(#\#):not(#\#){width:100%}.max-w-2xl:not(#\#):not(#\#){max-width:var(--container-2xl)}.max-w-3xl:not(#\#):not(#\#){max-width:var(--container-3xl)}.max-w-4xl:not(#\#):not(#\#){max-width:var(--container-4xl)}.max-w-5xl:not(#\#):not(#\#){max-width:var(--container-5xl)}.max-w-7xl:not(#\#):not(#\#){max-width:var(--container-7xl)}.max-w-\[300px\]:not(#\#):not(#\#){max-width:300px}.max-w-\[1600px\]:not(#\#):not(#\#){max-width:1600px}.max-w-md:not(#\#):not(#\#){max-width:var(--container-md)}.max-w-none:not(#\#):not(#\#){max-width:none}.max-w-xl:not(#\#):not(#\#){max-width:var(--container-xl)}.max-w-xs:not(#\#):not(#\#){max-width:var(--container-xs)}.min-w-\[3rem\]:not(#\#):not(#\#){min-width:3rem}.flex-1:not(#\#):not(#\#){flex:1}.shrink-0:not(#\#):not(#\#){flex-shrink:0}.-translate-x-full:not(#\#):not(#\#){--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0:not(#\#):not(#\#){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-4:not(#\#):not(#\#){--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform:not(#\#):not(#\#){transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer:not(#\#):not(#\#){cursor:pointer}.resize:not(#\#):not(#\#){resize:both}.flex-col:not(#\#):not(#\#){flex-direction:column}.flex-wrap:not(#\#):not(#\#){flex-wrap:wrap}.items-baseline:not(#\#):not(#\#){align-items:baseline}.items-center:not(#\#):not(#\#){align-items:center}.items-end:not(#\#):not(#\#){align-items:flex-end}.items-start:not(#\#):not(#\#){align-items:flex-start}.justify-between:not(#\#):not(#\#){justify-content:space-between}.justify-center:not(#\#):not(#\#){justify-content:center}.gap-1:not(#\#):not(#\#){gap:calc(var(--spacing)*1)}.gap-2:not(#\#):not(#\#){gap:calc(var(--spacing)*2)}.gap-3:not(#\#):not(#\#){gap:calc(var(--spacing)*3)}.gap-4:not(#\#):not(#\#){gap:calc(var(--spacing)*4)}.gap-6:not(#\#):not(#\#){gap:calc(var(--spacing)*6)}.gap-8:not(#\#):not(#\#){gap:calc(var(--spacing)*8)}.gap-12:not(#\#):not(#\#){gap:calc(var(--spacing)*12)}:where(.space-y-1>:not(:last-child)):not(#\#):not(#\#){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-top:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)):not(#\#):not(#\#){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-top:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)):not(#\#):not(#\#){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-top:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.self-end:not(#\#):not(#\#){align-self:flex-end}.self-start:not(#\#):not(#\#){align-self:flex-start}.overflow-hidden:not(#\#):not(#\#){overflow:hidden}.overflow-x-auto:not(#\#):not(#\#){overflow-x:auto}.overflow-x-hidden:not(#\#):not(#\#){overflow-x:hidden}.overflow-y-auto:not(#\#):not(#\#){overflow-y:auto}.rounded:not(#\#):not(#\#){border-radius:.25rem}.rounded-2xl:not(#\#):not(#\#){border-radius:var(--radius-2xl)}.rounded-3xl:not(#\#):not(#\#){border-radius:var(--radius-3xl)}.rounded-full:not(#\#):not(#\#){border-radius:3.40282e38px}.rounded-lg:not(#\#):not(#\#){border-radius:var(--radius-lg)}.rounded-md:not(#\#):not(#\#){border-radius:var(--radius-md)}.rounded-xl:not(#\#):not(#\#){border-radius:var(--radius-xl)}.rounded-t-sm:not(#\#):not(#\#){border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-t-xl:not(#\#):not(#\#){border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border:not(#\#):not(#\#){border-style:var(--tw-border-style);border-width:1px}.border-2:not(#\#):not(#\#){border-style:var(--tw-border-style);border-width:2px}.border-8:not(#\#):not(#\#){border-style:var(--tw-border-style);border-width:8px}.border-y:not(#\#):not(#\#){border-top-style:var(--tw-border-style);border-bottom-style:var(--tw-border-style);border-top-width:1px;border-bottom-width:1px}.border-t:not(#\#):not(#\#){border-top-style:var(--tw-border-style);border-top-width:1px}.border-r:not(#\#):not(#\#){border-right-style:var(--tw-border-style);border-right-width:1px}.border-b:not(#\#):not(#\#){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2:not(#\#):not(#\#){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4:not(#\#):not(#\#){border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l:not(#\#):not(#\#){border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[\#716C4A\]\/5:not(#\#):not(#\#){border-color:rgba(113,108,74,.05)}.border-\[\#716C4A\]\/10:not(#\#):not(#\#){border-color:rgba(113,108,74,.1)}.border-\[\#716C4A\]\/20:not(#\#):not(#\#){border-color:rgba(113,108,74,.2)}.border-\[\#716C4A\]\/30:not(#\#):not(#\#){border-color:rgba(113,108,74,.3)}.border-\[\#171717\]:not(#\#):not(#\#){border-color:#171717}.border-green-500\/50:not(#\#):not(#\#){border-color:rgba(0,199,88,.5)}@supports (color:color-mix(in lab,red,red)){.border-green-500\/50:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-green-500)50%,transparent)}}.border-red-500\/50:not(#\#):not(#\#){border-color:rgba(251,44,54,.5)}@supports (color:color-mix(in lab,red,red)){.border-red-500\/50:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-red-500)50%,transparent)}}.border-sw-primary:not(#\#):not(#\#){border-color:var(--color-sw-primary)}.border-sw-primary\/20:not(#\#):not(#\#){border-color:rgba(113,108,74,.2)}@supports (color:color-mix(in lab,red,red)){.border-sw-primary\/20:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-sw-primary)20%,transparent)}}.border-sw-text-secondary\/10:not(#\#):not(#\#){border-color:rgba(23,23,23,.1)}@supports (color:color-mix(in lab,red,red)){.border-sw-text-secondary\/10:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-sw-text-secondary)10%,transparent)}}.border-sw-text-secondary\/20:not(#\#):not(#\#){border-color:rgba(23,23,23,.2)}@supports (color:color-mix(in lab,red,red)){.border-sw-text-secondary\/20:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-sw-text-secondary)20%,transparent)}}.border-sw-text-secondary\/30:not(#\#):not(#\#){border-color:rgba(23,23,23,.3)}@supports (color:color-mix(in lab,red,red)){.border-sw-text-secondary\/30:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-sw-text-secondary)30%,transparent)}}.border-white\/5:not(#\#):not(#\#){border-color:rgba(255,255,255,.05)}@supports (color:color-mix(in lab,red,red)){.border-white\/5:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.border-white\/10:not(#\#):not(#\#){border-color:rgba(255,255,255,.1)}@supports (color:color-mix(in lab,red,red)){.border-white\/10:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-yellow-500\/50:not(#\#):not(#\#){border-color:rgba(237,178,0,.5)}@supports (color:color-mix(in lab,red,red)){.border-yellow-500\/50:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-yellow-500)50%,transparent)}}.bg-\[\#1e1e1e\]:not(#\#):not(#\#){background-color:#1e1e1e}.bg-\[\#2d2d2d\]:not(#\#):not(#\#){background-color:#2d2d2d}.bg-\[\#27c93f\]:not(#\#):not(#\#){background-color:#27c93f}.bg-\[\#716C4A\]:not(#\#):not(#\#){background-color:#716c4a}.bg-\[\#716C4A\]\/5:not(#\#):not(#\#){background-color:rgba(113,108,74,.05)}.bg-\[\#716C4A\]\/10:not(#\#):not(#\#){background-color:rgba(113,108,74,.1)}.bg-\[\#716C4A\]\/20:not(#\#):not(#\#){background-color:rgba(113,108,74,.2)}.bg-\[\#171717\]:not(#\#):not(#\#){background-color:#171717}.bg-\[\#171717\]\/10:not(#\#):not(#\#){background-color:rgba(23,23,23,.1)}.bg-\[\#EFE9DB\]:not(#\#):not(#\#){background-color:#efe9db}.bg-\[\#EFE9DB\]\/50:not(#\#):not(#\#){background-color:rgba(239,233,219,.5)}.bg-\[\#EFE9DB\]\/80:not(#\#):not(#\#){background-color:rgba(239,233,219,.8)}.bg-\[\#ff5f56\]:not(#\#):not(#\#){background-color:#ff5f56}.bg-\[\#ffbd2e\]:not(#\#):not(#\#){background-color:#ffbd2e}.bg-black\/20:not(#\#):not(#\#){background-color:rgba(0,0,0,.2)}@supports (color:color-mix(in lab,red,red)){.bg-black\/20:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-current:not(#\#):not(#\#){background-color:currentColor}.bg-green-500:not(#\#):not(#\#){background-color:var(--color-green-500)}.bg-green-500\/20:not(#\#):not(#\#){background-color:rgba(0,199,88,.2)}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/20:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-green-500)20%,transparent)}}.bg-red-500:not(#\#):not(#\#){background-color:var(--color-red-500)}.bg-red-500\/20:not(#\#):not(#\#){background-color:rgba(251,44,54,.2)}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/20:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.bg-sw-primary:not(#\#):not(#\#){background-color:var(--color-sw-primary)}.bg-sw-primary\/5:not(#\#):not(#\#){background-color:rgba(113,108,74,.05)}@supports (color:color-mix(in lab,red,red)){.bg-sw-primary\/5:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-sw-primary)5%,transparent)}}.bg-sw-primary\/10:not(#\#):not(#\#){background-color:rgba(113,108,74,.1)}@supports (color:color-mix(in lab,red,red)){.bg-sw-primary\/10:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-sw-primary)10%,transparent)}}.bg-transparent:not(#\#):not(#\#){background-color:rgba(0,0,0,0)}.bg-white:not(#\#):not(#\#){background-color:var(--color-white)}.bg-white\/5:not(#\#):not(#\#){background-color:rgba(255,255,255,.05)}@supports (color:color-mix(in lab,red,red)){.bg-white\/5:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/50:not(#\#):not(#\#){background-color:rgba(255,255,255,.5)}@supports (color:color-mix(in lab,red,red)){.bg-white\/50:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.bg-white\/60:not(#\#):not(#\#){background-color:rgba(255,255,255,.6)}@supports (color:color-mix(in lab,red,red)){.bg-white\/60:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-yellow-100:not(#\#):not(#\#){background-color:var(--color-yellow-100)}.bg-yellow-500\/20:not(#\#):not(#\#){background-color:rgba(237,178,0,.2)}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/20:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-yellow-500)20%,transparent)}}.bg-gradient-to-br:not(#\#):not(#\#){--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r:not(#\#):not(#\#){--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t:not(#\#):not(#\#){--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr:not(#\#):not(#\#){--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#716C4A\]\/5:not(#\#):not(#\#){--tw-gradient-from:rgba(113, 108, 74, 0.05);--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))}.from-\[\#716C4A\]\/10:not(#\#):not(#\#){--tw-gradient-from:rgba(113, 108, 74, 0.1);--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))}.from-\[\#716C4A\]\/20:not(#\#):not(#\#){--tw-gradient-from:rgba(113, 108, 74, 0.2);--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))}.from-transparent:not(#\#):not(#\#){--tw-gradient-from:transparent;--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))}.via-\[\#716C4A\]\/10:not(#\#):not(#\#){--tw-gradient-via:rgba(113, 108, 74, 0.1);--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)}.via-\[\#716C4A\]\/20:not(#\#):not(#\#){--tw-gradient-via:rgba(113, 108, 74, 0.2);--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)}.to-transparent:not(#\#):not(#\#){--tw-gradient-to:transparent;--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))}.fill-yellow-400:not(#\#):not(#\#){fill:var(--color-yellow-400)}.p-1:not(#\#):not(#\#){padding:calc(var(--spacing)*1)}.p-2:not(#\#):not(#\#){padding:calc(var(--spacing)*2)}.p-3:not(#\#):not(#\#){padding:calc(var(--spacing)*3)}.p-4:not(#\#):not(#\#){padding:calc(var(--spacing)*4)}.p-6:not(#\#):not(#\#){padding:calc(var(--spacing)*6)}.p-8:not(#\#):not(#\#){padding:calc(var(--spacing)*8)}.px-2:not(#\#):not(#\#){padding-left:calc(var(--spacing)*2);padding-right:calc(var(--spacing)*2)}.px-3:not(#\#):not(#\#){padding-left:calc(var(--spacing)*3);padding-right:calc(var(--spacing)*3)}.px-4:not(#\#):not(#\#){padding-left:calc(var(--spacing)*4);padding-right:calc(var(--spacing)*4)}.px-6:not(#\#):not(#\#){padding-left:calc(var(--spacing)*6);padding-right:calc(var(--spacing)*6)}.px-8:not(#\#):not(#\#){padding-left:calc(var(--spacing)*8);padding-right:calc(var(--spacing)*8)}.py-1:not(#\#):not(#\#){padding-top:calc(var(--spacing)*1);padding-bottom:calc(var(--spacing)*1)}.py-1\.5:not(#\#):not(#\#){padding-top:calc(var(--spacing)*1.5);padding-bottom:calc(var(--spacing)*1.5)}.py-2:not(#\#):not(#\#){padding-top:calc(var(--spacing)*2);padding-bottom:calc(var(--spacing)*2)}.py-3:not(#\#):not(#\#){padding-top:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*3)}.py-4:not(#\#):not(#\#){padding-top:calc(var(--spacing)*4);padding-bottom:calc(var(--spacing)*4)}.py-12:not(#\#):not(#\#){padding-top:calc(var(--spacing)*12);padding-bottom:calc(var(--spacing)*12)}.py-24:not(#\#):not(#\#){padding-top:calc(var(--spacing)*24);padding-bottom:calc(var(--spacing)*24)}.py-32:not(#\#):not(#\#){padding-top:calc(var(--spacing)*32);padding-bottom:calc(var(--spacing)*32)}.pt-6:not(#\#):not(#\#){padding-top:calc(var(--spacing)*6)}.pt-24:not(#\#):not(#\#){padding-top:calc(var(--spacing)*24)}.pt-40:not(#\#):not(#\#){padding-top:calc(var(--spacing)*40)}.pb-8:not(#\#):not(#\#){padding-bottom:calc(var(--spacing)*8)}.pb-32:not(#\#):not(#\#){padding-bottom:calc(var(--spacing)*32)}.text-center:not(#\#):not(#\#){text-align:center}.text-left:not(#\#):not(#\#){text-align:left}.font-mono:not(#\#):not(#\#){font-family:var(--font-mono)}.font-sans:not(#\#):not(#\#){font-family:var(--font-sans)}.font-sw-heading:not(#\#):not(#\#){font-family:var(--font-sw-heading)}.text-2xl:not(#\#):not(#\#){font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl:not(#\#):not(#\#){font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl:not(#\#):not(#\#){font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl:not(#\#):not(#\#){font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg:not(#\#):not(#\#){font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm:not(#\#):not(#\#){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl:not(#\#):not(#\#){font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs:not(#\#):not(#\#){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]:not(#\#):not(#\#){font-size:10px}.leading-relaxed:not(#\#):not(#\#){--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight:not(#\#):not(#\#){--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold:not(#\#):not(#\#){--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium:not(#\#):not(#\#){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal:not(#\#):not(#\#){--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold:not(#\#):not(#\#){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]:not(#\#):not(#\#){--tw-tracking:.2em;letter-spacing:.2em}.tracking-tight:not(#\#):not(#\#){--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide:not(#\#):not(#\#){--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider:not(#\#):not(#\#){--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest:not(#\#):not(#\#){--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-pretty:not(#\#):not(#\#){text-wrap:pretty}.whitespace-pre:not(#\#):not(#\#){white-space:pre}.whitespace-pre-line:not(#\#):not(#\#){white-space:pre-line}.text-\[\#716C4A\]:not(#\#):not(#\#){color:#716c4a}.text-\[\#716C4A\]\/20:not(#\#):not(#\#){color:rgba(113,108,74,.2)}.text-\[\#716C4A\]\/40:not(#\#):not(#\#){color:rgba(113,108,74,.4)}.text-\[\#716C4A\]\/60:not(#\#):not(#\#){color:rgba(113,108,74,.6)}.text-\[\#716C4A\]\/80:not(#\#):not(#\#){color:rgba(113,108,74,.8)}.text-\[\#171717\]:not(#\#):not(#\#){color:#171717}.text-\[\#EFE9DB\]:not(#\#):not(#\#){color:#efe9db}.text-\[\#EFE9DB\]\/70:not(#\#):not(#\#){color:rgba(239,233,219,.7)}.text-blue-400:not(#\#):not(#\#){color:var(--color-blue-400)}.text-blue-600:not(#\#):not(#\#){color:var(--color-blue-600)}.text-green-400:not(#\#):not(#\#){color:var(--color-green-400)}.text-green-500:not(#\#):not(#\#){color:var(--color-green-500)}.text-purple-600:not(#\#):not(#\#){color:var(--color-purple-600)}.text-red-400:not(#\#):not(#\#){color:var(--color-red-400)}.text-red-500:not(#\#):not(#\#){color:var(--color-red-500)}.text-sw-background:not(#\#):not(#\#){color:var(--color-sw-background)}.text-sw-primary:not(#\#):not(#\#){color:var(--color-sw-primary)}.text-sw-primary\/90:not(#\#):not(#\#){color:rgba(113,108,74,.9)}@supports (color:color-mix(in lab,red,red)){.text-sw-primary\/90:not(#\#):not(#\#){color:color-mix(in oklab,var(--color-sw-primary)90%,transparent)}}.text-sw-text-secondary\/50:not(#\#):not(#\#){color:rgba(23,23,23,.5)}@supports (color:color-mix(in lab,red,red)){.text-sw-text-secondary\/50:not(#\#):not(#\#){color:color-mix(in oklab,var(--color-sw-text-secondary)50%,transparent)}}.text-transparent:not(#\#):not(#\#){color:rgba(0,0,0,0)}.text-white\/40:not(#\#):not(#\#){color:rgba(255,255,255,.4)}@supports (color:color-mix(in lab,red,red)){.text-white\/40:not(#\#):not(#\#){color:color-mix(in oklab,var(--color-white)40%,transparent)}}.text-yellow-400:not(#\#):not(#\#){color:var(--color-yellow-400)}.text-yellow-600:not(#\#):not(#\#){color:var(--color-yellow-600)}.text-yellow-800:not(#\#):not(#\#){color:var(--color-yellow-800)}.text-zinc-500:not(#\#):not(#\#){color:var(--color-zinc-500)}.text-zinc-600:not(#\#):not(#\#){color:var(--color-zinc-600)}.uppercase:not(#\#):not(#\#){text-transform:uppercase}.no-underline:not(#\#):not(#\#){-webkit-text-decoration-line:none;text-decoration-line:none}.caret-white:not(#\#):not(#\#){caret-color:var(--color-white)}.opacity-0:not(#\#):not(#\#){opacity:0}.opacity-5:not(#\#):not(#\#){opacity:.05}.opacity-10:not(#\#):not(#\#){opacity:.1}.opacity-20:not(#\#):not(#\#){opacity:.2}.opacity-30:not(#\#):not(#\#){opacity:.3}.opacity-40:not(#\#):not(#\#){opacity:.4}.opacity-50:not(#\#):not(#\#){opacity:.5}.opacity-60:not(#\#):not(#\#){opacity:.6}.opacity-70:not(#\#):not(#\#){opacity:.7}.opacity-80:not(#\#):not(#\#){opacity:.8}.shadow-2xl:not(#\#):not(#\#){--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,rgba(0,0,0,0.25098));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_20px_rgba\(113\,108\,74\,0\.2\)\]:not(#\#):not(#\#){--tw-shadow:0 0 20px var(--tw-shadow-color,rgba(113,108,74,0.2));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_30px_rgba\(113\,108\,74\,0\.1\)\]:not(#\#):not(#\#){--tw-shadow:0 0 30px var(--tw-shadow-color,rgba(113,108,74,0.10196));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_40px_rgba\(113\,108\,74\,0\.1\)\]:not(#\#):not(#\#){--tw-shadow:0 0 40px var(--tw-shadow-color,rgba(113,108,74,0.10196));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg:not(#\#):not(#\#){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,0.10196)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,0.10196));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:not(#\#):not(#\#){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,0.10196)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,0.10196));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:not(#\#):not(#\#){--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-\[\#716C4A\]\/20:not(#\#):not(#\#){--tw-shadow-color:rgba(113,108,74,0.2)}@supports (color:color-mix(in lab,red,red)){.shadow-\[\#716C4A\]\/20:not(#\#):not(#\#){--tw-shadow-color:color-mix(in oklab,rgba(113, 108, 74, 0.2) var(--tw-shadow-alpha),transparent)}}.shadow-sw-primary:not(#\#):not(#\#){--tw-shadow-color:#716c4a}@supports (color:color-mix(in lab,red,red)){.shadow-sw-primary:not(#\#):not(#\#){--tw-shadow-color:color-mix(in oklab,var(--color-sw-primary)var(--tw-shadow-alpha),transparent)}}.ring-white\/10:not(#\#):not(#\#){--tw-ring-color:rgba(255,255,255,0.10196)}@supports (color:color-mix(in lab,red,red)){.ring-white\/10:not(#\#):not(#\#){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.outline:not(#\#):not(#\#){outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[100px\]:not(#\#):not(#\#){--tw-blur:blur(100px);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_0_15px_rgba\(250\,204\,21\,0\.4\)\]:not(#\#):not(#\#){--tw-drop-shadow-size:drop-shadow(0 0 15px var(--tw-drop-shadow-color,rgba(250,204,21,0.4)));--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:not(#\#):not(#\#){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-md:not(#\#):not(#\#){--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,)}.backdrop-blur-sm:not(#\#):not(#\#){--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,)}.transition:not(#\#):not(#\#){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-all:not(#\#):not(#\#){transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors:not(#\#):not(#\#){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:not(#\#):not(#\#){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:not(#\#):not(#\#){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-200:not(#\#):not(#\#){--tw-duration:.2s;transition-duration:.2s}.duration-300:not(#\#):not(#\#){--tw-duration:.3s;transition-duration:.3s}.duration-500:not(#\#):not(#\#){--tw-duration:.5s;transition-duration:.5s}.duration-700:not(#\#):not(#\#){--tw-duration:.7s;transition-duration:.7s}.ease-in-out:not(#\#):not(#\#){--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none:not(#\#):not(#\#){--tw-outline-style:none;outline-style:none}.select-none:not(#\#):not(#\#){-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){:where(.group):hover:not(#\#):not(#\#) .group-hover\:translate-x-0\.5{--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}:where(.group):hover:not(#\#):not(#\#) .group-hover\:translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}:where(.group):hover:not(#\#):not(#\#) .group-hover\:translate-y-2{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}:where(.group):hover:not(#\#):not(#\#) .group-hover\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}:where(.group):hover:not(#\#):not(#\#) .group-hover\:border-sw-primary\/50{border-color:rgba(113,108,74,.5)}@supports (color:color-mix(in lab,red,red)){:where(.group):hover:not(#\#):not(#\#) .group-hover\:border-sw-primary\/50{border-color:color-mix(in oklab,var(--color-sw-primary)50%,transparent)}}:where(.group):hover:not(#\#):not(#\#) .group-hover\:bg-\[\#716C4A\]\/10{background-color:rgba(113,108,74,.1)}:where(.group):hover:not(#\#):not(#\#) .group-hover\:text-\[\#716C4A\]{color:#716c4a}:where(.group):hover:not(#\#):not(#\#) .group-hover\:opacity-100{opacity:1}}.selection\:bg-\[\#716C4A\]:not(#\#):not(#\#) ::-moz-selection{background-color:#716c4a}.selection\:bg-\[\#716C4A\]:not(#\#):not(#\#) ::selection{background-color:#716c4a}.selection\:bg-\[\#716C4A\]:not(#\#):not(#\#)::-moz-selection{background-color:#716c4a}.selection\:bg-\[\#716C4A\]:not(#\#):not(#\#)::selection{background-color:#716c4a}.selection\:text-\[\#EFE9DB\]:not(#\#):not(#\#) ::-moz-selection{color:#efe9db}.selection\:text-\[\#EFE9DB\]:not(#\#):not(#\#) ::selection{color:#efe9db}.selection\:text-\[\#EFE9DB\]:not(#\#):not(#\#)::-moz-selection{color:#efe9db}.selection\:text-\[\#EFE9DB\]:not(#\#):not(#\#)::selection{color:#efe9db}.placeholder\:text-sw-text-secondary\/30:not(#\#):not(#\#)::placeholder{color:rgba(23,23,23,.3)}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-sw-text-secondary\/30:not(#\#):not(#\#)::placeholder{color:color-mix(in oklab,var(--color-sw-text-secondary)30%,transparent)}}@media(hover:hover){.hover\:-translate-y-1:hover:not(#\#):not(#\#){--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:border-\[\#716C4A\]:hover:not(#\#):not(#\#){border-color:#716c4a}.hover\:border-\[\#716C4A\]\/20:hover:not(#\#):not(#\#){border-color:rgba(113,108,74,.2)}.hover\:border-\[\#716C4A\]\/30:hover:not(#\#):not(#\#){border-color:rgba(113,108,74,.3)}.hover\:border-sw-primary\/50:hover:not(#\#):not(#\#){border-color:rgba(113,108,74,.5)}@supports (color:color-mix(in lab,red,red)){.hover\:border-sw-primary\/50:hover:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-sw-primary)50%,transparent)}}.hover\:bg-\[\#5a563b\]:hover:not(#\#):not(#\#){background-color:#5a563b}.hover\:bg-\[\#716C4A\]:hover:not(#\#):not(#\#){background-color:#716c4a}.hover\:bg-\[\#716C4A\]\/5:hover:not(#\#):not(#\#){background-color:rgba(113,108,74,.05)}.hover\:bg-\[\#716C4A\]\/10:hover:not(#\#):not(#\#){background-color:rgba(113,108,74,.1)}.hover\:bg-\[\#716C4A\]\/20:hover:not(#\#):not(#\#){background-color:rgba(113,108,74,.2)}.hover\:bg-black\/40:hover:not(#\#):not(#\#){background-color:rgba(0,0,0,.4)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/40:hover:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.hover\:bg-sw-primary\/5:hover:not(#\#):not(#\#){background-color:rgba(113,108,74,.05)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-sw-primary\/5:hover:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-sw-primary)5%,transparent)}}.hover\:bg-white:hover:not(#\#):not(#\#){background-color:var(--color-white)}.hover\:bg-white\/5:hover:not(#\#):not(#\#){background-color:rgba(255,255,255,.05)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.hover\:bg-white\/80:hover:not(#\#):not(#\#){background-color:rgba(255,255,255,.8)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/80:hover:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.hover\:text-\[\#716C4A\]:hover:not(#\#):not(#\#){color:#716c4a}.hover\:text-\[\#171717\]:hover:not(#\#):not(#\#){color:#171717}.hover\:text-white:hover:not(#\#):not(#\#){color:var(--color-white)}.hover\:text-yellow-400\/50:hover:not(#\#):not(#\#){color:rgba(250,200,0,.5)}@supports (color:color-mix(in lab,red,red)){.hover\:text-yellow-400\/50:hover:not(#\#):not(#\#){color:color-mix(in oklab,var(--color-yellow-400)50%,transparent)}}.hover\:underline:hover:not(#\#):not(#\#){-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover:not(#\#):not(#\#){opacity:1}}.focus\:border-sw-primary:focus:not(#\#):not(#\#){border-color:var(--color-sw-primary)}.focus\:outline-none:focus:not(#\#):not(#\#){--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled:not(#\#):not(#\#){pointer-events:none}.disabled\:opacity-0:disabled:not(#\#):not(#\#){opacity:0}@media(min-width:48rem){.md\:static:not(#\#):not(#\#){position:static}.md\:sticky:not(#\#):not(#\#){position:-webkit-sticky;position:sticky}.md\:top-0:not(#\#):not(#\#){top:calc(var(--spacing)*0)}.md\:order-1:not(#\#):not(#\#){order:1}.md\:order-3:not(#\#):not(#\#){order:3}.md\:col-span-1:not(#\#):not(#\#){grid-column:span 1/span 1}.md\:col-span-2:not(#\#):not(#\#){grid-column:span 2/span 2}.md\:row-span-1:not(#\#):not(#\#){grid-row:span 1/span 1}.md\:row-span-2:not(#\#):not(#\#){grid-row:span 2/span 2}.md\:block:not(#\#):not(#\#){display:block}.md\:flex:not(#\#):not(#\#){display:flex}.md\:hidden:not(#\#):not(#\#){display:none}.md\:inline:not(#\#):not(#\#){display:inline}.md\:h-14:not(#\#):not(#\#){height:calc(var(--spacing)*14)}.md\:h-16:not(#\#):not(#\#){height:calc(var(--spacing)*16)}.md\:h-48:not(#\#):not(#\#){height:calc(var(--spacing)*48)}.md\:h-\[600px\]:not(#\#):not(#\#){height:600px}.md\:h-\[calc\(100vh-6rem\)\]:not(#\#):not(#\#){height:calc(100vh - 6rem)}.md\:h-screen:not(#\#):not(#\#){height:100vh}.md\:w-14:not(#\#):not(#\#){width:calc(var(--spacing)*14)}.md\:w-16:not(#\#):not(#\#){width:calc(var(--spacing)*16)}.md\:w-48:not(#\#):not(#\#){width:calc(var(--spacing)*48)}.md\:max-w-\[400px\]:not(#\#):not(#\#){max-width:400px}.md\:translate-x-0:not(#\#):not(#\#){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.md\:grid-cols-2:not(#\#):not(#\#){grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3:not(#\#):not(#\#){grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4:not(#\#):not(#\#){grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-rows-2:not(#\#):not(#\#){grid-template-rows:repeat(2,minmax(0,1fr))}.md\:flex-row:not(#\#):not(#\#){flex-direction:row}.md\:items-center:not(#\#):not(#\#){align-items:center}.md\:items-end:not(#\#):not(#\#){align-items:flex-end}.md\:gap-4:not(#\#):not(#\#){gap:calc(var(--spacing)*4)}.md\:gap-6:not(#\#):not(#\#){gap:calc(var(--spacing)*6)}.md\:self-auto:not(#\#):not(#\#){align-self:auto}.md\:p-10:not(#\#):not(#\#){padding:calc(var(--spacing)*10)}.md\:p-12:not(#\#):not(#\#){padding:calc(var(--spacing)*12)}.md\:px-6:not(#\#):not(#\#){padding-left:calc(var(--spacing)*6);padding-right:calc(var(--spacing)*6)}.md\:px-10:not(#\#):not(#\#){padding-left:calc(var(--spacing)*10);padding-right:calc(var(--spacing)*10)}.md\:px-12:not(#\#):not(#\#){padding-left:calc(var(--spacing)*12);padding-right:calc(var(--spacing)*12)}.md\:py-2:not(#\#):not(#\#){padding-top:calc(var(--spacing)*2);padding-bottom:calc(var(--spacing)*2)}.md\:py-4:not(#\#):not(#\#){padding-top:calc(var(--spacing)*4);padding-bottom:calc(var(--spacing)*4)}.md\:pt-12:not(#\#):not(#\#){padding-top:calc(var(--spacing)*12)}.md\:text-3xl:not(#\#):not(#\#){font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl:not(#\#):not(#\#){font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl:not(#\#):not(#\#){font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-8xl:not(#\#):not(#\#){font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.md\:text-base:not(#\#):not(#\#){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-sm:not(#\#):not(#\#){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl:not(#\#):not(#\#){font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-xs:not(#\#):not(#\#){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media(min-width:64rem){.lg\:flex:not(#\#):not(#\#){display:flex}.lg\:hidden:not(#\#):not(#\#){display:none}.lg\:grid-cols-2:not(#\#):not(#\#){grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:text-5xl:not(#\#):not(#\#){font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media(prefers-color-scheme:dark){.dark\:bg-yellow-900\/30:not(#\#):not(#\#){background-color:rgba(115,62,10,.3)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/30:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-yellow-900)30%,transparent)}}.dark\:text-yellow-200:not(#\#):not(#\#){color:var(--color-yellow-200)}}.font-heading:not(#\#):not(#\#):not(#\#){font-family:var(--font-heading)}.font-body:not(#\#):not(#\#):not(#\#){font-family:var(--font-body)}.sawabona-form-container:not(#\#):not(#\#):not(#\#){font-family:var(--font-body);color:var(--color-text-secondary)}h1:not(#\#):not(#\#):not(#\#),h2:not(#\#):not(#\#):not(#\#),h3:not(#\#):not(#\#):not(#\#),h4:not(#\#):not(#\#):not(#\#),h5:not(#\#):not(#\#):not(#\#),h6:not(#\#):not(#\#):not(#\#){font-family:var(--font-heading);font-weight:400}.bg-noise:not(#\#):not(#\#):not(#\#){pointer-events:none;z-index:50;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}@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-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:rgba(0,0,0,0)}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:rgba(0,0,0,0)}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:rgba(0,0,0,0)}@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 rgba(0,0,0,0)}@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 rgba(0,0,0,0)}@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 rgba(0,0,0,0)}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 rgba(0,0,0,0)}@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 rgba(0,0,0,0)}@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}
|
|
7
|
+
}.pointer-events-none:not(#\#):not(#\#){pointer-events:none}.visible:not(#\#):not(#\#){visibility:visible}.absolute:not(#\#):not(#\#){position:absolute}.fixed:not(#\#):not(#\#){position:fixed}.relative:not(#\#):not(#\#){position:relative}.inset-0:not(#\#):not(#\#){top:calc(var(--spacing)*0);right:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0);left:calc(var(--spacing)*0)}.inset-x-0:not(#\#):not(#\#){left:calc(var(--spacing)*0);right:calc(var(--spacing)*0)}.inset-y-0:not(#\#):not(#\#){top:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0)}.top-0:not(#\#):not(#\#){top:calc(var(--spacing)*0)}.top-4:not(#\#):not(#\#){top:calc(var(--spacing)*4)}.top-6:not(#\#):not(#\#){top:calc(var(--spacing)*6)}.top-12:not(#\#):not(#\#){top:calc(var(--spacing)*12)}.right-0:not(#\#):not(#\#){right:calc(var(--spacing)*0)}.right-4:not(#\#):not(#\#){right:calc(var(--spacing)*4)}.right-6:not(#\#):not(#\#){right:calc(var(--spacing)*6)}.bottom-0:not(#\#):not(#\#){bottom:calc(var(--spacing)*0)}.left-0:not(#\#):not(#\#){left:calc(var(--spacing)*0)}.z-10:not(#\#):not(#\#){z-index:10}.z-20:not(#\#):not(#\#){z-index:20}.z-40:not(#\#):not(#\#){z-index:40}.z-50:not(#\#):not(#\#){z-index:50}.z-\[100\]:not(#\#):not(#\#){z-index:100}.order-2:not(#\#):not(#\#){order:2}.order-3:not(#\#):not(#\#){order:3}.mx-auto:not(#\#):not(#\#){margin-left:auto;margin-right:auto}.mt-2:not(#\#):not(#\#){margin-top:calc(var(--spacing)*2)}.mt-4:not(#\#):not(#\#){margin-top:calc(var(--spacing)*4)}.mt-6:not(#\#):not(#\#){margin-top:calc(var(--spacing)*6)}.mt-8:not(#\#):not(#\#){margin-top:calc(var(--spacing)*8)}.mt-20:not(#\#):not(#\#){margin-top:calc(var(--spacing)*20)}.mt-auto:not(#\#):not(#\#){margin-top:auto}.-mb-8:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*-8)}.mb-1:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*1)}.mb-2:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*2)}.mb-3:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*3)}.mb-4:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*4)}.mb-6:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*6)}.mb-8:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*8)}.mb-10:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*10)}.mb-12:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*12)}.mb-20:not(#\#):not(#\#){margin-bottom:calc(var(--spacing)*20)}.ml-1:not(#\#):not(#\#){margin-left:calc(var(--spacing)*1)}.ml-2:not(#\#):not(#\#){margin-left:calc(var(--spacing)*2)}.ml-auto:not(#\#):not(#\#){margin-left:auto}.block:not(#\#):not(#\#){display:block}.flex:not(#\#):not(#\#){display:flex}.grid:not(#\#):not(#\#){display:grid}.hidden:not(#\#):not(#\#){display:none}.inline-flex:not(#\#):not(#\#){display:inline-flex}.h-0\.5:not(#\#):not(#\#){height:calc(var(--spacing)*.5)}.h-1:not(#\#):not(#\#){height:calc(var(--spacing)*1)}.h-1\.5:not(#\#):not(#\#){height:calc(var(--spacing)*1.5)}.h-2:not(#\#):not(#\#){height:calc(var(--spacing)*2)}.h-3:not(#\#):not(#\#){height:calc(var(--spacing)*3)}.h-4:not(#\#):not(#\#){height:calc(var(--spacing)*4)}.h-6:not(#\#):not(#\#){height:calc(var(--spacing)*6)}.h-8:not(#\#):not(#\#){height:calc(var(--spacing)*8)}.h-10:not(#\#):not(#\#){height:calc(var(--spacing)*10)}.h-12:not(#\#):not(#\#){height:calc(var(--spacing)*12)}.h-16:not(#\#):not(#\#){height:calc(var(--spacing)*16)}.h-24:not(#\#):not(#\#){height:calc(var(--spacing)*24)}.h-32:not(#\#):not(#\#){height:calc(var(--spacing)*32)}.h-64:not(#\#):not(#\#){height:calc(var(--spacing)*64)}.h-\[calc\(100vh-100px\)\]:not(#\#):not(#\#){height:calc(100vh - 100px)}.h-auto:not(#\#):not(#\#){height:auto}.h-full:not(#\#):not(#\#){height:100%}.h-px:not(#\#):not(#\#){height:1px}.h-screen:not(#\#):not(#\#){height:100vh}.min-h-0:not(#\#):not(#\#){min-height:calc(var(--spacing)*0)}.min-h-full:not(#\#):not(#\#){min-height:100%}.min-h-screen:not(#\#):not(#\#){min-height:100vh}.w-1\.5:not(#\#):not(#\#){width:calc(var(--spacing)*1.5)}.w-1\/2:not(#\#):not(#\#){width:50%}.w-2:not(#\#):not(#\#){width:calc(var(--spacing)*2)}.w-3:not(#\#):not(#\#){width:calc(var(--spacing)*3)}.w-3\/4:not(#\#):not(#\#){width:75%}.w-4:not(#\#):not(#\#){width:calc(var(--spacing)*4)}.w-6:not(#\#):not(#\#){width:calc(var(--spacing)*6)}.w-8:not(#\#):not(#\#){width:calc(var(--spacing)*8)}.w-12:not(#\#):not(#\#){width:calc(var(--spacing)*12)}.w-24:not(#\#):not(#\#){width:calc(var(--spacing)*24)}.w-32:not(#\#):not(#\#){width:calc(var(--spacing)*32)}.w-64:not(#\#):not(#\#){width:calc(var(--spacing)*64)}.w-full:not(#\#):not(#\#){width:100%}.max-w-2xl:not(#\#):not(#\#){max-width:var(--container-2xl)}.max-w-3xl:not(#\#):not(#\#){max-width:var(--container-3xl)}.max-w-4xl:not(#\#):not(#\#){max-width:var(--container-4xl)}.max-w-5xl:not(#\#):not(#\#){max-width:var(--container-5xl)}.max-w-7xl:not(#\#):not(#\#){max-width:var(--container-7xl)}.max-w-\[300px\]:not(#\#):not(#\#){max-width:300px}.max-w-\[1600px\]:not(#\#):not(#\#){max-width:1600px}.max-w-md:not(#\#):not(#\#){max-width:var(--container-md)}.max-w-none:not(#\#):not(#\#){max-width:none}.max-w-xl:not(#\#):not(#\#){max-width:var(--container-xl)}.max-w-xs:not(#\#):not(#\#){max-width:var(--container-xs)}.min-w-\[3rem\]:not(#\#):not(#\#){min-width:3rem}.flex-1:not(#\#):not(#\#){flex:1}.shrink-0:not(#\#):not(#\#){flex-shrink:0}.-translate-x-full:not(#\#):not(#\#){--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0:not(#\#):not(#\#){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-4:not(#\#):not(#\#){--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform:not(#\#):not(#\#){transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer:not(#\#):not(#\#){cursor:pointer}.resize:not(#\#):not(#\#){resize:both}.flex-col:not(#\#):not(#\#){flex-direction:column}.flex-wrap:not(#\#):not(#\#){flex-wrap:wrap}.items-baseline:not(#\#):not(#\#){align-items:baseline}.items-center:not(#\#):not(#\#){align-items:center}.items-end:not(#\#):not(#\#){align-items:flex-end}.items-start:not(#\#):not(#\#){align-items:flex-start}.justify-between:not(#\#):not(#\#){justify-content:space-between}.justify-center:not(#\#):not(#\#){justify-content:center}.gap-1:not(#\#):not(#\#){gap:calc(var(--spacing)*1)}.gap-2:not(#\#):not(#\#){gap:calc(var(--spacing)*2)}.gap-3:not(#\#):not(#\#){gap:calc(var(--spacing)*3)}.gap-4:not(#\#):not(#\#){gap:calc(var(--spacing)*4)}.gap-6:not(#\#):not(#\#){gap:calc(var(--spacing)*6)}.gap-8:not(#\#):not(#\#){gap:calc(var(--spacing)*8)}.gap-12:not(#\#):not(#\#){gap:calc(var(--spacing)*12)}:where(.space-y-1>:not(:last-child)):not(#\#):not(#\#){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-top:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)):not(#\#):not(#\#){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-top:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)):not(#\#):not(#\#){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-top:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.self-end:not(#\#):not(#\#){align-self:flex-end}.self-start:not(#\#):not(#\#){align-self:flex-start}.overflow-hidden:not(#\#):not(#\#){overflow:hidden}.overflow-x-auto:not(#\#):not(#\#){overflow-x:auto}.overflow-x-hidden:not(#\#):not(#\#){overflow-x:hidden}.overflow-y-auto:not(#\#):not(#\#){overflow-y:auto}.rounded:not(#\#):not(#\#){border-radius:.25rem}.rounded-2xl:not(#\#):not(#\#){border-radius:var(--radius-2xl)}.rounded-3xl:not(#\#):not(#\#){border-radius:var(--radius-3xl)}.rounded-full:not(#\#):not(#\#){border-radius:3.40282e38px}.rounded-lg:not(#\#):not(#\#){border-radius:var(--radius-lg)}.rounded-md:not(#\#):not(#\#){border-radius:var(--radius-md)}.rounded-xl:not(#\#):not(#\#){border-radius:var(--radius-xl)}.rounded-t-sm:not(#\#):not(#\#){border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-t-xl:not(#\#):not(#\#){border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border:not(#\#):not(#\#){border-style:var(--tw-border-style);border-width:1px}.border-2:not(#\#):not(#\#){border-style:var(--tw-border-style);border-width:2px}.border-8:not(#\#):not(#\#){border-style:var(--tw-border-style);border-width:8px}.border-y:not(#\#):not(#\#){border-top-style:var(--tw-border-style);border-bottom-style:var(--tw-border-style);border-top-width:1px;border-bottom-width:1px}.border-t:not(#\#):not(#\#){border-top-style:var(--tw-border-style);border-top-width:1px}.border-r:not(#\#):not(#\#){border-right-style:var(--tw-border-style);border-right-width:1px}.border-b:not(#\#):not(#\#){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2:not(#\#):not(#\#){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4:not(#\#):not(#\#){border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l:not(#\#):not(#\#){border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[\#716C4A\]\/5:not(#\#):not(#\#){border-color:rgba(113,108,74,.05)}.border-\[\#716C4A\]\/10:not(#\#):not(#\#){border-color:rgba(113,108,74,.1)}.border-\[\#716C4A\]\/20:not(#\#):not(#\#){border-color:rgba(113,108,74,.2)}.border-\[\#716C4A\]\/30:not(#\#):not(#\#){border-color:rgba(113,108,74,.3)}.border-\[\#171717\]:not(#\#):not(#\#){border-color:#171717}.border-green-500\/50:not(#\#):not(#\#){border-color:rgba(0,199,88,.5)}@supports (color:color-mix(in lab,red,red)){.border-green-500\/50:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-green-500)50%,transparent)}}.border-red-500\/50:not(#\#):not(#\#){border-color:rgba(251,44,54,.5)}@supports (color:color-mix(in lab,red,red)){.border-red-500\/50:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-red-500)50%,transparent)}}.border-sw-primary:not(#\#):not(#\#){border-color:var(--color-sw-primary)}.border-sw-primary\/20:not(#\#):not(#\#){border-color:rgba(113,108,74,.2)}@supports (color:color-mix(in lab,red,red)){.border-sw-primary\/20:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-sw-primary)20%,transparent)}}.border-sw-text-secondary\/10:not(#\#):not(#\#){border-color:rgba(23,23,23,.1)}@supports (color:color-mix(in lab,red,red)){.border-sw-text-secondary\/10:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-sw-text-secondary)10%,transparent)}}.border-sw-text-secondary\/20:not(#\#):not(#\#){border-color:rgba(23,23,23,.2)}@supports (color:color-mix(in lab,red,red)){.border-sw-text-secondary\/20:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-sw-text-secondary)20%,transparent)}}.border-sw-text-secondary\/30:not(#\#):not(#\#){border-color:rgba(23,23,23,.3)}@supports (color:color-mix(in lab,red,red)){.border-sw-text-secondary\/30:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-sw-text-secondary)30%,transparent)}}.border-white\/5:not(#\#):not(#\#){border-color:rgba(255,255,255,.05)}@supports (color:color-mix(in lab,red,red)){.border-white\/5:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.border-white\/10:not(#\#):not(#\#){border-color:rgba(255,255,255,.1)}@supports (color:color-mix(in lab,red,red)){.border-white\/10:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-yellow-500\/50:not(#\#):not(#\#){border-color:rgba(237,178,0,.5)}@supports (color:color-mix(in lab,red,red)){.border-yellow-500\/50:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-yellow-500)50%,transparent)}}.bg-\[\#1e1e1e\]:not(#\#):not(#\#){background-color:#1e1e1e}.bg-\[\#2d2d2d\]:not(#\#):not(#\#){background-color:#2d2d2d}.bg-\[\#27c93f\]:not(#\#):not(#\#){background-color:#27c93f}.bg-\[\#716C4A\]:not(#\#):not(#\#){background-color:#716c4a}.bg-\[\#716C4A\]\/5:not(#\#):not(#\#){background-color:rgba(113,108,74,.05)}.bg-\[\#716C4A\]\/10:not(#\#):not(#\#){background-color:rgba(113,108,74,.1)}.bg-\[\#716C4A\]\/20:not(#\#):not(#\#){background-color:rgba(113,108,74,.2)}.bg-\[\#171717\]:not(#\#):not(#\#){background-color:#171717}.bg-\[\#171717\]\/10:not(#\#):not(#\#){background-color:rgba(23,23,23,.1)}.bg-\[\#EFE9DB\]:not(#\#):not(#\#){background-color:#efe9db}.bg-\[\#EFE9DB\]\/50:not(#\#):not(#\#){background-color:rgba(239,233,219,.5)}.bg-\[\#EFE9DB\]\/80:not(#\#):not(#\#){background-color:rgba(239,233,219,.8)}.bg-\[\#ff5f56\]:not(#\#):not(#\#){background-color:#ff5f56}.bg-\[\#ffbd2e\]:not(#\#):not(#\#){background-color:#ffbd2e}.bg-black\/20:not(#\#):not(#\#){background-color:rgba(0,0,0,.2)}@supports (color:color-mix(in lab,red,red)){.bg-black\/20:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-current:not(#\#):not(#\#){background-color:currentColor}.bg-green-500:not(#\#):not(#\#){background-color:var(--color-green-500)}.bg-green-500\/20:not(#\#):not(#\#){background-color:rgba(0,199,88,.2)}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/20:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-green-500)20%,transparent)}}.bg-red-500:not(#\#):not(#\#){background-color:var(--color-red-500)}.bg-red-500\/20:not(#\#):not(#\#){background-color:rgba(251,44,54,.2)}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/20:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.bg-sw-primary:not(#\#):not(#\#){background-color:var(--color-sw-primary)}.bg-sw-primary\/5:not(#\#):not(#\#){background-color:rgba(113,108,74,.05)}@supports (color:color-mix(in lab,red,red)){.bg-sw-primary\/5:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-sw-primary)5%,transparent)}}.bg-sw-primary\/10:not(#\#):not(#\#){background-color:rgba(113,108,74,.1)}@supports (color:color-mix(in lab,red,red)){.bg-sw-primary\/10:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-sw-primary)10%,transparent)}}.bg-transparent:not(#\#):not(#\#){background-color:rgba(0,0,0,0)}.bg-white:not(#\#):not(#\#){background-color:var(--color-white)}.bg-white\/5:not(#\#):not(#\#){background-color:rgba(255,255,255,.05)}@supports (color:color-mix(in lab,red,red)){.bg-white\/5:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/50:not(#\#):not(#\#){background-color:rgba(255,255,255,.5)}@supports (color:color-mix(in lab,red,red)){.bg-white\/50:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.bg-white\/60:not(#\#):not(#\#){background-color:rgba(255,255,255,.6)}@supports (color:color-mix(in lab,red,red)){.bg-white\/60:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-yellow-100:not(#\#):not(#\#){background-color:var(--color-yellow-100)}.bg-yellow-500\/20:not(#\#):not(#\#){background-color:rgba(237,178,0,.2)}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/20:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-yellow-500)20%,transparent)}}.bg-gradient-to-br:not(#\#):not(#\#){--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r:not(#\#):not(#\#){--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t:not(#\#):not(#\#){--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr:not(#\#):not(#\#){--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#716C4A\]\/5:not(#\#):not(#\#){--tw-gradient-from:rgba(113, 108, 74, 0.05);--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))}.from-\[\#716C4A\]\/10:not(#\#):not(#\#){--tw-gradient-from:rgba(113, 108, 74, 0.1);--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))}.from-\[\#716C4A\]\/20:not(#\#):not(#\#){--tw-gradient-from:rgba(113, 108, 74, 0.2);--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))}.from-transparent:not(#\#):not(#\#){--tw-gradient-from:transparent;--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))}.via-\[\#716C4A\]\/10:not(#\#):not(#\#){--tw-gradient-via:rgba(113, 108, 74, 0.1);--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)}.via-\[\#716C4A\]\/20:not(#\#):not(#\#){--tw-gradient-via:rgba(113, 108, 74, 0.2);--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)}.to-transparent:not(#\#):not(#\#){--tw-gradient-to:transparent;--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))}.fill-yellow-400:not(#\#):not(#\#){fill:var(--color-yellow-400)}.p-1:not(#\#):not(#\#){padding:calc(var(--spacing)*1)}.p-2:not(#\#):not(#\#){padding:calc(var(--spacing)*2)}.p-3:not(#\#):not(#\#){padding:calc(var(--spacing)*3)}.p-4:not(#\#):not(#\#){padding:calc(var(--spacing)*4)}.p-6:not(#\#):not(#\#){padding:calc(var(--spacing)*6)}.p-8:not(#\#):not(#\#){padding:calc(var(--spacing)*8)}.px-2:not(#\#):not(#\#){padding-left:calc(var(--spacing)*2);padding-right:calc(var(--spacing)*2)}.px-3:not(#\#):not(#\#){padding-left:calc(var(--spacing)*3);padding-right:calc(var(--spacing)*3)}.px-4:not(#\#):not(#\#){padding-left:calc(var(--spacing)*4);padding-right:calc(var(--spacing)*4)}.px-6:not(#\#):not(#\#){padding-left:calc(var(--spacing)*6);padding-right:calc(var(--spacing)*6)}.px-8:not(#\#):not(#\#){padding-left:calc(var(--spacing)*8);padding-right:calc(var(--spacing)*8)}.py-1:not(#\#):not(#\#){padding-top:calc(var(--spacing)*1);padding-bottom:calc(var(--spacing)*1)}.py-1\.5:not(#\#):not(#\#){padding-top:calc(var(--spacing)*1.5);padding-bottom:calc(var(--spacing)*1.5)}.py-2:not(#\#):not(#\#){padding-top:calc(var(--spacing)*2);padding-bottom:calc(var(--spacing)*2)}.py-3:not(#\#):not(#\#){padding-top:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*3)}.py-4:not(#\#):not(#\#){padding-top:calc(var(--spacing)*4);padding-bottom:calc(var(--spacing)*4)}.py-12:not(#\#):not(#\#){padding-top:calc(var(--spacing)*12);padding-bottom:calc(var(--spacing)*12)}.py-24:not(#\#):not(#\#){padding-top:calc(var(--spacing)*24);padding-bottom:calc(var(--spacing)*24)}.py-32:not(#\#):not(#\#){padding-top:calc(var(--spacing)*32);padding-bottom:calc(var(--spacing)*32)}.pt-6:not(#\#):not(#\#){padding-top:calc(var(--spacing)*6)}.pt-24:not(#\#):not(#\#){padding-top:calc(var(--spacing)*24)}.pt-40:not(#\#):not(#\#){padding-top:calc(var(--spacing)*40)}.pb-8:not(#\#):not(#\#){padding-bottom:calc(var(--spacing)*8)}.pb-32:not(#\#):not(#\#){padding-bottom:calc(var(--spacing)*32)}.text-center:not(#\#):not(#\#){text-align:center}.text-left:not(#\#):not(#\#){text-align:left}.font-mono:not(#\#):not(#\#){font-family:var(--font-mono)}.font-sans:not(#\#):not(#\#){font-family:var(--font-sans)}.font-sw-heading:not(#\#):not(#\#){font-family:var(--font-sw-heading)}.text-2xl:not(#\#):not(#\#){font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl:not(#\#):not(#\#){font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl:not(#\#):not(#\#){font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl:not(#\#):not(#\#){font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg:not(#\#):not(#\#){font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm:not(#\#):not(#\#){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl:not(#\#):not(#\#){font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs:not(#\#):not(#\#){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]:not(#\#):not(#\#){font-size:10px}.leading-relaxed:not(#\#):not(#\#){--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight:not(#\#):not(#\#){--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold:not(#\#):not(#\#){--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium:not(#\#):not(#\#){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal:not(#\#):not(#\#){--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold:not(#\#):not(#\#){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]:not(#\#):not(#\#){--tw-tracking:.2em;letter-spacing:.2em}.tracking-tight:not(#\#):not(#\#){--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide:not(#\#):not(#\#){--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider:not(#\#):not(#\#){--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest:not(#\#):not(#\#){--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-pretty:not(#\#):not(#\#){text-wrap:pretty}.whitespace-pre:not(#\#):not(#\#){white-space:pre}.whitespace-pre-line:not(#\#):not(#\#){white-space:pre-line}.text-\[\#716C4A\]:not(#\#):not(#\#){color:#716c4a}.text-\[\#716C4A\]\/20:not(#\#):not(#\#){color:rgba(113,108,74,.2)}.text-\[\#716C4A\]\/40:not(#\#):not(#\#){color:rgba(113,108,74,.4)}.text-\[\#716C4A\]\/60:not(#\#):not(#\#){color:rgba(113,108,74,.6)}.text-\[\#716C4A\]\/80:not(#\#):not(#\#){color:rgba(113,108,74,.8)}.text-\[\#171717\]:not(#\#):not(#\#){color:#171717}.text-\[\#EFE9DB\]:not(#\#):not(#\#){color:#efe9db}.text-\[\#EFE9DB\]\/70:not(#\#):not(#\#){color:rgba(239,233,219,.7)}.text-blue-400:not(#\#):not(#\#){color:var(--color-blue-400)}.text-blue-600:not(#\#):not(#\#){color:var(--color-blue-600)}.text-green-400:not(#\#):not(#\#){color:var(--color-green-400)}.text-green-500:not(#\#):not(#\#){color:var(--color-green-500)}.text-purple-600:not(#\#):not(#\#){color:var(--color-purple-600)}.text-red-400:not(#\#):not(#\#){color:var(--color-red-400)}.text-red-500:not(#\#):not(#\#){color:var(--color-red-500)}.text-sw-background:not(#\#):not(#\#){color:var(--color-sw-background)}.text-sw-primary:not(#\#):not(#\#){color:var(--color-sw-primary)}.text-sw-primary\/90:not(#\#):not(#\#){color:rgba(113,108,74,.9)}@supports (color:color-mix(in lab,red,red)){.text-sw-primary\/90:not(#\#):not(#\#){color:color-mix(in oklab,var(--color-sw-primary)90%,transparent)}}.text-sw-text-secondary\/50:not(#\#):not(#\#){color:rgba(23,23,23,.5)}@supports (color:color-mix(in lab,red,red)){.text-sw-text-secondary\/50:not(#\#):not(#\#){color:color-mix(in oklab,var(--color-sw-text-secondary)50%,transparent)}}.text-transparent:not(#\#):not(#\#){color:rgba(0,0,0,0)}.text-white\/40:not(#\#):not(#\#){color:rgba(255,255,255,.4)}@supports (color:color-mix(in lab,red,red)){.text-white\/40:not(#\#):not(#\#){color:color-mix(in oklab,var(--color-white)40%,transparent)}}.text-yellow-400:not(#\#):not(#\#){color:var(--color-yellow-400)}.text-yellow-600:not(#\#):not(#\#){color:var(--color-yellow-600)}.text-yellow-800:not(#\#):not(#\#){color:var(--color-yellow-800)}.text-zinc-500:not(#\#):not(#\#){color:var(--color-zinc-500)}.text-zinc-600:not(#\#):not(#\#){color:var(--color-zinc-600)}.uppercase:not(#\#):not(#\#){text-transform:uppercase}.no-underline:not(#\#):not(#\#){-webkit-text-decoration-line:none;text-decoration-line:none}.caret-white:not(#\#):not(#\#){caret-color:var(--color-white)}.opacity-0:not(#\#):not(#\#){opacity:0}.opacity-5:not(#\#):not(#\#){opacity:.05}.opacity-10:not(#\#):not(#\#){opacity:.1}.opacity-20:not(#\#):not(#\#){opacity:.2}.opacity-30:not(#\#):not(#\#){opacity:.3}.opacity-40:not(#\#):not(#\#){opacity:.4}.opacity-50:not(#\#):not(#\#){opacity:.5}.opacity-60:not(#\#):not(#\#){opacity:.6}.opacity-70:not(#\#):not(#\#){opacity:.7}.opacity-80:not(#\#):not(#\#){opacity:.8}.shadow-2xl:not(#\#):not(#\#){--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,rgba(0,0,0,0.25098));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_20px_rgba\(113\,108\,74\,0\.2\)\]:not(#\#):not(#\#){--tw-shadow:0 0 20px var(--tw-shadow-color,rgba(113,108,74,0.2));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_30px_rgba\(113\,108\,74\,0\.1\)\]:not(#\#):not(#\#){--tw-shadow:0 0 30px var(--tw-shadow-color,rgba(113,108,74,0.10196));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_40px_rgba\(113\,108\,74\,0\.1\)\]:not(#\#):not(#\#){--tw-shadow:0 0 40px var(--tw-shadow-color,rgba(113,108,74,0.10196));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg:not(#\#):not(#\#){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,0.10196)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,0.10196));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:not(#\#):not(#\#){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,0.10196)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,0.10196));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:not(#\#):not(#\#){--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-\[\#716C4A\]\/20:not(#\#):not(#\#){--tw-shadow-color:rgba(113,108,74,0.2)}@supports (color:color-mix(in lab,red,red)){.shadow-\[\#716C4A\]\/20:not(#\#):not(#\#){--tw-shadow-color:color-mix(in oklab,rgba(113, 108, 74, 0.2) var(--tw-shadow-alpha),transparent)}}.shadow-sw-primary:not(#\#):not(#\#){--tw-shadow-color:#716c4a}@supports (color:color-mix(in lab,red,red)){.shadow-sw-primary:not(#\#):not(#\#){--tw-shadow-color:color-mix(in oklab,var(--color-sw-primary)var(--tw-shadow-alpha),transparent)}}.ring-white\/10:not(#\#):not(#\#){--tw-ring-color:rgba(255,255,255,0.10196)}@supports (color:color-mix(in lab,red,red)){.ring-white\/10:not(#\#):not(#\#){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.outline:not(#\#):not(#\#){outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[100px\]:not(#\#):not(#\#){--tw-blur:blur(100px);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_0_15px_rgba\(250\,204\,21\,0\.4\)\]:not(#\#):not(#\#){--tw-drop-shadow-size:drop-shadow(0 0 15px var(--tw-drop-shadow-color,rgba(250,204,21,0.4)));--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:not(#\#):not(#\#){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-md:not(#\#):not(#\#){--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,)}.backdrop-blur-sm:not(#\#):not(#\#){--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,)}.transition:not(#\#):not(#\#){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-all:not(#\#):not(#\#){transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors:not(#\#):not(#\#){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:not(#\#):not(#\#){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:not(#\#):not(#\#){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-200:not(#\#):not(#\#){--tw-duration:.2s;transition-duration:.2s}.duration-300:not(#\#):not(#\#){--tw-duration:.3s;transition-duration:.3s}.duration-500:not(#\#):not(#\#){--tw-duration:.5s;transition-duration:.5s}.duration-700:not(#\#):not(#\#){--tw-duration:.7s;transition-duration:.7s}.ease-in-out:not(#\#):not(#\#){--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none:not(#\#):not(#\#){--tw-outline-style:none;outline-style:none}.select-none:not(#\#):not(#\#){-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){:where(.group):hover:not(#\#):not(#\#) .group-hover\:translate-x-0\.5{--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}:where(.group):hover:not(#\#):not(#\#) .group-hover\:translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}:where(.group):hover:not(#\#):not(#\#) .group-hover\:translate-y-2{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}:where(.group):hover:not(#\#):not(#\#) .group-hover\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}:where(.group):hover:not(#\#):not(#\#) .group-hover\:border-sw-primary\/50{border-color:rgba(113,108,74,.5)}@supports (color:color-mix(in lab,red,red)){:where(.group):hover:not(#\#):not(#\#) .group-hover\:border-sw-primary\/50{border-color:color-mix(in oklab,var(--color-sw-primary)50%,transparent)}}:where(.group):hover:not(#\#):not(#\#) .group-hover\:bg-\[\#716C4A\]\/10{background-color:rgba(113,108,74,.1)}:where(.group):hover:not(#\#):not(#\#) .group-hover\:text-\[\#716C4A\]{color:#716c4a}:where(.group):hover:not(#\#):not(#\#) .group-hover\:opacity-100{opacity:1}}.selection\:bg-\[\#716C4A\]:not(#\#):not(#\#) ::-moz-selection{background-color:#716c4a}.selection\:bg-\[\#716C4A\]:not(#\#):not(#\#) ::selection{background-color:#716c4a}.selection\:bg-\[\#716C4A\]:not(#\#):not(#\#)::-moz-selection{background-color:#716c4a}.selection\:bg-\[\#716C4A\]:not(#\#):not(#\#)::selection{background-color:#716c4a}.selection\:text-\[\#EFE9DB\]:not(#\#):not(#\#) ::-moz-selection{color:#efe9db}.selection\:text-\[\#EFE9DB\]:not(#\#):not(#\#) ::selection{color:#efe9db}.selection\:text-\[\#EFE9DB\]:not(#\#):not(#\#)::-moz-selection{color:#efe9db}.selection\:text-\[\#EFE9DB\]:not(#\#):not(#\#)::selection{color:#efe9db}.placeholder\:text-sw-text-secondary\/30:not(#\#):not(#\#)::placeholder{color:rgba(23,23,23,.3)}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-sw-text-secondary\/30:not(#\#):not(#\#)::placeholder{color:color-mix(in oklab,var(--color-sw-text-secondary)30%,transparent)}}@media(hover:hover){.hover\:-translate-y-1:hover:not(#\#):not(#\#){--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:border-\[\#716C4A\]:hover:not(#\#):not(#\#){border-color:#716c4a}.hover\:border-\[\#716C4A\]\/20:hover:not(#\#):not(#\#){border-color:rgba(113,108,74,.2)}.hover\:border-\[\#716C4A\]\/30:hover:not(#\#):not(#\#){border-color:rgba(113,108,74,.3)}.hover\:border-sw-primary\/50:hover:not(#\#):not(#\#){border-color:rgba(113,108,74,.5)}@supports (color:color-mix(in lab,red,red)){.hover\:border-sw-primary\/50:hover:not(#\#):not(#\#){border-color:color-mix(in oklab,var(--color-sw-primary)50%,transparent)}}.hover\:bg-\[\#5a563b\]:hover:not(#\#):not(#\#){background-color:#5a563b}.hover\:bg-\[\#716C4A\]:hover:not(#\#):not(#\#){background-color:#716c4a}.hover\:bg-\[\#716C4A\]\/5:hover:not(#\#):not(#\#){background-color:rgba(113,108,74,.05)}.hover\:bg-\[\#716C4A\]\/10:hover:not(#\#):not(#\#){background-color:rgba(113,108,74,.1)}.hover\:bg-\[\#716C4A\]\/20:hover:not(#\#):not(#\#){background-color:rgba(113,108,74,.2)}.hover\:bg-black\/40:hover:not(#\#):not(#\#){background-color:rgba(0,0,0,.4)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/40:hover:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.hover\:bg-sw-primary\/5:hover:not(#\#):not(#\#){background-color:rgba(113,108,74,.05)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-sw-primary\/5:hover:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-sw-primary)5%,transparent)}}.hover\:bg-white:hover:not(#\#):not(#\#){background-color:var(--color-white)}.hover\:bg-white\/5:hover:not(#\#):not(#\#){background-color:rgba(255,255,255,.05)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.hover\:bg-white\/80:hover:not(#\#):not(#\#){background-color:rgba(255,255,255,.8)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/80:hover:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.hover\:text-\[\#716C4A\]:hover:not(#\#):not(#\#){color:#716c4a}.hover\:text-\[\#171717\]:hover:not(#\#):not(#\#){color:#171717}.hover\:text-white:hover:not(#\#):not(#\#){color:var(--color-white)}.hover\:text-yellow-400\/50:hover:not(#\#):not(#\#){color:rgba(250,200,0,.5)}@supports (color:color-mix(in lab,red,red)){.hover\:text-yellow-400\/50:hover:not(#\#):not(#\#){color:color-mix(in oklab,var(--color-yellow-400)50%,transparent)}}.hover\:underline:hover:not(#\#):not(#\#){-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover:not(#\#):not(#\#){opacity:1}}.focus\:border-sw-primary:focus:not(#\#):not(#\#){border-color:var(--color-sw-primary)}.focus\:outline-none:focus:not(#\#):not(#\#){--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled:not(#\#):not(#\#){pointer-events:none}.disabled\:opacity-0:disabled:not(#\#):not(#\#){opacity:0}@media(min-width:48rem){.md\:static:not(#\#):not(#\#){position:static}.md\:sticky:not(#\#):not(#\#){position:-webkit-sticky;position:sticky}.md\:top-0:not(#\#):not(#\#){top:calc(var(--spacing)*0)}.md\:order-1:not(#\#):not(#\#){order:1}.md\:order-3:not(#\#):not(#\#){order:3}.md\:col-span-1:not(#\#):not(#\#){grid-column:span 1/span 1}.md\:col-span-2:not(#\#):not(#\#){grid-column:span 2/span 2}.md\:row-span-1:not(#\#):not(#\#){grid-row:span 1/span 1}.md\:row-span-2:not(#\#):not(#\#){grid-row:span 2/span 2}.md\:block:not(#\#):not(#\#){display:block}.md\:flex:not(#\#):not(#\#){display:flex}.md\:hidden:not(#\#):not(#\#){display:none}.md\:inline:not(#\#):not(#\#){display:inline}.md\:h-14:not(#\#):not(#\#){height:calc(var(--spacing)*14)}.md\:h-16:not(#\#):not(#\#){height:calc(var(--spacing)*16)}.md\:h-48:not(#\#):not(#\#){height:calc(var(--spacing)*48)}.md\:h-\[600px\]:not(#\#):not(#\#){height:600px}.md\:h-\[calc\(100vh-6rem\)\]:not(#\#):not(#\#){height:calc(100vh - 6rem)}.md\:h-screen:not(#\#):not(#\#){height:100vh}.md\:w-14:not(#\#):not(#\#){width:calc(var(--spacing)*14)}.md\:w-16:not(#\#):not(#\#){width:calc(var(--spacing)*16)}.md\:w-48:not(#\#):not(#\#){width:calc(var(--spacing)*48)}.md\:max-w-\[400px\]:not(#\#):not(#\#){max-width:400px}.md\:translate-x-0:not(#\#):not(#\#){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.md\:grid-cols-2:not(#\#):not(#\#){grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3:not(#\#):not(#\#){grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4:not(#\#):not(#\#){grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-rows-2:not(#\#):not(#\#){grid-template-rows:repeat(2,minmax(0,1fr))}.md\:flex-row:not(#\#):not(#\#){flex-direction:row}.md\:items-center:not(#\#):not(#\#){align-items:center}.md\:items-end:not(#\#):not(#\#){align-items:flex-end}.md\:gap-4:not(#\#):not(#\#){gap:calc(var(--spacing)*4)}.md\:gap-6:not(#\#):not(#\#){gap:calc(var(--spacing)*6)}.md\:self-auto:not(#\#):not(#\#){align-self:auto}.md\:p-10:not(#\#):not(#\#){padding:calc(var(--spacing)*10)}.md\:p-12:not(#\#):not(#\#){padding:calc(var(--spacing)*12)}.md\:px-6:not(#\#):not(#\#){padding-left:calc(var(--spacing)*6);padding-right:calc(var(--spacing)*6)}.md\:px-10:not(#\#):not(#\#){padding-left:calc(var(--spacing)*10);padding-right:calc(var(--spacing)*10)}.md\:px-12:not(#\#):not(#\#){padding-left:calc(var(--spacing)*12);padding-right:calc(var(--spacing)*12)}.md\:py-2:not(#\#):not(#\#){padding-top:calc(var(--spacing)*2);padding-bottom:calc(var(--spacing)*2)}.md\:py-4:not(#\#):not(#\#){padding-top:calc(var(--spacing)*4);padding-bottom:calc(var(--spacing)*4)}.md\:pt-12:not(#\#):not(#\#){padding-top:calc(var(--spacing)*12)}.md\:text-3xl:not(#\#):not(#\#){font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl:not(#\#):not(#\#){font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl:not(#\#):not(#\#){font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-8xl:not(#\#):not(#\#){font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.md\:text-base:not(#\#):not(#\#){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-sm:not(#\#):not(#\#){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl:not(#\#):not(#\#){font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-xs:not(#\#):not(#\#){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media(min-width:64rem){.lg\:flex:not(#\#):not(#\#){display:flex}.lg\:hidden:not(#\#):not(#\#){display:none}.lg\:grid-cols-2:not(#\#):not(#\#){grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:text-5xl:not(#\#):not(#\#){font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media(prefers-color-scheme:dark){.dark\:bg-yellow-900\/30:not(#\#):not(#\#){background-color:rgba(115,62,10,.3)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/30:not(#\#):not(#\#){background-color:color-mix(in oklab,var(--color-yellow-900)30%,transparent)}}.dark\:text-yellow-200:not(#\#):not(#\#){color:var(--color-yellow-200)}}.sawabona-form-container:not(#\#):not(#\#):not(#\#){font-family:var(--font-sw-body);color:var(--color-sw-text-secondary)}.sawabona-form-container:not(#\#):not(#\#):not(#\#) .font-heading{font-family:var(--font-sw-heading)}.sawabona-form-container:not(#\#):not(#\#):not(#\#) .font-body{font-family:var(--font-sw-body)}.sawabona-form-container:not(#\#):not(#\#):not(#\#) h1,.sawabona-form-container:not(#\#):not(#\#):not(#\#) h2,.sawabona-form-container:not(#\#):not(#\#):not(#\#) h3,.sawabona-form-container:not(#\#):not(#\#):not(#\#) h4,.sawabona-form-container:not(#\#):not(#\#):not(#\#) h5,.sawabona-form-container:not(#\#):not(#\#):not(#\#) h6{font-family:var(--font-sw-heading);font-weight:400}.bg-noise:not(#\#):not(#\#):not(#\#){pointer-events:none;z-index:50;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}@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-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:rgba(0,0,0,0)}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:rgba(0,0,0,0)}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:rgba(0,0,0,0)}@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 rgba(0,0,0,0)}@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 rgba(0,0,0,0)}@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 rgba(0,0,0,0)}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 rgba(0,0,0,0)}@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 rgba(0,0,0,0)}@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}
|
|
@@ -33,64 +33,64 @@ function J({ schema: e, onSubmit: a }) {
|
|
|
33
33
|
errors: {},
|
|
34
34
|
isCompleted: !1
|
|
35
35
|
}), d = K(
|
|
36
|
-
() => e.questions.findIndex((
|
|
36
|
+
() => e.questions.findIndex((s) => s.id === r.currentStepId),
|
|
37
37
|
[e.questions, r.currentStepId]
|
|
38
|
-
), l = e.questions[d], h = C((
|
|
38
|
+
), l = e.questions[d], h = C((s, o) => {
|
|
39
39
|
t((i) => w(x({}, i), {
|
|
40
40
|
answers: w(x({}, i.answers), {
|
|
41
|
-
[
|
|
41
|
+
[s]: o
|
|
42
42
|
}),
|
|
43
43
|
// Clear error on modification
|
|
44
44
|
errors: w(x({}, i.errors), {
|
|
45
|
-
[
|
|
45
|
+
[s]: ""
|
|
46
46
|
})
|
|
47
47
|
}));
|
|
48
|
-
}, []), u = C((
|
|
48
|
+
}, []), u = C((s, o) => {
|
|
49
49
|
t((i) => {
|
|
50
|
-
if (
|
|
51
|
-
const N = i.errors, { [
|
|
50
|
+
if (o === null) {
|
|
51
|
+
const N = i.errors, { [s]: k } = N, I = z(N, [j(s)]);
|
|
52
52
|
return w(x({}, i), { errors: I });
|
|
53
53
|
}
|
|
54
54
|
return w(x({}, i), {
|
|
55
|
-
errors: w(x({}, i.errors), { [
|
|
55
|
+
errors: w(x({}, i.errors), { [s]: o })
|
|
56
56
|
});
|
|
57
57
|
});
|
|
58
58
|
}, []), c = C(() => {
|
|
59
59
|
var i;
|
|
60
60
|
if (!l) return !0;
|
|
61
|
-
const
|
|
62
|
-
return
|
|
63
|
-
}, [l, r.answers, u, e.i18n]), p = C((
|
|
64
|
-
const
|
|
65
|
-
return
|
|
61
|
+
const s = r.answers[l.id], o = l.validation;
|
|
62
|
+
return o && o.required && (s === void 0 || s === "" || Array.isArray(s) && s.length === 0) ? (u(l.id, ((i = e.i18n) == null ? void 0 : i.required) || "This field is required"), !1) : !0;
|
|
63
|
+
}, [l, r.answers, u, e.i18n]), p = C((s) => {
|
|
64
|
+
const o = e.questions.findIndex((i) => i.id === s.id);
|
|
65
|
+
return o < e.questions.length - 1 ? e.questions[o + 1].id : "submit";
|
|
66
66
|
}, [e.questions]), f = C(() => {
|
|
67
67
|
if (!c()) return;
|
|
68
|
-
const
|
|
69
|
-
|
|
70
|
-
history: [...
|
|
71
|
-
currentStepId:
|
|
68
|
+
const s = p(l);
|
|
69
|
+
s === "submit" ? (t((o) => w(x({}, o), { isCompleted: !0 })), a == null || a(r.answers)) : t((o) => w(x({}, o), {
|
|
70
|
+
history: [...o.history, o.currentStepId],
|
|
71
|
+
currentStepId: s
|
|
72
72
|
}));
|
|
73
73
|
}, [l, r.answers, c, p, a]), g = C(() => {
|
|
74
74
|
if (r.history.length === 0) return;
|
|
75
|
-
const
|
|
76
|
-
t((
|
|
77
|
-
history:
|
|
78
|
-
currentStepId:
|
|
75
|
+
const s = r.history[r.history.length - 1];
|
|
76
|
+
t((o) => w(x({}, o), {
|
|
77
|
+
history: o.history.slice(0, -1),
|
|
78
|
+
currentStepId: s
|
|
79
79
|
}));
|
|
80
|
-
}, [r.history]), v = C((
|
|
81
|
-
if (!e.questions.some((i) => i.id ===
|
|
82
|
-
console.warn(`Step ${
|
|
80
|
+
}, [r.history]), v = C((s) => {
|
|
81
|
+
if (!e.questions.some((i) => i.id === s)) {
|
|
82
|
+
console.warn(`Step ${s} does not exist`);
|
|
83
83
|
return;
|
|
84
84
|
}
|
|
85
85
|
t((i) => w(x({}, i), {
|
|
86
86
|
history: [...i.history, i.currentStepId],
|
|
87
|
-
currentStepId:
|
|
87
|
+
currentStepId: s
|
|
88
88
|
}));
|
|
89
89
|
}, [e.questions]), S = C(() => {
|
|
90
|
-
var
|
|
90
|
+
var s;
|
|
91
91
|
t({
|
|
92
92
|
answers: {},
|
|
93
|
-
currentStepId: ((
|
|
93
|
+
currentStepId: ((s = e.questions[0]) == null ? void 0 : s.id) || "",
|
|
94
94
|
history: [],
|
|
95
95
|
isSubmitting: !1,
|
|
96
96
|
errors: {},
|
|
@@ -109,25 +109,25 @@ function J({ schema: e, onSubmit: a }) {
|
|
|
109
109
|
progress: d / e.questions.length * 100
|
|
110
110
|
});
|
|
111
111
|
}
|
|
112
|
-
const B = Q(void 0),
|
|
112
|
+
const B = Q(void 0), F = () => {
|
|
113
113
|
const e = V(B);
|
|
114
114
|
if (!e)
|
|
115
115
|
throw new Error("useFormContext must be used within a FormProvider");
|
|
116
116
|
return e;
|
|
117
117
|
};
|
|
118
118
|
function Y({ question: e }) {
|
|
119
|
-
var g, v, S, b,
|
|
120
|
-
const { answers: a, setAnswer: r, nextStep: t } =
|
|
119
|
+
var g, v, S, b, s;
|
|
120
|
+
const { answers: a, setAnswer: r, nextStep: t } = F(), d = a[e.id], l = d != null ? String(d) : "", h = W(null);
|
|
121
121
|
L(() => {
|
|
122
|
-
const
|
|
122
|
+
const o = setTimeout(() => {
|
|
123
123
|
var i;
|
|
124
124
|
(i = h.current) == null || i.focus();
|
|
125
125
|
}, 500);
|
|
126
|
-
return () => clearTimeout(
|
|
126
|
+
return () => clearTimeout(o);
|
|
127
127
|
}, [e.id]);
|
|
128
|
-
const u = (
|
|
128
|
+
const u = (o) => {
|
|
129
129
|
var k;
|
|
130
|
-
let i =
|
|
130
|
+
let i = o.target.value;
|
|
131
131
|
const N = ((k = e.validation) == null ? void 0 : k.maxLength) || 2048;
|
|
132
132
|
if (i.length > N && (i = i.slice(0, N)), e.type === "number") {
|
|
133
133
|
const I = i === "" ? "" : parseFloat(i);
|
|
@@ -135,26 +135,26 @@ function Y({ question: e }) {
|
|
|
135
135
|
} else
|
|
136
136
|
r(e.id, i);
|
|
137
137
|
}, c = () => {
|
|
138
|
-
var
|
|
139
|
-
if ((
|
|
138
|
+
var o, i, N, k, I;
|
|
139
|
+
if ((o = e.validation) != null && o.required && !l) return !1;
|
|
140
140
|
if (l) {
|
|
141
141
|
if ((i = e.validation) != null && i.minLength && l.length < e.validation.minLength || e.type === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(l)) return !1;
|
|
142
142
|
if ((N = e.validation) != null && N.pattern)
|
|
143
143
|
try {
|
|
144
144
|
if (!new RegExp(e.validation.pattern).test(l)) return !1;
|
|
145
|
-
} catch (
|
|
146
|
-
console.error("Invalid regex pattern in schema",
|
|
145
|
+
} catch (E) {
|
|
146
|
+
console.error("Invalid regex pattern in schema", E);
|
|
147
147
|
}
|
|
148
148
|
if (e.type === "number") {
|
|
149
|
-
const
|
|
150
|
-
if (!isNaN(
|
|
149
|
+
const E = parseFloat(l);
|
|
150
|
+
if (!isNaN(E) && (((k = e.validation) == null ? void 0 : k.min) !== void 0 && E < e.validation.min || ((I = e.validation) == null ? void 0 : I.max) !== void 0 && E > e.validation.max))
|
|
151
151
|
return !1;
|
|
152
152
|
}
|
|
153
153
|
}
|
|
154
154
|
return !0;
|
|
155
|
-
}, p = (
|
|
156
|
-
if (
|
|
157
|
-
if (
|
|
155
|
+
}, p = (o) => {
|
|
156
|
+
if (o.key === "Enter" && !o.shiftKey) {
|
|
157
|
+
if (o.preventDefault(), !c()) {
|
|
158
158
|
const i = document.querySelector(".sawabona-form-container") || document.body;
|
|
159
159
|
i.classList.add("shake-animation"), setTimeout(() => i.classList.remove("shake-animation"), 500);
|
|
160
160
|
return;
|
|
@@ -176,7 +176,7 @@ function Y({ question: e }) {
|
|
|
176
176
|
maxLength: ((v = e.validation) == null ? void 0 : v.maxLength) || 2048,
|
|
177
177
|
min: (S = e.validation) == null ? void 0 : S.min,
|
|
178
178
|
max: (b = e.validation) == null ? void 0 : b.max,
|
|
179
|
-
pattern: (
|
|
179
|
+
pattern: (s = e.validation) == null ? void 0 : s.pattern,
|
|
180
180
|
className: `
|
|
181
181
|
w-full bg-transparent border-b-2 border-sw-text-secondary/20
|
|
182
182
|
py-4 text-2xl md:text-3xl font-medium outline-none transition-colors
|
|
@@ -198,7 +198,7 @@ function Y({ question: e }) {
|
|
|
198
198
|
}
|
|
199
199
|
function Z({ question: e }) {
|
|
200
200
|
var u;
|
|
201
|
-
const { answers: a, setAnswer: r, nextStep: t } =
|
|
201
|
+
const { answers: a, setAnswer: r, nextStep: t } = F(), d = a[e.id] || "", l = (c) => {
|
|
202
202
|
r(e.id, c), setTimeout(() => t(), 400);
|
|
203
203
|
}, h = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
|
|
204
204
|
return L(() => {
|
|
@@ -245,7 +245,7 @@ function Z({ question: e }) {
|
|
|
245
245
|
}
|
|
246
246
|
function q({ question: e }) {
|
|
247
247
|
var l;
|
|
248
|
-
const { answers: a, setAnswer: r } =
|
|
248
|
+
const { answers: a, setAnswer: r } = F(), t = a[e.id] || 0, d = Math.min(((l = e.validation) == null ? void 0 : l.max) || 5, 20);
|
|
249
249
|
return /* @__PURE__ */ m("div", { className: "flex flex-col gap-6", children: [
|
|
250
250
|
/* @__PURE__ */ n("div", { className: "flex gap-4 flex-wrap", children: Array.from({ length: d }).map((h, u) => {
|
|
251
251
|
const c = u + 1, p = c <= t;
|
|
@@ -286,13 +286,13 @@ function q({ question: e }) {
|
|
|
286
286
|
] });
|
|
287
287
|
}
|
|
288
288
|
function ee({ question: e }) {
|
|
289
|
-
const { schema: a } =
|
|
289
|
+
const { schema: a } = F(), r = a.questions.findIndex((u) => u.id === e.id) + 1, t = a.questions.length, d = {
|
|
290
290
|
hidden: { opacity: 0, y: 20 },
|
|
291
291
|
visible: { opacity: 1, y: 0, transition: { duration: 0.5, ease: [0.22, 1, 0.36, 1] } }
|
|
292
292
|
}, l = (u) => u && u.replace(/\{\{(\w+)\}\}/g, (c, p) => {
|
|
293
293
|
const f = h.answers[p];
|
|
294
294
|
return f != null ? String(f) : "";
|
|
295
|
-
}), h =
|
|
295
|
+
}), h = F();
|
|
296
296
|
return /* @__PURE__ */ m(
|
|
297
297
|
y.div,
|
|
298
298
|
{
|
|
@@ -349,15 +349,15 @@ const te = {
|
|
|
349
349
|
optional: "Optional",
|
|
350
350
|
stepInfo: "Question {{current}} of {{total}}"
|
|
351
351
|
};
|
|
352
|
-
function
|
|
352
|
+
function se({ schema: e, onSubmit: a }) {
|
|
353
353
|
var S;
|
|
354
354
|
const r = J({ schema: e, onSubmit: a }), t = e.theme || {
|
|
355
355
|
backgroundColor: "#ffffff",
|
|
356
356
|
textColor: "#000000",
|
|
357
357
|
// Start with generic defaults, override in usage
|
|
358
358
|
primaryColor: "#000000",
|
|
359
|
-
borderRadius: "8px"
|
|
360
|
-
fontFamily
|
|
359
|
+
borderRadius: "8px"
|
|
360
|
+
// fontFamily removed to allow inheritance
|
|
361
361
|
}, d = x(x({}, te), e.i18n), l = {
|
|
362
362
|
backgroundColor: t.backgroundColor,
|
|
363
363
|
color: t.textColor,
|
|
@@ -368,7 +368,6 @@ function oe({ schema: e, onSubmit: a }) {
|
|
|
368
368
|
"--color-sw-text-primary": t.primaryColor,
|
|
369
369
|
"--color-sw-text-secondary": t.textColor,
|
|
370
370
|
"--font-sw-heading": t.fontFamily || "inherit",
|
|
371
|
-
// Fallback or use specific font prop if added
|
|
372
371
|
"--font-sw-body": t.fontFamily || "inherit"
|
|
373
372
|
}, h = t.buttonVariant === "outline", u = {
|
|
374
373
|
backgroundColor: h ? "transparent" : t.primaryColor,
|
|
@@ -506,5 +505,5 @@ function oe({ schema: e, onSubmit: a }) {
|
|
|
506
505
|
) });
|
|
507
506
|
}
|
|
508
507
|
export {
|
|
509
|
-
|
|
508
|
+
se as FormRenderer
|
|
510
509
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(o,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("react/jsx-runtime"),require("react"),require("framer-motion"),require("lucide-react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","framer-motion","lucide-react"],t):(o=typeof globalThis!="undefined"?globalThis:o||self,t(o.SawabonaForms={},o.jsxRuntime,o.React,o.Motion,o.Lucide))})(this,(function(o,t,a,c,
|
|
1
|
+
(function(o,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("react/jsx-runtime"),require("react"),require("framer-motion"),require("lucide-react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","framer-motion","lucide-react"],t):(o=typeof globalThis!="undefined"?globalThis:o||self,t(o.SawabonaForms={},o.jsxRuntime,o.React,o.Motion,o.Lucide))})(this,(function(o,t,a,c,F){"use strict";var W=Object.defineProperty,U=Object.defineProperties;var G=Object.getOwnPropertyDescriptors;var A=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var j=(o,t,a)=>t in o?W(o,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):o[t]=a,h=(o,t)=>{for(var a in t||(t={}))P.call(t,a)&&j(o,a,t[a]);if(A)for(var a of A(t))z.call(t,a)&&j(o,a,t[a]);return o},g=(o,t)=>U(o,G(t));var $=o=>typeof o=="symbol"?o:o+"",B=(o,t)=>{var a={};for(var c in o)P.call(o,c)&&t.indexOf(c)<0&&(a[c]=o[c]);if(o!=null&&A)for(var c of A(o))t.indexOf(c)<0&&z.call(o,c)&&(a[c]=o[c]);return a};function O({schema:e,onSubmit:f}){var v;const[s,r]=a.useState({answers:{},currentStepId:((v=e.questions[0])==null?void 0:v.id)||"",history:[],isSubmitting:!1,errors:{},isCompleted:!1}),p=a.useMemo(()=>e.questions.findIndex(i=>i.id===s.currentStepId),[e.questions,s.currentStepId]),d=e.questions[p],w=a.useCallback((i,l)=>{r(n=>g(h({},n),{answers:g(h({},n.answers),{[i]:l}),errors:g(h({},n.errors),{[i]:""})}))},[]),x=a.useCallback((i,l)=>{r(n=>{if(l===null){const N=n.errors,{[i]:S}=N,I=B(N,[$(i)]);return g(h({},n),{errors:I})}return g(h({},n),{errors:g(h({},n.errors),{[i]:l})})})},[]),u=a.useCallback(()=>{var n;if(!d)return!0;const i=s.answers[d.id],l=d.validation;return l&&l.required&&(i===void 0||i===""||Array.isArray(i)&&i.length===0)?(x(d.id,((n=e.i18n)==null?void 0:n.required)||"This field is required"),!1):!0},[d,s.answers,x,e.i18n]),m=a.useCallback(i=>{const l=e.questions.findIndex(n=>n.id===i.id);return l<e.questions.length-1?e.questions[l+1].id:"submit"},[e.questions]),y=a.useCallback(()=>{if(!u())return;const i=m(d);i==="submit"?(r(l=>g(h({},l),{isCompleted:!0})),f==null||f(s.answers)):r(l=>g(h({},l),{history:[...l.history,l.currentStepId],currentStepId:i}))},[d,s.answers,u,m,f]),b=a.useCallback(()=>{if(s.history.length===0)return;const i=s.history[s.history.length-1];r(l=>g(h({},l),{history:l.history.slice(0,-1),currentStepId:i}))},[s.history]),C=a.useCallback(i=>{if(!e.questions.some(n=>n.id===i)){console.warn(`Step ${i} does not exist`);return}r(n=>g(h({},n),{history:[...n.history,n.currentStepId],currentStepId:i}))},[e.questions]),k=a.useCallback(()=>{var i;r({answers:{},currentStepId:((i=e.questions[0])==null?void 0:i.id)||"",history:[],isSubmitting:!1,errors:{},isCompleted:!1})},[e.questions]);return g(h({},s),{setAnswer:w,nextStep:y,prevStep:b,jumpToStep:C,submitForm:()=>f==null?void 0:f(s.answers),resetForm:k,registerError:x,progress:p/e.questions.length*100})}const L=a.createContext(void 0),T=()=>{const e=a.useContext(L);if(!e)throw new Error("useFormContext must be used within a FormProvider");return e};function _({question:e}){var b,C,k,v,i;const{answers:f,setAnswer:s,nextStep:r}=T(),p=f[e.id],d=p!=null?String(p):"",w=a.useRef(null);a.useEffect(()=>{const l=setTimeout(()=>{var n;(n=w.current)==null||n.focus()},500);return()=>clearTimeout(l)},[e.id]);const x=l=>{var S;let n=l.target.value;const N=((S=e.validation)==null?void 0:S.maxLength)||2048;if(n.length>N&&(n=n.slice(0,N)),e.type==="number"){const I=n===""?"":parseFloat(n);s(e.id,I)}else s(e.id,n)},u=()=>{var l,n,N,S,I;if((l=e.validation)!=null&&l.required&&!d)return!1;if(d){if((n=e.validation)!=null&&n.minLength&&d.length<e.validation.minLength||e.type==="email"&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(d))return!1;if((N=e.validation)!=null&&N.pattern)try{if(!new RegExp(e.validation.pattern).test(d))return!1}catch(E){console.error("Invalid regex pattern in schema",E)}if(e.type==="number"){const E=parseFloat(d);if(!isNaN(E)&&(((S=e.validation)==null?void 0:S.min)!==void 0&&E<e.validation.min||((I=e.validation)==null?void 0:I.max)!==void 0&&E>e.validation.max))return!1}}return!0},m=l=>{if(l.key==="Enter"&&!l.shiftKey){if(l.preventDefault(),!u()){const n=document.querySelector(".sawabona-form-container")||document.body;n.classList.add("shake-animation"),setTimeout(()=>n.classList.remove("shake-animation"),500);return}r()}};return t.jsxs("div",{className:"w-full relative group",children:[t.jsx("input",{ref:w,type:e.type,value:typeof d=="string"||typeof d=="number"?d:"",onChange:x,onKeyDown:m,placeholder:e.placeholder,minLength:(b=e.validation)==null?void 0:b.minLength,maxLength:((C=e.validation)==null?void 0:C.maxLength)||2048,min:(k=e.validation)==null?void 0:k.min,max:(v=e.validation)==null?void 0:v.max,pattern:(i=e.validation)==null?void 0:i.pattern,className:`
|
|
2
2
|
w-full bg-transparent border-b-2 border-sw-text-secondary/20
|
|
3
3
|
py-4 text-2xl md:text-3xl font-medium outline-none transition-colors
|
|
4
4
|
placeholder:text-sw-text-secondary/30
|
|
@@ -11,4 +11,4 @@
|
|
|
11
11
|
`,children:[t.jsxs("span",{className:"text-lg font-medium flex items-center gap-3",children:[t.jsx("span",{className:`
|
|
12
12
|
w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors
|
|
13
13
|
${y?"border-sw-primary bg-sw-primary":"border-sw-text-secondary/30 group-hover:border-sw-primary/50"}
|
|
14
|
-
`,children:y&&t.jsx(
|
|
14
|
+
`,children:y&&t.jsx(F.Check,{size:14,className:"text-sw-background"})}),u.label]}),t.jsxs("span",{className:"opacity-0 group-hover:opacity-100 transition-opacity text-xs font-mono uppercase tracking-widest text-sw-text-secondary/50",children:["Select ",t.jsxs("span",{className:"hidden md:inline",children:["Key ",m+1]})]})]},String(u.value))})})}function H({question:e}){var d;const{answers:f,setAnswer:s}=T(),r=f[e.id]||0,p=Math.min(((d=e.validation)==null?void 0:d.max)||5,20);return t.jsxs("div",{className:"flex flex-col gap-6",children:[t.jsx("div",{className:"flex gap-4 flex-wrap",children:Array.from({length:p}).map((w,x)=>{const u=x+1,m=u<=r;return t.jsx(c.motion.button,{initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{delay:x*.05},onClick:()=>s(e.id,u),whileHover:{scale:1.2,rotate:5},whileTap:{scale:.9},className:"focus:outline-none",children:t.jsx(F.Star,{className:`w-12 h-12 md:w-16 md:h-16 transition-all duration-300 ${m?"fill-yellow-400 text-yellow-400 drop-shadow-[0_0_15px_rgba(250,204,21,0.4)]":"text-zinc-600 hover:text-yellow-400/50"}`,strokeWidth:1.5})},x)})}),t.jsxs("div",{className:"flex justify-between w-full max-w-[300px] md:max-w-[400px] px-2 items-center",children:[t.jsx("span",{className:"text-sm md:text-base font-medium text-sw-text-secondary/50 uppercase tracking-wide",children:e.minLabel||"Poor"}),t.jsx(c.motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:r?1:0,scale:r?1:.8},className:"font-bold text-primary text-xl",children:r?`${r} / ${p}`:""}),t.jsx("span",{className:"text-sm md:text-base font-medium text-muted-foreground uppercase tracking-wide",children:e.maxLabel||"Excellent"})]})]})}function K({question:e}){const{schema:f}=T(),s=f.questions.findIndex(x=>x.id===e.id)+1,r=f.questions.length,p={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{duration:.5,ease:[.22,1,.36,1]}}},d=x=>x&&x.replace(/\{\{(\w+)\}\}/g,(u,m)=>{const y=w.answers[m];return y!=null?String(y):""}),w=T();return t.jsxs(c.motion.div,{className:"flex flex-col gap-8 w-full max-w-4xl mx-auto",initial:"hidden",animate:"visible",variants:{visible:{transition:{staggerChildren:.1}}},children:[t.jsxs("div",{className:"flex flex-col gap-2",children:[t.jsx(c.motion.div,{variants:p,className:"flex gap-4 items-baseline",children:t.jsxs("span",{className:"flex items-center gap-2 text-sm md:text-base font-medium text-sw-primary/90 bg-sw-primary/10 px-3 py-1 rounded-full border border-sw-primary/20 backdrop-blur-sm",children:[t.jsx("span",{children:s}),t.jsx("span",{className:"opacity-40 text-xs",children:"/"}),t.jsx("span",{className:"opacity-60",children:r})]})}),t.jsxs(c.motion.h2,{variants:p,className:"text-3xl md:text-4xl lg:text-5xl font-bold leading-tight tracking-tight text-pretty mt-2 font-sw-heading",children:[d(e.title)," ",t.jsx("span",{className:"text-sw-primary",children:"*"})]}),e.description&&t.jsx(c.motion.p,{variants:p,className:"text-lg md:text-xl text-muted-foreground font-normal leading-relaxed max-w-2xl mt-2",children:d(e.description)})]}),t.jsx(c.motion.div,{variants:p,className:"w-full mt-6",children:e.type==="text"||e.type==="email"||e.type==="number"||e.type==="url"?t.jsx(_,{question:e}):e.type==="select"?t.jsx(D,{question:e}):e.type==="rating"?t.jsx(H,{question:e}):t.jsxs("div",{className:"p-4 bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-200 rounded",children:["Unsupported question type: ",e.type," (ID: ",e.id,")"]})})]})}const Q={next:"Next",back:"Back",submit:"Submit",required:"Required",optional:"Optional",stepInfo:"Question {{current}} of {{total}}"};function V({schema:e,onSubmit:f}){var k;const s=O({schema:e,onSubmit:f}),r=e.theme||{backgroundColor:"#ffffff",textColor:"#000000",primaryColor:"#000000",borderRadius:"8px"},p=h(h({},Q),e.i18n),d={backgroundColor:r.backgroundColor,color:r.textColor,fontFamily:r.fontFamily,"--color-sw-primary":r.primaryColor,"--color-sw-background":r.backgroundColor,"--color-sw-text-primary":r.primaryColor,"--color-sw-text-secondary":r.textColor,"--font-sw-heading":r.fontFamily||"inherit","--font-sw-body":r.fontFamily||"inherit"},w=r.buttonVariant==="outline",x={backgroundColor:w?"transparent":r.primaryColor,color:w?r.primaryColor:r.textColor,border:w?`2px solid ${r.primaryColor}`:"none",borderRadius:r.borderRadius||"8px",fontWeight:600},u={color:r.primaryColor,borderRadius:r.borderRadius||"8px",fontWeight:600},{autoReload:m,reloadDelay:y=3e3}=e;if(a.useEffect(()=>{if(s.isCompleted&&m){const v=setTimeout(()=>{s.resetForm()},y);return()=>clearTimeout(v)}},[s.isCompleted,m,y,s.resetForm]),s.isCompleted)return t.jsxs("div",{className:"flex flex-col items-center justify-center h-full w-full p-8 text-center relative overflow-hidden",style:d,children:[m&&t.jsx(c.motion.div,{initial:{width:"0%"},animate:{width:"100%"},transition:{duration:y/1e3,ease:"linear"},className:"absolute top-0 left-0 h-1 bg-green-500 z-50"}),t.jsxs(c.motion.div,{initial:{scale:.9,opacity:0,y:20},animate:{scale:1,opacity:1,y:0},transition:{duration:.6,ease:[.22,1,.36,1]},className:"flex flex-col items-center",children:[t.jsx("div",{className:"mb-6 p-4 rounded-full bg-green-500/20 text-green-500 w-24 h-24 flex items-center justify-center",children:t.jsx(F.Check,{size:48})}),t.jsx("h1",{className:"text-4xl md:text-5xl font-bold mb-4 tracking-tight",children:"Obrigado!"}),t.jsx("p",{className:"text-xl opacity-70 max-w-md leading-relaxed",children:"Suas respostas foram enviadas com sucesso."})]})]});const b=e.questions.find(v=>v.id===s.currentStepId),C=(e.questions.findIndex(v=>v.id===s.currentStepId)+1)/e.questions.length*100;return t.jsx(L.Provider,{value:g(h({},s),{schema:e}),children:t.jsxs("div",{className:"w-full h-full flex flex-col relative overflow-hidden transition-colors duration-700",style:d,children:[t.jsxs("div",{className:"absolute top-0 left-0 w-full h-1 z-50",children:[t.jsx("div",{className:"absolute top-0 left-0 w-full h-full bg-current opacity-10"}),t.jsx(c.motion.div,{className:"h-full relative z-10",initial:{width:0},animate:{width:`${C}%`},transition:{duration:.5,ease:"easeInOut"},style:{backgroundColor:r.primaryColor}})]}),t.jsx("div",{className:"flex-1 flex flex-col items-center justify-center p-6 md:p-12 w-full max-w-5xl mx-auto z-10",children:t.jsx(c.AnimatePresence,{mode:"wait",children:b&&t.jsx(c.motion.div,{initial:{opacity:0,y:40},animate:{opacity:1,y:0},exit:{opacity:0,y:-40},transition:{duration:.5,ease:[.22,1,.36,1]},className:"w-full",children:t.jsx(K,{question:b})},b.id)})}),t.jsxs("div",{className:"w-full px-6 pt-6 pb-8 md:p-10 flex flex-col md:flex-row justify-between items-center z-20 gap-4",children:[r.showPoweredBy!==!1&&t.jsxs("a",{href:"#",className:"order-3 md:order-1 group flex items-center gap-2 px-3 py-1.5 rounded-md border border-white/10 bg-black/20 hover:border-sw-primary/50 hover:bg-black/40 transition-all duration-300 cursor-pointer no-underline backdrop-blur-sm",children:[t.jsx("span",{className:"text-[10px] md:text-xs font-mono font-medium tracking-[0.2em] uppercase text-muted-foreground group-hover:text-muted-foreground/80 transition-colors",children:"Powered By"}),t.jsx("span",{className:"text-[10px] md:text-xs font-mono font-bold tracking-[0.2em] uppercase transition-colors shadow-sw-primary",style:{color:r.brandColor||r.primaryColor},children:((k=r.poweredBy)==null?void 0:k.replace("Powered by ",""))||"SAWABONA TECH"})]}),t.jsxs("div",{className:"flex items-center gap-4 order-2 md:order-3 ml-auto",children:[t.jsx(c.motion.button,{onClick:s.prevStep,disabled:s.history.length===0,whileHover:{scale:1.05},whileTap:{scale:.95},className:"w-12 h-12 md:w-14 md:h-14 flex items-center justify-center disabled:opacity-0 disabled:pointer-events-none transition-all hover:bg-white/5 rounded-full",style:u,children:t.jsx(F.ChevronLeft,{size:24})}),t.jsxs(c.motion.button,{onClick:s.nextStep,whileHover:{scale:1.02},whileTap:{scale:.98},className:"px-8 py-3 md:px-10 md:py-4 text-lg font-bold shadow-2xl flex items-center gap-3 transition-all rounded-lg",style:x,children:[t.jsx("span",{children:s.currentStepId===e.questions[e.questions.length-1].id?r.submitText||p.submit:p.next}),s.currentStepId!==e.questions[e.questions.length-1].id&&t.jsx(F.ChevronRight,{size:20,strokeWidth:3})]})]})]})]})})}o.FormRenderer=V,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));
|