@sawabona/forms 0.7.0 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -134,6 +134,7 @@ Isso garante que sua lógica permaneça limpa e seu conteúdo seja facilmente ed
|
|
|
134
134
|
| `i18n` | `object` | (Opcional) Tradução de botões e textos fixos. |
|
|
135
135
|
| `autoReload` | `boolean` | (Opcional) Se `true`, reinicia o formulário automaticamente após o envio. |
|
|
136
136
|
| `reloadDelay` | `number` | (Opcional) Tempo em milissegundos para aguardar antes de reiniciar (Padrão: 3000). |
|
|
137
|
+
| `disableAutoFocus` | `boolean` | (Opcional) Desativar scroll automático no carregamento (Padrão: false). |
|
|
137
138
|
|
|
138
139
|
---
|
|
139
140
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ui/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIjD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,QAAQ,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ui/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIjD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,QAAQ,CAAA;CAAE,2CAgI7D"}
|
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,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;
|
|
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;IAEF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;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)))){
|
|
2
|
-
:
|
|
1
|
+
@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.sawabona-form-container *,.sawabona-form-container :before,.sawabona-form-container :after,.sawabona-form-container ::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}}.sawabona-form-container:not(#\#),.sawabona-form-container:not(#\#) :host{--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
|
+
.sawabona-form-container:not(#\#),.sawabona-form-container:not(#\#) :host{--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
|
+
.sawabona-form-container:not(#\#),.sawabona-form-container:not(#\#) :host{--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)}}.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}
|
|
7
|
+
}.sawabona-form-container:not(#\#):not(#\#) .pointer-events-none{pointer-events:none}.sawabona-form-container:not(#\#):not(#\#) .visible{visibility:visible}.sawabona-form-container:not(#\#):not(#\#) .absolute{position:absolute}.sawabona-form-container:not(#\#):not(#\#) .fixed{position:fixed}.sawabona-form-container:not(#\#):not(#\#) .relative{position:relative}.sawabona-form-container:not(#\#):not(#\#) .inset-0{top:calc(var(--spacing)*0);right:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0);left:calc(var(--spacing)*0)}.sawabona-form-container:not(#\#):not(#\#) .inset-x-0{left:calc(var(--spacing)*0);right:calc(var(--spacing)*0)}.sawabona-form-container:not(#\#):not(#\#) .inset-y-0{top:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0)}.sawabona-form-container:not(#\#):not(#\#) .top-0{top:calc(var(--spacing)*0)}.sawabona-form-container:not(#\#):not(#\#) .top-4{top:calc(var(--spacing)*4)}.sawabona-form-container:not(#\#):not(#\#) .top-6{top:calc(var(--spacing)*6)}.sawabona-form-container:not(#\#):not(#\#) .top-12{top:calc(var(--spacing)*12)}.sawabona-form-container:not(#\#):not(#\#) .right-0{right:calc(var(--spacing)*0)}.sawabona-form-container:not(#\#):not(#\#) .right-4{right:calc(var(--spacing)*4)}.sawabona-form-container:not(#\#):not(#\#) .right-6{right:calc(var(--spacing)*6)}.sawabona-form-container:not(#\#):not(#\#) .bottom-0{bottom:calc(var(--spacing)*0)}.sawabona-form-container:not(#\#):not(#\#) .left-0{left:calc(var(--spacing)*0)}.sawabona-form-container:not(#\#):not(#\#) .z-10{z-index:10}.sawabona-form-container:not(#\#):not(#\#) .z-20{z-index:20}.sawabona-form-container:not(#\#):not(#\#) .z-40{z-index:40}.sawabona-form-container:not(#\#):not(#\#) .z-50{z-index:50}.sawabona-form-container:not(#\#):not(#\#) .z-\[100\]{z-index:100}.sawabona-form-container:not(#\#):not(#\#) .order-2{order:2}.sawabona-form-container:not(#\#):not(#\#) .order-3{order:3}.sawabona-form-container:not(#\#):not(#\#) .mx-auto{margin-left:auto;margin-right:auto}.sawabona-form-container:not(#\#):not(#\#) .mt-2{margin-top:calc(var(--spacing)*2)}.sawabona-form-container:not(#\#):not(#\#) .mt-4{margin-top:calc(var(--spacing)*4)}.sawabona-form-container:not(#\#):not(#\#) .mt-6{margin-top:calc(var(--spacing)*6)}.sawabona-form-container:not(#\#):not(#\#) .mt-8{margin-top:calc(var(--spacing)*8)}.sawabona-form-container:not(#\#):not(#\#) .mt-20{margin-top:calc(var(--spacing)*20)}.sawabona-form-container:not(#\#):not(#\#) .mt-auto{margin-top:auto}.sawabona-form-container:not(#\#):not(#\#) .-mb-8{margin-bottom:calc(var(--spacing)*-8)}.sawabona-form-container:not(#\#):not(#\#) .mb-1{margin-bottom:calc(var(--spacing)*1)}.sawabona-form-container:not(#\#):not(#\#) .mb-2{margin-bottom:calc(var(--spacing)*2)}.sawabona-form-container:not(#\#):not(#\#) .mb-3{margin-bottom:calc(var(--spacing)*3)}.sawabona-form-container:not(#\#):not(#\#) .mb-4{margin-bottom:calc(var(--spacing)*4)}.sawabona-form-container:not(#\#):not(#\#) .mb-6{margin-bottom:calc(var(--spacing)*6)}.sawabona-form-container:not(#\#):not(#\#) .mb-8{margin-bottom:calc(var(--spacing)*8)}.sawabona-form-container:not(#\#):not(#\#) .mb-10{margin-bottom:calc(var(--spacing)*10)}.sawabona-form-container:not(#\#):not(#\#) .mb-12{margin-bottom:calc(var(--spacing)*12)}.sawabona-form-container:not(#\#):not(#\#) .mb-20{margin-bottom:calc(var(--spacing)*20)}.sawabona-form-container:not(#\#):not(#\#) .ml-1{margin-left:calc(var(--spacing)*1)}.sawabona-form-container:not(#\#):not(#\#) .ml-2{margin-left:calc(var(--spacing)*2)}.sawabona-form-container:not(#\#):not(#\#) .ml-auto{margin-left:auto}.sawabona-form-container:not(#\#):not(#\#) .block{display:block}.sawabona-form-container:not(#\#):not(#\#) .flex{display:flex}.sawabona-form-container:not(#\#):not(#\#) .grid{display:grid}.sawabona-form-container:not(#\#):not(#\#) .hidden{display:none}.sawabona-form-container:not(#\#):not(#\#) .inline-flex{display:inline-flex}.sawabona-form-container:not(#\#):not(#\#) .h-0\.5{height:calc(var(--spacing)*.5)}.sawabona-form-container:not(#\#):not(#\#) .h-1{height:calc(var(--spacing)*1)}.sawabona-form-container:not(#\#):not(#\#) .h-1\.5{height:calc(var(--spacing)*1.5)}.sawabona-form-container:not(#\#):not(#\#) .h-2{height:calc(var(--spacing)*2)}.sawabona-form-container:not(#\#):not(#\#) .h-3{height:calc(var(--spacing)*3)}.sawabona-form-container:not(#\#):not(#\#) .h-4{height:calc(var(--spacing)*4)}.sawabona-form-container:not(#\#):not(#\#) .h-6{height:calc(var(--spacing)*6)}.sawabona-form-container:not(#\#):not(#\#) .h-8{height:calc(var(--spacing)*8)}.sawabona-form-container:not(#\#):not(#\#) .h-10{height:calc(var(--spacing)*10)}.sawabona-form-container:not(#\#):not(#\#) .h-12{height:calc(var(--spacing)*12)}.sawabona-form-container:not(#\#):not(#\#) .h-16{height:calc(var(--spacing)*16)}.sawabona-form-container:not(#\#):not(#\#) .h-24{height:calc(var(--spacing)*24)}.sawabona-form-container:not(#\#):not(#\#) .h-32{height:calc(var(--spacing)*32)}.sawabona-form-container:not(#\#):not(#\#) .h-64{height:calc(var(--spacing)*64)}.sawabona-form-container:not(#\#):not(#\#) .h-\[calc\(100vh-100px\)\]{height:calc(100vh - 100px)}.sawabona-form-container:not(#\#):not(#\#) .h-auto{height:auto}.sawabona-form-container:not(#\#):not(#\#) .h-full{height:100%}.sawabona-form-container:not(#\#):not(#\#) .h-px{height:1px}.sawabona-form-container:not(#\#):not(#\#) .h-screen{height:100vh}.sawabona-form-container:not(#\#):not(#\#) .min-h-0{min-height:calc(var(--spacing)*0)}.sawabona-form-container:not(#\#):not(#\#) .min-h-full{min-height:100%}.sawabona-form-container:not(#\#):not(#\#) .min-h-screen{min-height:100vh}.sawabona-form-container:not(#\#):not(#\#) .w-1\.5{width:calc(var(--spacing)*1.5)}.sawabona-form-container:not(#\#):not(#\#) .w-1\/2{width:50%}.sawabona-form-container:not(#\#):not(#\#) .w-2{width:calc(var(--spacing)*2)}.sawabona-form-container:not(#\#):not(#\#) .w-3{width:calc(var(--spacing)*3)}.sawabona-form-container:not(#\#):not(#\#) .w-3\/4{width:75%}.sawabona-form-container:not(#\#):not(#\#) .w-4{width:calc(var(--spacing)*4)}.sawabona-form-container:not(#\#):not(#\#) .w-6{width:calc(var(--spacing)*6)}.sawabona-form-container:not(#\#):not(#\#) .w-8{width:calc(var(--spacing)*8)}.sawabona-form-container:not(#\#):not(#\#) .w-12{width:calc(var(--spacing)*12)}.sawabona-form-container:not(#\#):not(#\#) .w-24{width:calc(var(--spacing)*24)}.sawabona-form-container:not(#\#):not(#\#) .w-32{width:calc(var(--spacing)*32)}.sawabona-form-container:not(#\#):not(#\#) .w-64{width:calc(var(--spacing)*64)}.sawabona-form-container:not(#\#):not(#\#) .w-full{width:100%}.sawabona-form-container:not(#\#):not(#\#) .max-w-2xl{max-width:var(--container-2xl)}.sawabona-form-container:not(#\#):not(#\#) .max-w-3xl{max-width:var(--container-3xl)}.sawabona-form-container:not(#\#):not(#\#) .max-w-4xl{max-width:var(--container-4xl)}.sawabona-form-container:not(#\#):not(#\#) .max-w-5xl{max-width:var(--container-5xl)}.sawabona-form-container:not(#\#):not(#\#) .max-w-7xl{max-width:var(--container-7xl)}.sawabona-form-container:not(#\#):not(#\#) .max-w-\[300px\]{max-width:300px}.sawabona-form-container:not(#\#):not(#\#) .max-w-\[1600px\]{max-width:1600px}.sawabona-form-container:not(#\#):not(#\#) .max-w-md{max-width:var(--container-md)}.sawabona-form-container:not(#\#):not(#\#) .max-w-none{max-width:none}.sawabona-form-container:not(#\#):not(#\#) .max-w-xl{max-width:var(--container-xl)}.sawabona-form-container:not(#\#):not(#\#) .max-w-xs{max-width:var(--container-xs)}.sawabona-form-container:not(#\#):not(#\#) .min-w-\[3rem\]{min-width:3rem}.sawabona-form-container:not(#\#):not(#\#) .flex-1{flex:1}.sawabona-form-container:not(#\#):not(#\#) .shrink-0{flex-shrink:0}.sawabona-form-container:not(#\#):not(#\#) .-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.sawabona-form-container:not(#\#):not(#\#) .translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.sawabona-form-container:not(#\#):not(#\#) .translate-y-4{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.sawabona-form-container:not(#\#):not(#\#) .transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.sawabona-form-container:not(#\#):not(#\#) .cursor-pointer{cursor:pointer}.sawabona-form-container:not(#\#):not(#\#) .resize{resize:both}.sawabona-form-container:not(#\#):not(#\#) .flex-col{flex-direction:column}.sawabona-form-container:not(#\#):not(#\#) .flex-wrap{flex-wrap:wrap}.sawabona-form-container:not(#\#):not(#\#) .items-baseline{align-items:baseline}.sawabona-form-container:not(#\#):not(#\#) .items-center{align-items:center}.sawabona-form-container:not(#\#):not(#\#) .items-end{align-items:flex-end}.sawabona-form-container:not(#\#):not(#\#) .items-start{align-items:flex-start}.sawabona-form-container:not(#\#):not(#\#) .justify-between{justify-content:space-between}.sawabona-form-container:not(#\#):not(#\#) .justify-center{justify-content:center}.sawabona-form-container:not(#\#):not(#\#) .gap-1{gap:calc(var(--spacing)*1)}.sawabona-form-container:not(#\#):not(#\#) .gap-2{gap:calc(var(--spacing)*2)}.sawabona-form-container:not(#\#):not(#\#) .gap-3{gap:calc(var(--spacing)*3)}.sawabona-form-container:not(#\#):not(#\#) .gap-4{gap:calc(var(--spacing)*4)}.sawabona-form-container:not(#\#):not(#\#) .gap-6{gap:calc(var(--spacing)*6)}.sawabona-form-container:not(#\#):not(#\#) .gap-8{gap:calc(var(--spacing)*8)}.sawabona-form-container:not(#\#):not(#\#) .gap-12{gap:calc(var(--spacing)*12)}.sawabona-form-container:not(#\#):not(#\#) :where(.space-y-1>:not(:last-child)){--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)))}.sawabona-form-container:not(#\#):not(#\#) :where(.space-y-3>:not(:last-child)){--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)))}.sawabona-form-container:not(#\#):not(#\#) :where(.space-y-4>:not(:last-child)){--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)))}.sawabona-form-container:not(#\#):not(#\#) .self-end{align-self:flex-end}.sawabona-form-container:not(#\#):not(#\#) .self-start{align-self:flex-start}.sawabona-form-container:not(#\#):not(#\#) .overflow-hidden{overflow:hidden}.sawabona-form-container:not(#\#):not(#\#) .overflow-x-auto{overflow-x:auto}.sawabona-form-container:not(#\#):not(#\#) .overflow-x-hidden{overflow-x:hidden}.sawabona-form-container:not(#\#):not(#\#) .overflow-y-auto{overflow-y:auto}.sawabona-form-container:not(#\#):not(#\#) .rounded{border-radius:.25rem}.sawabona-form-container:not(#\#):not(#\#) .rounded-2xl{border-radius:var(--radius-2xl)}.sawabona-form-container:not(#\#):not(#\#) .rounded-3xl{border-radius:var(--radius-3xl)}.sawabona-form-container:not(#\#):not(#\#) .rounded-full{border-radius:3.40282e38px}.sawabona-form-container:not(#\#):not(#\#) .rounded-lg{border-radius:var(--radius-lg)}.sawabona-form-container:not(#\#):not(#\#) .rounded-md{border-radius:var(--radius-md)}.sawabona-form-container:not(#\#):not(#\#) .rounded-xl{border-radius:var(--radius-xl)}.sawabona-form-container:not(#\#):not(#\#) .rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.sawabona-form-container:not(#\#):not(#\#) .rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.sawabona-form-container:not(#\#):not(#\#) .border{border-style:var(--tw-border-style);border-width:1px}.sawabona-form-container:not(#\#):not(#\#) .border-2{border-style:var(--tw-border-style);border-width:2px}.sawabona-form-container:not(#\#):not(#\#) .border-8{border-style:var(--tw-border-style);border-width:8px}.sawabona-form-container:not(#\#):not(#\#) .border-y{border-top-style:var(--tw-border-style);border-bottom-style:var(--tw-border-style);border-top-width:1px;border-bottom-width:1px}.sawabona-form-container:not(#\#):not(#\#) .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.sawabona-form-container:not(#\#):not(#\#) .border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.sawabona-form-container:not(#\#):not(#\#) .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.sawabona-form-container:not(#\#):not(#\#) .border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.sawabona-form-container:not(#\#):not(#\#) .border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.sawabona-form-container:not(#\#):not(#\#) .border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.sawabona-form-container:not(#\#):not(#\#) .border-\[\#716C4A\]\/5{border-color:rgba(113,108,74,.05)}.sawabona-form-container:not(#\#):not(#\#) .border-\[\#716C4A\]\/10{border-color:rgba(113,108,74,.1)}.sawabona-form-container:not(#\#):not(#\#) .border-\[\#716C4A\]\/20{border-color:rgba(113,108,74,.2)}.sawabona-form-container:not(#\#):not(#\#) .border-\[\#716C4A\]\/30{border-color:rgba(113,108,74,.3)}.sawabona-form-container:not(#\#):not(#\#) .border-\[\#171717\]{border-color:#171717}.sawabona-form-container:not(#\#):not(#\#) .border-green-500\/50{border-color:rgba(0,199,88,.5)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .border-green-500\/50{border-color:color-mix(in oklab,var(--color-green-500)50%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .border-red-500\/50{border-color:rgba(251,44,54,.5)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .border-red-500\/50{border-color:color-mix(in oklab,var(--color-red-500)50%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .border-sw-primary{border-color:var(--color-sw-primary)}.sawabona-form-container:not(#\#):not(#\#) .border-sw-primary\/20{border-color:rgba(113,108,74,.2)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .border-sw-primary\/20{border-color:color-mix(in oklab,var(--color-sw-primary)20%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .border-sw-text-secondary\/10{border-color:rgba(23,23,23,.1)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .border-sw-text-secondary\/10{border-color:color-mix(in oklab,var(--color-sw-text-secondary)10%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .border-sw-text-secondary\/20{border-color:rgba(23,23,23,.2)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .border-sw-text-secondary\/20{border-color:color-mix(in oklab,var(--color-sw-text-secondary)20%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .border-sw-text-secondary\/30{border-color:rgba(23,23,23,.3)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .border-sw-text-secondary\/30{border-color:color-mix(in oklab,var(--color-sw-text-secondary)30%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .border-white\/5{border-color:rgba(255,255,255,.05)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .border-white\/5{border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .border-white\/10{border-color:rgba(255,255,255,.1)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .border-yellow-500\/50{border-color:rgba(237,178,0,.5)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .border-yellow-500\/50{border-color:color-mix(in oklab,var(--color-yellow-500)50%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .bg-\[\#1e1e1e\]{background-color:#1e1e1e}.sawabona-form-container:not(#\#):not(#\#) .bg-\[\#2d2d2d\]{background-color:#2d2d2d}.sawabona-form-container:not(#\#):not(#\#) .bg-\[\#27c93f\]{background-color:#27c93f}.sawabona-form-container:not(#\#):not(#\#) .bg-\[\#716C4A\]{background-color:#716c4a}.sawabona-form-container:not(#\#):not(#\#) .bg-\[\#716C4A\]\/5{background-color:rgba(113,108,74,.05)}.sawabona-form-container:not(#\#):not(#\#) .bg-\[\#716C4A\]\/10{background-color:rgba(113,108,74,.1)}.sawabona-form-container:not(#\#):not(#\#) .bg-\[\#716C4A\]\/20{background-color:rgba(113,108,74,.2)}.sawabona-form-container:not(#\#):not(#\#) .bg-\[\#171717\]{background-color:#171717}.sawabona-form-container:not(#\#):not(#\#) .bg-\[\#171717\]\/10{background-color:rgba(23,23,23,.1)}.sawabona-form-container:not(#\#):not(#\#) .bg-\[\#EFE9DB\]{background-color:#efe9db}.sawabona-form-container:not(#\#):not(#\#) .bg-\[\#EFE9DB\]\/50{background-color:rgba(239,233,219,.5)}.sawabona-form-container:not(#\#):not(#\#) .bg-\[\#EFE9DB\]\/80{background-color:rgba(239,233,219,.8)}.sawabona-form-container:not(#\#):not(#\#) .bg-\[\#ff5f56\]{background-color:#ff5f56}.sawabona-form-container:not(#\#):not(#\#) .bg-\[\#ffbd2e\]{background-color:#ffbd2e}.sawabona-form-container:not(#\#):not(#\#) .bg-black\/20{background-color:rgba(0,0,0,.2)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .bg-black\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .bg-current{background-color:currentColor}.sawabona-form-container:not(#\#):not(#\#) .bg-green-500{background-color:var(--color-green-500)}.sawabona-form-container:not(#\#):not(#\#) .bg-green-500\/20{background-color:rgba(0,199,88,.2)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .bg-green-500\/20{background-color:color-mix(in oklab,var(--color-green-500)20%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .bg-red-500{background-color:var(--color-red-500)}.sawabona-form-container:not(#\#):not(#\#) .bg-red-500\/20{background-color:rgba(251,44,54,.2)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .bg-sw-primary{background-color:var(--color-sw-primary)}.sawabona-form-container:not(#\#):not(#\#) .bg-sw-primary\/5{background-color:rgba(113,108,74,.05)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .bg-sw-primary\/5{background-color:color-mix(in oklab,var(--color-sw-primary)5%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .bg-sw-primary\/10{background-color:rgba(113,108,74,.1)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .bg-sw-primary\/10{background-color:color-mix(in oklab,var(--color-sw-primary)10%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .bg-transparent{background-color:rgba(0,0,0,0)}.sawabona-form-container:not(#\#):not(#\#) .bg-white{background-color:var(--color-white)}.sawabona-form-container:not(#\#):not(#\#) .bg-white\/5{background-color:rgba(255,255,255,.05)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .bg-white\/50{background-color:rgba(255,255,255,.5)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .bg-white\/50{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .bg-white\/60{background-color:rgba(255,255,255,.6)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .bg-white\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .bg-yellow-100{background-color:var(--color-yellow-100)}.sawabona-form-container:not(#\#):not(#\#) .bg-yellow-500\/20{background-color:rgba(237,178,0,.2)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .bg-yellow-500\/20{background-color:color-mix(in oklab,var(--color-yellow-500)20%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.sawabona-form-container:not(#\#):not(#\#) .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.sawabona-form-container:not(#\#):not(#\#) .bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.sawabona-form-container:not(#\#):not(#\#) .bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.sawabona-form-container:not(#\#):not(#\#) .from-\[\#716C4A\]\/5{--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))}.sawabona-form-container:not(#\#):not(#\#) .from-\[\#716C4A\]\/10{--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))}.sawabona-form-container:not(#\#):not(#\#) .from-\[\#716C4A\]\/20{--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))}.sawabona-form-container:not(#\#):not(#\#) .from-transparent{--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))}.sawabona-form-container:not(#\#):not(#\#) .via-\[\#716C4A\]\/10{--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)}.sawabona-form-container:not(#\#):not(#\#) .via-\[\#716C4A\]\/20{--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)}.sawabona-form-container:not(#\#):not(#\#) .to-transparent{--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))}.sawabona-form-container:not(#\#):not(#\#) .fill-yellow-400{fill:var(--color-yellow-400)}.sawabona-form-container:not(#\#):not(#\#) .p-1{padding:calc(var(--spacing)*1)}.sawabona-form-container:not(#\#):not(#\#) .p-2{padding:calc(var(--spacing)*2)}.sawabona-form-container:not(#\#):not(#\#) .p-3{padding:calc(var(--spacing)*3)}.sawabona-form-container:not(#\#):not(#\#) .p-4{padding:calc(var(--spacing)*4)}.sawabona-form-container:not(#\#):not(#\#) .p-6{padding:calc(var(--spacing)*6)}.sawabona-form-container:not(#\#):not(#\#) .p-8{padding:calc(var(--spacing)*8)}.sawabona-form-container:not(#\#):not(#\#) .px-2{padding-left:calc(var(--spacing)*2);padding-right:calc(var(--spacing)*2)}.sawabona-form-container:not(#\#):not(#\#) .px-3{padding-left:calc(var(--spacing)*3);padding-right:calc(var(--spacing)*3)}.sawabona-form-container:not(#\#):not(#\#) .px-4{padding-left:calc(var(--spacing)*4);padding-right:calc(var(--spacing)*4)}.sawabona-form-container:not(#\#):not(#\#) .px-6{padding-left:calc(var(--spacing)*6);padding-right:calc(var(--spacing)*6)}.sawabona-form-container:not(#\#):not(#\#) .px-8{padding-left:calc(var(--spacing)*8);padding-right:calc(var(--spacing)*8)}.sawabona-form-container:not(#\#):not(#\#) .py-1{padding-top:calc(var(--spacing)*1);padding-bottom:calc(var(--spacing)*1)}.sawabona-form-container:not(#\#):not(#\#) .py-1\.5{padding-top:calc(var(--spacing)*1.5);padding-bottom:calc(var(--spacing)*1.5)}.sawabona-form-container:not(#\#):not(#\#) .py-2{padding-top:calc(var(--spacing)*2);padding-bottom:calc(var(--spacing)*2)}.sawabona-form-container:not(#\#):not(#\#) .py-3{padding-top:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*3)}.sawabona-form-container:not(#\#):not(#\#) .py-4{padding-top:calc(var(--spacing)*4);padding-bottom:calc(var(--spacing)*4)}.sawabona-form-container:not(#\#):not(#\#) .py-12{padding-top:calc(var(--spacing)*12);padding-bottom:calc(var(--spacing)*12)}.sawabona-form-container:not(#\#):not(#\#) .py-24{padding-top:calc(var(--spacing)*24);padding-bottom:calc(var(--spacing)*24)}.sawabona-form-container:not(#\#):not(#\#) .py-32{padding-top:calc(var(--spacing)*32);padding-bottom:calc(var(--spacing)*32)}.sawabona-form-container:not(#\#):not(#\#) .pt-6{padding-top:calc(var(--spacing)*6)}.sawabona-form-container:not(#\#):not(#\#) .pt-24{padding-top:calc(var(--spacing)*24)}.sawabona-form-container:not(#\#):not(#\#) .pt-40{padding-top:calc(var(--spacing)*40)}.sawabona-form-container:not(#\#):not(#\#) .pb-8{padding-bottom:calc(var(--spacing)*8)}.sawabona-form-container:not(#\#):not(#\#) .pb-32{padding-bottom:calc(var(--spacing)*32)}.sawabona-form-container:not(#\#):not(#\#) .text-center{text-align:center}.sawabona-form-container:not(#\#):not(#\#) .text-left{text-align:left}.sawabona-form-container:not(#\#):not(#\#) .font-mono{font-family:var(--font-mono)}.sawabona-form-container:not(#\#):not(#\#) .font-sans{font-family:var(--font-sans)}.sawabona-form-container:not(#\#):not(#\#) .font-sw-heading{font-family:var(--font-sw-heading)}.sawabona-form-container:not(#\#):not(#\#) .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sawabona-form-container:not(#\#):not(#\#) .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sawabona-form-container:not(#\#):not(#\#) .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sawabona-form-container:not(#\#):not(#\#) .text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sawabona-form-container:not(#\#):not(#\#) .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sawabona-form-container:not(#\#):not(#\#) .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sawabona-form-container:not(#\#):not(#\#) .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sawabona-form-container:not(#\#):not(#\#) .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sawabona-form-container:not(#\#):not(#\#) .text-\[10px\]{font-size:10px}.sawabona-form-container:not(#\#):not(#\#) .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.sawabona-form-container:not(#\#):not(#\#) .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.sawabona-form-container:not(#\#):not(#\#) .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.sawabona-form-container:not(#\#):not(#\#) .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.sawabona-form-container:not(#\#):not(#\#) .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.sawabona-form-container:not(#\#):not(#\#) .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.sawabona-form-container:not(#\#):not(#\#) .tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.sawabona-form-container:not(#\#):not(#\#) .tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.sawabona-form-container:not(#\#):not(#\#) .tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.sawabona-form-container:not(#\#):not(#\#) .tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.sawabona-form-container:not(#\#):not(#\#) .tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.sawabona-form-container:not(#\#):not(#\#) .text-pretty{text-wrap:pretty}.sawabona-form-container:not(#\#):not(#\#) .whitespace-pre{white-space:pre}.sawabona-form-container:not(#\#):not(#\#) .whitespace-pre-line{white-space:pre-line}.sawabona-form-container:not(#\#):not(#\#) .text-\[\#716C4A\]{color:#716c4a}.sawabona-form-container:not(#\#):not(#\#) .text-\[\#716C4A\]\/20{color:rgba(113,108,74,.2)}.sawabona-form-container:not(#\#):not(#\#) .text-\[\#716C4A\]\/40{color:rgba(113,108,74,.4)}.sawabona-form-container:not(#\#):not(#\#) .text-\[\#716C4A\]\/60{color:rgba(113,108,74,.6)}.sawabona-form-container:not(#\#):not(#\#) .text-\[\#716C4A\]\/80{color:rgba(113,108,74,.8)}.sawabona-form-container:not(#\#):not(#\#) .text-\[\#171717\]{color:#171717}.sawabona-form-container:not(#\#):not(#\#) .text-\[\#EFE9DB\]{color:#efe9db}.sawabona-form-container:not(#\#):not(#\#) .text-\[\#EFE9DB\]\/70{color:rgba(239,233,219,.7)}.sawabona-form-container:not(#\#):not(#\#) .text-blue-400{color:var(--color-blue-400)}.sawabona-form-container:not(#\#):not(#\#) .text-blue-600{color:var(--color-blue-600)}.sawabona-form-container:not(#\#):not(#\#) .text-green-400{color:var(--color-green-400)}.sawabona-form-container:not(#\#):not(#\#) .text-green-500{color:var(--color-green-500)}.sawabona-form-container:not(#\#):not(#\#) .text-purple-600{color:var(--color-purple-600)}.sawabona-form-container:not(#\#):not(#\#) .text-red-400{color:var(--color-red-400)}.sawabona-form-container:not(#\#):not(#\#) .text-red-500{color:var(--color-red-500)}.sawabona-form-container:not(#\#):not(#\#) .text-sw-background{color:var(--color-sw-background)}.sawabona-form-container:not(#\#):not(#\#) .text-sw-primary{color:var(--color-sw-primary)}.sawabona-form-container:not(#\#):not(#\#) .text-sw-primary\/90{color:rgba(113,108,74,.9)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .text-sw-primary\/90{color:color-mix(in oklab,var(--color-sw-primary)90%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .text-sw-text-secondary\/50{color:rgba(23,23,23,.5)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .text-sw-text-secondary\/50{color:color-mix(in oklab,var(--color-sw-text-secondary)50%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .text-transparent{color:rgba(0,0,0,0)}.sawabona-form-container:not(#\#):not(#\#) .text-white\/40{color:rgba(255,255,255,.4)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .text-white\/40{color:color-mix(in oklab,var(--color-white)40%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .text-yellow-400{color:var(--color-yellow-400)}.sawabona-form-container:not(#\#):not(#\#) .text-yellow-600{color:var(--color-yellow-600)}.sawabona-form-container:not(#\#):not(#\#) .text-yellow-800{color:var(--color-yellow-800)}.sawabona-form-container:not(#\#):not(#\#) .text-zinc-500{color:var(--color-zinc-500)}.sawabona-form-container:not(#\#):not(#\#) .text-zinc-600{color:var(--color-zinc-600)}.sawabona-form-container:not(#\#):not(#\#) .uppercase{text-transform:uppercase}.sawabona-form-container:not(#\#):not(#\#) .no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.sawabona-form-container:not(#\#):not(#\#) .caret-white{caret-color:var(--color-white)}.sawabona-form-container:not(#\#):not(#\#) .opacity-0{opacity:0}.sawabona-form-container:not(#\#):not(#\#) .opacity-5{opacity:.05}.sawabona-form-container:not(#\#):not(#\#) .opacity-10{opacity:.1}.sawabona-form-container:not(#\#):not(#\#) .opacity-20{opacity:.2}.sawabona-form-container:not(#\#):not(#\#) .opacity-30{opacity:.3}.sawabona-form-container:not(#\#):not(#\#) .opacity-40{opacity:.4}.sawabona-form-container:not(#\#):not(#\#) .opacity-50{opacity:.5}.sawabona-form-container:not(#\#):not(#\#) .opacity-60{opacity:.6}.sawabona-form-container:not(#\#):not(#\#) .opacity-70{opacity:.7}.sawabona-form-container:not(#\#):not(#\#) .opacity-80{opacity:.8}.sawabona-form-container:not(#\#):not(#\#) .shadow-2xl{--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)}.sawabona-form-container:not(#\#):not(#\#) .shadow-\[0_0_20px_rgba\(113\,108\,74\,0\.2\)\]{--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)}.sawabona-form-container:not(#\#):not(#\#) .shadow-\[0_0_30px_rgba\(113\,108\,74\,0\.1\)\]{--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)}.sawabona-form-container:not(#\#):not(#\#) .shadow-\[0_0_40px_rgba\(113\,108\,74\,0\.1\)\]{--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)}.sawabona-form-container:not(#\#):not(#\#) .shadow-lg{--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)}.sawabona-form-container:not(#\#):not(#\#) .shadow-sm{--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)}.sawabona-form-container:not(#\#):not(#\#) .ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sawabona-form-container:not(#\#):not(#\#) .shadow-\[\#716C4A\]\/20{--tw-shadow-color:rgba(113,108,74,0.2)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .shadow-\[\#716C4A\]\/20{--tw-shadow-color:color-mix(in oklab,rgba(113, 108, 74, 0.2) var(--tw-shadow-alpha),transparent)}}.sawabona-form-container:not(#\#):not(#\#) .shadow-sw-primary{--tw-shadow-color:#716c4a}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .shadow-sw-primary{--tw-shadow-color:color-mix(in oklab,var(--color-sw-primary)var(--tw-shadow-alpha),transparent)}}.sawabona-form-container:not(#\#):not(#\#) .ring-white\/10{--tw-ring-color:rgba(255,255,255,0.10196)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .ring-white\/10{--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .outline{outline-style:var(--tw-outline-style);outline-width:1px}.sawabona-form-container:not(#\#):not(#\#) .blur-\[100px\]{--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,)}.sawabona-form-container:not(#\#):not(#\#) .drop-shadow-\[0_0_15px_rgba\(250\,204\,21\,0\.4\)\]{--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,)}.sawabona-form-container:not(#\#):not(#\#) .filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.sawabona-form-container:not(#\#):not(#\#) .backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.sawabona-form-container:not(#\#):not(#\#) .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.sawabona-form-container:not(#\#):not(#\#) .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sawabona-form-container:not(#\#):not(#\#) .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sawabona-form-container:not(#\#):not(#\#) .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sawabona-form-container:not(#\#):not(#\#) .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sawabona-form-container:not(#\#):not(#\#) .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sawabona-form-container:not(#\#):not(#\#) .duration-200{--tw-duration:.2s;transition-duration:.2s}.sawabona-form-container:not(#\#):not(#\#) .duration-300{--tw-duration:.3s;transition-duration:.3s}.sawabona-form-container:not(#\#):not(#\#) .duration-500{--tw-duration:.5s;transition-duration:.5s}.sawabona-form-container:not(#\#):not(#\#) .duration-700{--tw-duration:.7s;transition-duration:.7s}.sawabona-form-container:not(#\#):not(#\#) .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.sawabona-form-container:not(#\#):not(#\#) .outline-none{--tw-outline-style:none;outline-style:none}.sawabona-form-container:not(#\#):not(#\#) .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.sawabona-form-container:not(#\#):not(#\#) .group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.sawabona-form-container:not(#\#):not(#\#) .group-hover\:translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.sawabona-form-container:not(#\#):not(#\#) .group-hover\:translate-y-2:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.sawabona-form-container:not(#\#):not(#\#) .group-hover\:border-b-2:is(:where(.group):hover *){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.sawabona-form-container:not(#\#):not(#\#) .group-hover\:border-sw-primary\/50:is(:where(.group):hover *){border-color:rgba(113,108,74,.5)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .group-hover\:border-sw-primary\/50:is(:where(.group):hover *){border-color:color-mix(in oklab,var(--color-sw-primary)50%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .group-hover\:bg-\[\#716C4A\]\/10:is(:where(.group):hover *){background-color:rgba(113,108,74,.1)}.sawabona-form-container:not(#\#):not(#\#) .group-hover\:text-\[\#716C4A\]:is(:where(.group):hover *){color:#716c4a}.sawabona-form-container:not(#\#):not(#\#) .group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.sawabona-form-container:not(#\#):not(#\#) .selection\:bg-\[\#716C4A\] ::-moz-selection{background-color:#716c4a}.sawabona-form-container:not(#\#):not(#\#) .selection\:bg-\[\#716C4A\] ::selection{background-color:#716c4a}.sawabona-form-container:not(#\#):not(#\#) .selection\:bg-\[\#716C4A\]::-moz-selection{background-color:#716c4a}.sawabona-form-container:not(#\#):not(#\#) .selection\:bg-\[\#716C4A\]::selection{background-color:#716c4a}.sawabona-form-container:not(#\#):not(#\#) .selection\:text-\[\#EFE9DB\] ::-moz-selection{color:#efe9db}.sawabona-form-container:not(#\#):not(#\#) .selection\:text-\[\#EFE9DB\] ::selection{color:#efe9db}.sawabona-form-container:not(#\#):not(#\#) .selection\:text-\[\#EFE9DB\]::-moz-selection{color:#efe9db}.sawabona-form-container:not(#\#):not(#\#) .selection\:text-\[\#EFE9DB\]::selection{color:#efe9db}.sawabona-form-container:not(#\#):not(#\#) .placeholder\:text-sw-text-secondary\/30::placeholder{color:rgba(23,23,23,.3)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .placeholder\:text-sw-text-secondary\/30::placeholder{color:color-mix(in oklab,var(--color-sw-text-secondary)30%,transparent)}}@media(hover:hover){.sawabona-form-container:not(#\#):not(#\#) .hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.sawabona-form-container:not(#\#):not(#\#) .hover\:border-\[\#716C4A\]:hover{border-color:#716c4a}.sawabona-form-container:not(#\#):not(#\#) .hover\:border-\[\#716C4A\]\/20:hover{border-color:rgba(113,108,74,.2)}.sawabona-form-container:not(#\#):not(#\#) .hover\:border-\[\#716C4A\]\/30:hover{border-color:rgba(113,108,74,.3)}.sawabona-form-container:not(#\#):not(#\#) .hover\:border-sw-primary\/50:hover{border-color:rgba(113,108,74,.5)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .hover\:border-sw-primary\/50:hover{border-color:color-mix(in oklab,var(--color-sw-primary)50%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .hover\:bg-\[\#5a563b\]:hover{background-color:#5a563b}.sawabona-form-container:not(#\#):not(#\#) .hover\:bg-\[\#716C4A\]:hover{background-color:#716c4a}.sawabona-form-container:not(#\#):not(#\#) .hover\:bg-\[\#716C4A\]\/5:hover{background-color:rgba(113,108,74,.05)}.sawabona-form-container:not(#\#):not(#\#) .hover\:bg-\[\#716C4A\]\/10:hover{background-color:rgba(113,108,74,.1)}.sawabona-form-container:not(#\#):not(#\#) .hover\:bg-\[\#716C4A\]\/20:hover{background-color:rgba(113,108,74,.2)}.sawabona-form-container:not(#\#):not(#\#) .hover\:bg-black\/40:hover{background-color:rgba(0,0,0,.4)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .hover\:bg-black\/40:hover{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .hover\:bg-sw-primary\/5:hover{background-color:rgba(113,108,74,.05)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .hover\:bg-sw-primary\/5:hover{background-color:color-mix(in oklab,var(--color-sw-primary)5%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .hover\:bg-white:hover{background-color:var(--color-white)}.sawabona-form-container:not(#\#):not(#\#) .hover\:bg-white\/5:hover{background-color:rgba(255,255,255,.05)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .hover\:bg-white\/80:hover{background-color:rgba(255,255,255,.8)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .hover\:bg-white\/80:hover{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .hover\:text-\[\#716C4A\]:hover{color:#716c4a}.sawabona-form-container:not(#\#):not(#\#) .hover\:text-\[\#171717\]:hover{color:#171717}.sawabona-form-container:not(#\#):not(#\#) .hover\:text-white:hover{color:var(--color-white)}.sawabona-form-container:not(#\#):not(#\#) .hover\:text-yellow-400\/50:hover{color:rgba(250,200,0,.5)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .hover\:text-yellow-400\/50:hover{color:color-mix(in oklab,var(--color-yellow-400)50%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.sawabona-form-container:not(#\#):not(#\#) .hover\:opacity-100:hover{opacity:1}}.sawabona-form-container:not(#\#):not(#\#) .focus\:border-sw-primary:focus{border-color:var(--color-sw-primary)}.sawabona-form-container:not(#\#):not(#\#) .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.sawabona-form-container:not(#\#):not(#\#) .disabled\:pointer-events-none:disabled{pointer-events:none}.sawabona-form-container:not(#\#):not(#\#) .disabled\:opacity-0:disabled{opacity:0}@media(min-width:48rem){.sawabona-form-container:not(#\#):not(#\#) .md\:static{position:static}.sawabona-form-container:not(#\#):not(#\#) .md\:sticky{position:-webkit-sticky;position:sticky}.sawabona-form-container:not(#\#):not(#\#) .md\:top-0{top:calc(var(--spacing)*0)}.sawabona-form-container:not(#\#):not(#\#) .md\:order-1{order:1}.sawabona-form-container:not(#\#):not(#\#) .md\:order-3{order:3}.sawabona-form-container:not(#\#):not(#\#) .md\:col-span-1{grid-column:span 1/span 1}.sawabona-form-container:not(#\#):not(#\#) .md\:col-span-2{grid-column:span 2/span 2}.sawabona-form-container:not(#\#):not(#\#) .md\:row-span-1{grid-row:span 1/span 1}.sawabona-form-container:not(#\#):not(#\#) .md\:row-span-2{grid-row:span 2/span 2}.sawabona-form-container:not(#\#):not(#\#) .md\:block{display:block}.sawabona-form-container:not(#\#):not(#\#) .md\:flex{display:flex}.sawabona-form-container:not(#\#):not(#\#) .md\:hidden{display:none}.sawabona-form-container:not(#\#):not(#\#) .md\:inline{display:inline}.sawabona-form-container:not(#\#):not(#\#) .md\:h-14{height:calc(var(--spacing)*14)}.sawabona-form-container:not(#\#):not(#\#) .md\:h-16{height:calc(var(--spacing)*16)}.sawabona-form-container:not(#\#):not(#\#) .md\:h-48{height:calc(var(--spacing)*48)}.sawabona-form-container:not(#\#):not(#\#) .md\:h-\[600px\]{height:600px}.sawabona-form-container:not(#\#):not(#\#) .md\:h-\[calc\(100vh-6rem\)\]{height:calc(100vh - 6rem)}.sawabona-form-container:not(#\#):not(#\#) .md\:h-screen{height:100vh}.sawabona-form-container:not(#\#):not(#\#) .md\:w-14{width:calc(var(--spacing)*14)}.sawabona-form-container:not(#\#):not(#\#) .md\:w-16{width:calc(var(--spacing)*16)}.sawabona-form-container:not(#\#):not(#\#) .md\:w-48{width:calc(var(--spacing)*48)}.sawabona-form-container:not(#\#):not(#\#) .md\:max-w-\[400px\]{max-width:400px}.sawabona-form-container:not(#\#):not(#\#) .md\:translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.sawabona-form-container:not(#\#):not(#\#) .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sawabona-form-container:not(#\#):not(#\#) .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sawabona-form-container:not(#\#):not(#\#) .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sawabona-form-container:not(#\#):not(#\#) .md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sawabona-form-container:not(#\#):not(#\#) .md\:flex-row{flex-direction:row}.sawabona-form-container:not(#\#):not(#\#) .md\:items-center{align-items:center}.sawabona-form-container:not(#\#):not(#\#) .md\:items-end{align-items:flex-end}.sawabona-form-container:not(#\#):not(#\#) .md\:gap-4{gap:calc(var(--spacing)*4)}.sawabona-form-container:not(#\#):not(#\#) .md\:gap-6{gap:calc(var(--spacing)*6)}.sawabona-form-container:not(#\#):not(#\#) .md\:self-auto{align-self:auto}.sawabona-form-container:not(#\#):not(#\#) .md\:p-10{padding:calc(var(--spacing)*10)}.sawabona-form-container:not(#\#):not(#\#) .md\:p-12{padding:calc(var(--spacing)*12)}.sawabona-form-container:not(#\#):not(#\#) .md\:px-6{padding-left:calc(var(--spacing)*6);padding-right:calc(var(--spacing)*6)}.sawabona-form-container:not(#\#):not(#\#) .md\:px-10{padding-left:calc(var(--spacing)*10);padding-right:calc(var(--spacing)*10)}.sawabona-form-container:not(#\#):not(#\#) .md\:px-12{padding-left:calc(var(--spacing)*12);padding-right:calc(var(--spacing)*12)}.sawabona-form-container:not(#\#):not(#\#) .md\:py-2{padding-top:calc(var(--spacing)*2);padding-bottom:calc(var(--spacing)*2)}.sawabona-form-container:not(#\#):not(#\#) .md\:py-4{padding-top:calc(var(--spacing)*4);padding-bottom:calc(var(--spacing)*4)}.sawabona-form-container:not(#\#):not(#\#) .md\:pt-12{padding-top:calc(var(--spacing)*12)}.sawabona-form-container:not(#\#):not(#\#) .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sawabona-form-container:not(#\#):not(#\#) .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sawabona-form-container:not(#\#):not(#\#) .md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sawabona-form-container:not(#\#):not(#\#) .md\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.sawabona-form-container:not(#\#):not(#\#) .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sawabona-form-container:not(#\#):not(#\#) .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sawabona-form-container:not(#\#):not(#\#) .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sawabona-form-container:not(#\#):not(#\#) .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media(min-width:64rem){.sawabona-form-container:not(#\#):not(#\#) .lg\:flex{display:flex}.sawabona-form-container:not(#\#):not(#\#) .lg\:hidden{display:none}.sawabona-form-container:not(#\#):not(#\#) .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sawabona-form-container:not(#\#):not(#\#) .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media(prefers-color-scheme:dark){.sawabona-form-container:not(#\#):not(#\#) .dark\:bg-yellow-900\/30{background-color:rgba(115,62,10,.3)}@supports (color:color-mix(in lab,red,red)){.sawabona-form-container:not(#\#):not(#\#) .dark\:bg-yellow-900\/30{background-color:color-mix(in oklab,var(--color-yellow-900)30%,transparent)}}.sawabona-form-container:not(#\#):not(#\#) .dark\:text-yellow-200{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}.sawabona-form-container:not(#\#):not(#\#):not(#\#) .bg-noise{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}
|
|
@@ -1,162 +1,164 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
for (var r in
|
|
7
|
-
|
|
8
|
-
if (
|
|
9
|
-
for (var r of
|
|
10
|
-
|
|
1
|
+
var Q = Object.defineProperty, H = Object.defineProperties;
|
|
2
|
+
var K = Object.getOwnPropertyDescriptors;
|
|
3
|
+
var R = Object.getOwnPropertySymbols;
|
|
4
|
+
var z = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var j = (e, i, r) => i in e ? Q(e, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[i] = r, h = (e, i) => {
|
|
6
|
+
for (var r in i || (i = {}))
|
|
7
|
+
z.call(i, r) && j(e, r, i[r]);
|
|
8
|
+
if (R)
|
|
9
|
+
for (var r of R(i))
|
|
10
|
+
$.call(i, r) && j(e, r, i[r]);
|
|
11
11
|
return e;
|
|
12
|
-
},
|
|
13
|
-
var
|
|
12
|
+
}, g = (e, i) => H(e, K(i));
|
|
13
|
+
var B = (e) => typeof e == "symbol" ? e : e + "", _ = (e, i) => {
|
|
14
14
|
var r = {};
|
|
15
15
|
for (var t in e)
|
|
16
|
-
|
|
17
|
-
if (e != null &&
|
|
18
|
-
for (var t of
|
|
19
|
-
|
|
16
|
+
z.call(e, t) && i.indexOf(t) < 0 && (r[t] = e[t]);
|
|
17
|
+
if (e != null && R)
|
|
18
|
+
for (var t of R(e))
|
|
19
|
+
i.indexOf(t) < 0 && $.call(e, t) && (r[t] = e[t]);
|
|
20
20
|
return r;
|
|
21
21
|
};
|
|
22
22
|
import { jsxs as m, jsx as n } from "react/jsx-runtime";
|
|
23
|
-
import { useState as
|
|
24
|
-
import { motion as
|
|
25
|
-
import { Check as
|
|
26
|
-
function
|
|
27
|
-
var
|
|
28
|
-
const [r, t] =
|
|
23
|
+
import { useState as V, useMemo as W, useCallback as S, createContext as M, useContext as U, useRef as G, useEffect as P } from "react";
|
|
24
|
+
import { motion as w, AnimatePresence as X } from "framer-motion";
|
|
25
|
+
import { Check as D, Star as J, ChevronLeft as Y, ChevronRight as Z } from "lucide-react";
|
|
26
|
+
function q({ schema: e, onSubmit: i }) {
|
|
27
|
+
var v;
|
|
28
|
+
const [r, t] = V({
|
|
29
29
|
answers: {},
|
|
30
|
-
currentStepId: ((
|
|
30
|
+
currentStepId: ((v = e.questions[0]) == null ? void 0 : v.id) || "",
|
|
31
31
|
history: [],
|
|
32
32
|
isSubmitting: !1,
|
|
33
33
|
errors: {},
|
|
34
34
|
isCompleted: !1
|
|
35
|
-
}),
|
|
36
|
-
() => e.questions.findIndex((
|
|
35
|
+
}), u = W(
|
|
36
|
+
() => e.questions.findIndex((a) => a.id === r.currentStepId),
|
|
37
37
|
[e.questions, r.currentStepId]
|
|
38
|
-
),
|
|
39
|
-
t((
|
|
40
|
-
answers:
|
|
41
|
-
[
|
|
38
|
+
), s = e.questions[u], p = S((a, o) => {
|
|
39
|
+
t((l) => g(h({}, l), {
|
|
40
|
+
answers: g(h({}, l.answers), {
|
|
41
|
+
[a]: o
|
|
42
42
|
}),
|
|
43
43
|
// Clear error on modification
|
|
44
|
-
errors:
|
|
45
|
-
[
|
|
44
|
+
errors: g(h({}, l.errors), {
|
|
45
|
+
[a]: ""
|
|
46
46
|
})
|
|
47
47
|
}));
|
|
48
|
-
}, []),
|
|
49
|
-
t((
|
|
48
|
+
}, []), d = S((a, o) => {
|
|
49
|
+
t((l) => {
|
|
50
50
|
if (o === null) {
|
|
51
|
-
const
|
|
52
|
-
return
|
|
51
|
+
const F = l.errors, { [a]: N } = F, y = _(F, [B(a)]);
|
|
52
|
+
return g(h({}, l), { errors: y });
|
|
53
53
|
}
|
|
54
|
-
return
|
|
55
|
-
errors:
|
|
54
|
+
return g(h({}, l), {
|
|
55
|
+
errors: g(h({}, l.errors), { [a]: o })
|
|
56
56
|
});
|
|
57
57
|
});
|
|
58
|
-
}, []), c =
|
|
59
|
-
var
|
|
60
|
-
if (!
|
|
61
|
-
const
|
|
62
|
-
return o && o.required && (
|
|
63
|
-
}, [
|
|
64
|
-
const o = e.questions.findIndex((
|
|
58
|
+
}, []), c = S(() => {
|
|
59
|
+
var l;
|
|
60
|
+
if (!s) return !0;
|
|
61
|
+
const a = r.answers[s.id], o = s.validation;
|
|
62
|
+
return o && o.required && (a === void 0 || a === "" || Array.isArray(a) && a.length === 0) ? (d(s.id, ((l = e.i18n) == null ? void 0 : l.required) || "This field is required"), !1) : !0;
|
|
63
|
+
}, [s, r.answers, d, e.i18n]), f = S((a) => {
|
|
64
|
+
const o = e.questions.findIndex((l) => l.id === a.id);
|
|
65
65
|
return o < e.questions.length - 1 ? e.questions[o + 1].id : "submit";
|
|
66
|
-
}, [e.questions]),
|
|
66
|
+
}, [e.questions]), x = S(() => {
|
|
67
67
|
if (!c()) return;
|
|
68
|
-
const
|
|
69
|
-
|
|
68
|
+
const a = f(s);
|
|
69
|
+
a === "submit" ? (t((o) => g(h({}, o), { isCompleted: !0 })), i == null || i(r.answers)) : t((o) => g(h({}, o), {
|
|
70
70
|
history: [...o.history, o.currentStepId],
|
|
71
|
-
currentStepId:
|
|
71
|
+
currentStepId: a
|
|
72
72
|
}));
|
|
73
|
-
}, [
|
|
73
|
+
}, [s, r.answers, c, f, i]), b = S(() => {
|
|
74
74
|
if (r.history.length === 0) return;
|
|
75
|
-
const
|
|
76
|
-
t((o) =>
|
|
75
|
+
const a = r.history[r.history.length - 1];
|
|
76
|
+
t((o) => g(h({}, o), {
|
|
77
77
|
history: o.history.slice(0, -1),
|
|
78
|
-
currentStepId:
|
|
78
|
+
currentStepId: a
|
|
79
79
|
}));
|
|
80
|
-
}, [r.history]),
|
|
81
|
-
if (!e.questions.some((
|
|
82
|
-
console.warn(`Step ${
|
|
80
|
+
}, [r.history]), C = S((a) => {
|
|
81
|
+
if (!e.questions.some((l) => l.id === a)) {
|
|
82
|
+
console.warn(`Step ${a} does not exist`);
|
|
83
83
|
return;
|
|
84
84
|
}
|
|
85
|
-
t((
|
|
86
|
-
history: [...
|
|
87
|
-
currentStepId:
|
|
85
|
+
t((l) => g(h({}, l), {
|
|
86
|
+
history: [...l.history, l.currentStepId],
|
|
87
|
+
currentStepId: a
|
|
88
88
|
}));
|
|
89
|
-
}, [e.questions]),
|
|
90
|
-
var
|
|
89
|
+
}, [e.questions]), I = S(() => {
|
|
90
|
+
var a;
|
|
91
91
|
t({
|
|
92
92
|
answers: {},
|
|
93
|
-
currentStepId: ((
|
|
93
|
+
currentStepId: ((a = e.questions[0]) == null ? void 0 : a.id) || "",
|
|
94
94
|
history: [],
|
|
95
95
|
isSubmitting: !1,
|
|
96
96
|
errors: {},
|
|
97
97
|
isCompleted: !1
|
|
98
98
|
});
|
|
99
99
|
}, [e.questions]);
|
|
100
|
-
return
|
|
101
|
-
setAnswer:
|
|
102
|
-
nextStep:
|
|
103
|
-
prevStep:
|
|
104
|
-
jumpToStep:
|
|
105
|
-
submitForm: () =>
|
|
106
|
-
resetForm:
|
|
107
|
-
registerError:
|
|
100
|
+
return g(h({}, r), {
|
|
101
|
+
setAnswer: p,
|
|
102
|
+
nextStep: x,
|
|
103
|
+
prevStep: b,
|
|
104
|
+
jumpToStep: C,
|
|
105
|
+
submitForm: () => i == null ? void 0 : i(r.answers),
|
|
106
|
+
resetForm: I,
|
|
107
|
+
registerError: d,
|
|
108
108
|
// Helper to calculate progress
|
|
109
|
-
progress:
|
|
109
|
+
progress: u / e.questions.length * 100
|
|
110
110
|
});
|
|
111
111
|
}
|
|
112
|
-
const
|
|
113
|
-
const e =
|
|
112
|
+
const O = M(void 0), L = () => {
|
|
113
|
+
const e = U(O);
|
|
114
114
|
if (!e)
|
|
115
115
|
throw new Error("useFormContext must be used within a FormProvider");
|
|
116
116
|
return e;
|
|
117
117
|
};
|
|
118
|
-
function
|
|
119
|
-
var
|
|
120
|
-
const { answers:
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
118
|
+
function ee({ question: e }) {
|
|
119
|
+
var v, a, o, l, F;
|
|
120
|
+
const { answers: i, setAnswer: r, nextStep: t, schema: u } = L(), s = i[e.id], p = s != null ? String(s) : "", d = G(null), c = u.questions[0].id === e.id, f = !u.disableAutoFocus || !c;
|
|
121
|
+
P(() => {
|
|
122
|
+
if (f) {
|
|
123
|
+
const N = setTimeout(() => {
|
|
124
|
+
var y;
|
|
125
|
+
(y = d.current) == null || y.focus();
|
|
126
|
+
}, 500);
|
|
127
|
+
return () => clearTimeout(N);
|
|
128
|
+
}
|
|
129
|
+
}, [e.id, f]);
|
|
130
|
+
const x = (N) => {
|
|
131
|
+
var E;
|
|
132
|
+
let y = N.target.value;
|
|
133
|
+
const A = ((E = e.validation) == null ? void 0 : E.maxLength) || 2048;
|
|
134
|
+
if (y.length > A && (y = y.slice(0, A)), e.type === "number") {
|
|
135
|
+
const T = y === "" ? "" : parseFloat(y);
|
|
136
|
+
r(e.id, T);
|
|
135
137
|
} else
|
|
136
|
-
r(e.id,
|
|
137
|
-
},
|
|
138
|
-
var
|
|
139
|
-
if ((
|
|
140
|
-
if (
|
|
141
|
-
if ((
|
|
142
|
-
if ((
|
|
138
|
+
r(e.id, y);
|
|
139
|
+
}, b = () => {
|
|
140
|
+
var N, y, A, E, T;
|
|
141
|
+
if ((N = e.validation) != null && N.required && !p) return !1;
|
|
142
|
+
if (p) {
|
|
143
|
+
if ((y = e.validation) != null && y.minLength && p.length < e.validation.minLength || e.type === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(p)) return !1;
|
|
144
|
+
if ((A = e.validation) != null && A.pattern)
|
|
143
145
|
try {
|
|
144
|
-
if (!new RegExp(e.validation.pattern).test(
|
|
145
|
-
} catch (
|
|
146
|
-
console.error("Invalid regex pattern in schema",
|
|
146
|
+
if (!new RegExp(e.validation.pattern).test(p)) return !1;
|
|
147
|
+
} catch (k) {
|
|
148
|
+
console.error("Invalid regex pattern in schema", k);
|
|
147
149
|
}
|
|
148
150
|
if (e.type === "number") {
|
|
149
|
-
const
|
|
150
|
-
if (!isNaN(
|
|
151
|
+
const k = parseFloat(p);
|
|
152
|
+
if (!isNaN(k) && (((E = e.validation) == null ? void 0 : E.min) !== void 0 && k < e.validation.min || ((T = e.validation) == null ? void 0 : T.max) !== void 0 && k > e.validation.max))
|
|
151
153
|
return !1;
|
|
152
154
|
}
|
|
153
155
|
}
|
|
154
156
|
return !0;
|
|
155
|
-
},
|
|
156
|
-
if (
|
|
157
|
-
if (
|
|
158
|
-
const
|
|
159
|
-
|
|
157
|
+
}, C = (N) => {
|
|
158
|
+
if (N.key === "Enter" && !N.shiftKey) {
|
|
159
|
+
if (N.preventDefault(), !b()) {
|
|
160
|
+
const y = document.querySelector(".sawabona-form-container") || document.body;
|
|
161
|
+
y.classList.add("shake-animation"), setTimeout(() => y.classList.remove("shake-animation"), 500);
|
|
160
162
|
return;
|
|
161
163
|
}
|
|
162
164
|
t();
|
|
@@ -166,25 +168,24 @@ function Y({ question: e }) {
|
|
|
166
168
|
/* @__PURE__ */ n(
|
|
167
169
|
"input",
|
|
168
170
|
{
|
|
169
|
-
ref:
|
|
171
|
+
ref: d,
|
|
170
172
|
type: e.type,
|
|
171
|
-
value: typeof
|
|
172
|
-
onChange:
|
|
173
|
-
onKeyDown:
|
|
173
|
+
value: typeof p == "string" || typeof p == "number" ? p : "",
|
|
174
|
+
onChange: x,
|
|
175
|
+
onKeyDown: C,
|
|
174
176
|
placeholder: e.placeholder,
|
|
175
|
-
minLength: (
|
|
176
|
-
maxLength: ((
|
|
177
|
-
min: (
|
|
178
|
-
max: (
|
|
179
|
-
pattern: (
|
|
177
|
+
minLength: (v = e.validation) == null ? void 0 : v.minLength,
|
|
178
|
+
maxLength: ((a = e.validation) == null ? void 0 : a.maxLength) || 2048,
|
|
179
|
+
min: (o = e.validation) == null ? void 0 : o.min,
|
|
180
|
+
max: (l = e.validation) == null ? void 0 : l.max,
|
|
181
|
+
pattern: (F = e.validation) == null ? void 0 : F.pattern,
|
|
180
182
|
className: `
|
|
181
183
|
w-full bg-transparent border-b-2 border-sw-text-secondary/20
|
|
182
184
|
py-4 text-2xl md:text-3xl font-medium outline-none transition-colors
|
|
183
185
|
placeholder:text-sw-text-secondary/30
|
|
184
186
|
focus:border-sw-primary
|
|
185
187
|
font-sw-heading
|
|
186
|
-
|
|
187
|
-
autoFocus: !0
|
|
188
|
+
`
|
|
188
189
|
}
|
|
189
190
|
),
|
|
190
191
|
void 0,
|
|
@@ -196,45 +197,45 @@ function Y({ question: e }) {
|
|
|
196
197
|
] })
|
|
197
198
|
] });
|
|
198
199
|
}
|
|
199
|
-
function
|
|
200
|
-
var
|
|
201
|
-
const { answers:
|
|
200
|
+
function te({ question: e }) {
|
|
201
|
+
var d;
|
|
202
|
+
const { answers: i, setAnswer: r, nextStep: t } = L(), u = i[e.id] || "", s = (c) => {
|
|
202
203
|
r(e.id, c), setTimeout(() => t(), 400);
|
|
203
|
-
},
|
|
204
|
-
return
|
|
205
|
-
const c = (
|
|
206
|
-
var
|
|
207
|
-
const
|
|
208
|
-
|
|
204
|
+
}, p = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
|
|
205
|
+
return P(() => {
|
|
206
|
+
const c = (f) => {
|
|
207
|
+
var C;
|
|
208
|
+
const x = f.key.toUpperCase(), b = p.indexOf(x);
|
|
209
|
+
b >= 0 && b < (((C = e.options) == null ? void 0 : C.length) || 0) && s(e.options[b].value);
|
|
209
210
|
};
|
|
210
211
|
return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
|
|
211
|
-
}, [e.options, e.id]), /* @__PURE__ */ n("div", { className: "flex flex-col gap-3 w-full max-w-xl", children: (
|
|
212
|
-
const
|
|
212
|
+
}, [e.options, e.id]), /* @__PURE__ */ n("div", { className: "flex flex-col gap-3 w-full max-w-xl", children: (d = e.options) == null ? void 0 : d.map((c, f) => {
|
|
213
|
+
const x = Array.isArray(u) ? u.includes(c.value) : u === c.value;
|
|
213
214
|
return /* @__PURE__ */ m(
|
|
214
|
-
|
|
215
|
+
w.button,
|
|
215
216
|
{
|
|
216
217
|
initial: { opacity: 0, y: 10 },
|
|
217
218
|
animate: { opacity: 1, y: 0 },
|
|
218
|
-
transition: { delay:
|
|
219
|
-
onClick: () =>
|
|
219
|
+
transition: { delay: f * 0.05 },
|
|
220
|
+
onClick: () => s(c.value),
|
|
220
221
|
className: `
|
|
221
222
|
w-full text-left p-4 rounded-lg border-2 transition-all duration-200
|
|
222
223
|
flex items-center justify-between group
|
|
223
|
-
${
|
|
224
|
+
${x ? "border-sw-primary bg-sw-primary/5 text-sw-primary" : "border-sw-text-secondary/10 hover:border-sw-primary/50 hover:bg-sw-primary/5"}
|
|
224
225
|
`,
|
|
225
226
|
children: [
|
|
226
227
|
/* @__PURE__ */ m("span", { className: "text-lg font-medium flex items-center gap-3", children: [
|
|
227
228
|
/* @__PURE__ */ n("span", { className: `
|
|
228
229
|
w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors
|
|
229
|
-
${
|
|
230
|
-
`, children:
|
|
230
|
+
${x ? "border-sw-primary bg-sw-primary" : "border-sw-text-secondary/30 group-hover:border-sw-primary/50"}
|
|
231
|
+
`, children: x && /* @__PURE__ */ n(D, { size: 14, className: "text-sw-background" }) }),
|
|
231
232
|
c.label
|
|
232
233
|
] }),
|
|
233
234
|
/* @__PURE__ */ m("span", { className: "opacity-0 group-hover:opacity-100 transition-opacity text-xs font-mono uppercase tracking-widest text-sw-text-secondary/50", children: [
|
|
234
235
|
"Select ",
|
|
235
236
|
/* @__PURE__ */ m("span", { className: "hidden md:inline", children: [
|
|
236
237
|
"Key ",
|
|
237
|
-
|
|
238
|
+
f + 1
|
|
238
239
|
] })
|
|
239
240
|
] })
|
|
240
241
|
]
|
|
@@ -243,58 +244,58 @@ function Z({ question: e }) {
|
|
|
243
244
|
);
|
|
244
245
|
}) });
|
|
245
246
|
}
|
|
246
|
-
function
|
|
247
|
-
var
|
|
248
|
-
const { answers:
|
|
247
|
+
function re({ question: e }) {
|
|
248
|
+
var s;
|
|
249
|
+
const { answers: i, setAnswer: r } = L(), t = i[e.id] || 0, u = Math.min(((s = e.validation) == null ? void 0 : s.max) || 5, 20);
|
|
249
250
|
return /* @__PURE__ */ m("div", { className: "flex flex-col gap-6", children: [
|
|
250
|
-
/* @__PURE__ */ n("div", { className: "flex gap-4 flex-wrap", children: Array.from({ length:
|
|
251
|
-
const c =
|
|
251
|
+
/* @__PURE__ */ n("div", { className: "flex gap-4 flex-wrap", children: Array.from({ length: u }).map((p, d) => {
|
|
252
|
+
const c = d + 1, f = c <= t;
|
|
252
253
|
return /* @__PURE__ */ n(
|
|
253
|
-
|
|
254
|
+
w.button,
|
|
254
255
|
{
|
|
255
256
|
initial: { opacity: 0, scale: 0 },
|
|
256
257
|
animate: { opacity: 1, scale: 1 },
|
|
257
|
-
transition: { delay:
|
|
258
|
+
transition: { delay: d * 0.05 },
|
|
258
259
|
onClick: () => r(e.id, c),
|
|
259
260
|
whileHover: { scale: 1.2, rotate: 5 },
|
|
260
261
|
whileTap: { scale: 0.9 },
|
|
261
262
|
className: "focus:outline-none",
|
|
262
263
|
children: /* @__PURE__ */ n(
|
|
263
|
-
|
|
264
|
+
J,
|
|
264
265
|
{
|
|
265
|
-
className: `w-12 h-12 md:w-16 md:h-16 transition-all duration-300 ${
|
|
266
|
+
className: `w-12 h-12 md:w-16 md:h-16 transition-all duration-300 ${f ? "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"}`,
|
|
266
267
|
strokeWidth: 1.5
|
|
267
268
|
}
|
|
268
269
|
)
|
|
269
270
|
},
|
|
270
|
-
|
|
271
|
+
d
|
|
271
272
|
);
|
|
272
273
|
}) }),
|
|
273
274
|
/* @__PURE__ */ m("div", { className: "flex justify-between w-full max-w-[300px] md:max-w-[400px] px-2 items-center", children: [
|
|
274
275
|
/* @__PURE__ */ n("span", { className: "text-sm md:text-base font-medium text-sw-text-secondary/50 uppercase tracking-wide", children: e.minLabel || "Poor" }),
|
|
275
276
|
/* @__PURE__ */ n(
|
|
276
|
-
|
|
277
|
+
w.div,
|
|
277
278
|
{
|
|
278
279
|
initial: { opacity: 0, scale: 0.8 },
|
|
279
280
|
animate: { opacity: t ? 1 : 0, scale: t ? 1 : 0.8 },
|
|
280
281
|
className: "font-bold text-primary text-xl",
|
|
281
|
-
children: t ? `${t} / ${
|
|
282
|
+
children: t ? `${t} / ${u}` : ""
|
|
282
283
|
}
|
|
283
284
|
),
|
|
284
285
|
/* @__PURE__ */ n("span", { className: "text-sm md:text-base font-medium text-muted-foreground uppercase tracking-wide", children: e.maxLabel || "Excellent" })
|
|
285
286
|
] })
|
|
286
287
|
] });
|
|
287
288
|
}
|
|
288
|
-
function
|
|
289
|
-
const { schema:
|
|
289
|
+
function ne({ question: e }) {
|
|
290
|
+
const { schema: i } = L(), r = i.questions.findIndex((d) => d.id === e.id) + 1, t = i.questions.length, u = {
|
|
290
291
|
hidden: { opacity: 0, y: 20 },
|
|
291
292
|
visible: { opacity: 1, y: 0, transition: { duration: 0.5, ease: [0.22, 1, 0.36, 1] } }
|
|
292
|
-
},
|
|
293
|
-
const
|
|
294
|
-
return
|
|
295
|
-
}),
|
|
293
|
+
}, s = (d) => d && d.replace(/\{\{(\w+)\}\}/g, (c, f) => {
|
|
294
|
+
const x = p.answers[f];
|
|
295
|
+
return x != null ? String(x) : "";
|
|
296
|
+
}), p = L();
|
|
296
297
|
return /* @__PURE__ */ m(
|
|
297
|
-
|
|
298
|
+
w.div,
|
|
298
299
|
{
|
|
299
300
|
className: "flex flex-col gap-8 w-full max-w-4xl mx-auto",
|
|
300
301
|
initial: "hidden",
|
|
@@ -304,33 +305,33 @@ function ee({ question: e }) {
|
|
|
304
305
|
},
|
|
305
306
|
children: [
|
|
306
307
|
/* @__PURE__ */ m("div", { className: "flex flex-col gap-2", children: [
|
|
307
|
-
/* @__PURE__ */ n(
|
|
308
|
+
/* @__PURE__ */ n(w.div, { variants: u, className: "flex gap-4 items-baseline", children: /* @__PURE__ */ m("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: [
|
|
308
309
|
/* @__PURE__ */ n("span", { children: r }),
|
|
309
310
|
/* @__PURE__ */ n("span", { className: "opacity-40 text-xs", children: "/" }),
|
|
310
311
|
/* @__PURE__ */ n("span", { className: "opacity-60", children: t })
|
|
311
312
|
] }) }),
|
|
312
313
|
/* @__PURE__ */ m(
|
|
313
|
-
|
|
314
|
+
w.h2,
|
|
314
315
|
{
|
|
315
|
-
variants:
|
|
316
|
+
variants: u,
|
|
316
317
|
className: "text-3xl md:text-4xl lg:text-5xl font-bold leading-tight tracking-tight text-pretty mt-2 font-sw-heading",
|
|
317
318
|
children: [
|
|
318
|
-
|
|
319
|
+
s(e.title),
|
|
319
320
|
" ",
|
|
320
321
|
/* @__PURE__ */ n("span", { className: "text-sw-primary", children: "*" })
|
|
321
322
|
]
|
|
322
323
|
}
|
|
323
324
|
),
|
|
324
325
|
e.description && /* @__PURE__ */ n(
|
|
325
|
-
|
|
326
|
+
w.p,
|
|
326
327
|
{
|
|
327
|
-
variants:
|
|
328
|
+
variants: u,
|
|
328
329
|
className: "text-lg md:text-xl text-muted-foreground font-normal leading-relaxed max-w-2xl mt-2",
|
|
329
|
-
children:
|
|
330
|
+
children: s(e.description)
|
|
330
331
|
}
|
|
331
332
|
)
|
|
332
333
|
] }),
|
|
333
|
-
/* @__PURE__ */ n(
|
|
334
|
+
/* @__PURE__ */ n(w.div, { variants: u, className: "w-full mt-6", children: e.type === "text" || e.type === "email" || e.type === "number" || e.type === "url" ? /* @__PURE__ */ n(ee, { question: e }) : e.type === "select" ? /* @__PURE__ */ n(te, { question: e }) : e.type === "rating" ? /* @__PURE__ */ n(re, { question: e }) : /* @__PURE__ */ m("div", { className: "p-4 bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-200 rounded", children: [
|
|
334
335
|
"Unsupported question type: ",
|
|
335
336
|
e.type,
|
|
336
337
|
" (ID: ",
|
|
@@ -341,7 +342,7 @@ function ee({ question: e }) {
|
|
|
341
342
|
}
|
|
342
343
|
);
|
|
343
344
|
}
|
|
344
|
-
const
|
|
345
|
+
const ie = {
|
|
345
346
|
next: "Next",
|
|
346
347
|
back: "Back",
|
|
347
348
|
submit: "Submit",
|
|
@@ -349,16 +350,16 @@ const te = {
|
|
|
349
350
|
optional: "Optional",
|
|
350
351
|
stepInfo: "Question {{current}} of {{total}}"
|
|
351
352
|
};
|
|
352
|
-
function
|
|
353
|
-
var
|
|
354
|
-
const r =
|
|
353
|
+
function ce({ schema: e, onSubmit: i }) {
|
|
354
|
+
var I;
|
|
355
|
+
const r = q({ schema: e, onSubmit: i }), t = e.theme || {
|
|
355
356
|
backgroundColor: "#ffffff",
|
|
356
357
|
textColor: "#000000",
|
|
357
358
|
// Start with generic defaults, override in usage
|
|
358
359
|
primaryColor: "#000000",
|
|
359
360
|
borderRadius: "8px"
|
|
360
361
|
// fontFamily removed to allow inheritance
|
|
361
|
-
},
|
|
362
|
+
}, u = h(h({}, ie), e.i18n), s = {
|
|
362
363
|
backgroundColor: t.backgroundColor,
|
|
363
364
|
color: t.textColor,
|
|
364
365
|
fontFamily: t.fontFamily,
|
|
@@ -369,49 +370,49 @@ function se({ schema: e, onSubmit: a }) {
|
|
|
369
370
|
"--color-sw-text-secondary": t.textColor,
|
|
370
371
|
"--font-sw-heading": t.fontFamily || "inherit",
|
|
371
372
|
"--font-sw-body": t.fontFamily || "inherit"
|
|
372
|
-
},
|
|
373
|
-
backgroundColor:
|
|
374
|
-
color:
|
|
375
|
-
border:
|
|
373
|
+
}, p = t.buttonVariant === "outline", d = {
|
|
374
|
+
backgroundColor: p ? "transparent" : t.primaryColor,
|
|
375
|
+
color: p ? t.primaryColor : t.textColor,
|
|
376
|
+
border: p ? `2px solid ${t.primaryColor}` : "none",
|
|
376
377
|
borderRadius: t.borderRadius || "8px",
|
|
377
378
|
fontWeight: 600
|
|
378
379
|
}, c = {
|
|
379
380
|
color: t.primaryColor,
|
|
380
381
|
borderRadius: t.borderRadius || "8px",
|
|
381
382
|
fontWeight: 600
|
|
382
|
-
}, { autoReload:
|
|
383
|
-
if (
|
|
384
|
-
if (r.isCompleted &&
|
|
385
|
-
const
|
|
383
|
+
}, { autoReload: f, reloadDelay: x = 3e3 } = e;
|
|
384
|
+
if (P(() => {
|
|
385
|
+
if (r.isCompleted && f) {
|
|
386
|
+
const v = setTimeout(() => {
|
|
386
387
|
r.resetForm();
|
|
387
|
-
},
|
|
388
|
-
return () => clearTimeout(
|
|
388
|
+
}, x);
|
|
389
|
+
return () => clearTimeout(v);
|
|
389
390
|
}
|
|
390
|
-
}, [r.isCompleted,
|
|
391
|
+
}, [r.isCompleted, f, x, r.resetForm]), r.isCompleted)
|
|
391
392
|
return /* @__PURE__ */ m(
|
|
392
393
|
"div",
|
|
393
394
|
{
|
|
394
395
|
className: "flex flex-col items-center justify-center h-full w-full p-8 text-center relative overflow-hidden",
|
|
395
|
-
style:
|
|
396
|
+
style: s,
|
|
396
397
|
children: [
|
|
397
|
-
|
|
398
|
-
|
|
398
|
+
f && /* @__PURE__ */ n(
|
|
399
|
+
w.div,
|
|
399
400
|
{
|
|
400
401
|
initial: { width: "0%" },
|
|
401
402
|
animate: { width: "100%" },
|
|
402
|
-
transition: { duration:
|
|
403
|
+
transition: { duration: x / 1e3, ease: "linear" },
|
|
403
404
|
className: "absolute top-0 left-0 h-1 bg-green-500 z-50"
|
|
404
405
|
}
|
|
405
406
|
),
|
|
406
407
|
/* @__PURE__ */ m(
|
|
407
|
-
|
|
408
|
+
w.div,
|
|
408
409
|
{
|
|
409
410
|
initial: { scale: 0.9, opacity: 0, y: 20 },
|
|
410
411
|
animate: { scale: 1, opacity: 1, y: 0 },
|
|
411
412
|
transition: { duration: 0.6, ease: [0.22, 1, 0.36, 1] },
|
|
412
413
|
className: "flex flex-col items-center",
|
|
413
414
|
children: [
|
|
414
|
-
/* @__PURE__ */ n("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: /* @__PURE__ */ n(
|
|
415
|
+
/* @__PURE__ */ n("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: /* @__PURE__ */ n(D, { size: 48 }) }),
|
|
415
416
|
/* @__PURE__ */ n("h1", { className: "text-4xl md:text-5xl font-bold mb-4 tracking-tight", children: "Obrigado!" }),
|
|
416
417
|
/* @__PURE__ */ n("p", { className: "text-xl opacity-70 max-w-md leading-relaxed", children: "Suas respostas foram enviadas com sucesso." })
|
|
417
418
|
]
|
|
@@ -420,37 +421,37 @@ function se({ schema: e, onSubmit: a }) {
|
|
|
420
421
|
]
|
|
421
422
|
}
|
|
422
423
|
);
|
|
423
|
-
const
|
|
424
|
-
return /* @__PURE__ */ n(
|
|
424
|
+
const b = e.questions.find((v) => v.id === r.currentStepId), C = (e.questions.findIndex((v) => v.id === r.currentStepId) + 1) / e.questions.length * 100;
|
|
425
|
+
return /* @__PURE__ */ n(O.Provider, { value: g(h({}, r), { schema: e }), children: /* @__PURE__ */ m(
|
|
425
426
|
"div",
|
|
426
427
|
{
|
|
427
428
|
className: "w-full h-full flex flex-col relative overflow-hidden transition-colors duration-700",
|
|
428
|
-
style:
|
|
429
|
+
style: s,
|
|
429
430
|
children: [
|
|
430
431
|
/* @__PURE__ */ m("div", { className: "absolute top-0 left-0 w-full h-1 z-50", children: [
|
|
431
432
|
/* @__PURE__ */ n("div", { className: "absolute top-0 left-0 w-full h-full bg-current opacity-10" }),
|
|
432
433
|
/* @__PURE__ */ n(
|
|
433
|
-
|
|
434
|
+
w.div,
|
|
434
435
|
{
|
|
435
436
|
className: "h-full relative z-10",
|
|
436
437
|
initial: { width: 0 },
|
|
437
|
-
animate: { width: `${
|
|
438
|
+
animate: { width: `${C}%` },
|
|
438
439
|
transition: { duration: 0.5, ease: "easeInOut" },
|
|
439
440
|
style: { backgroundColor: t.primaryColor }
|
|
440
441
|
}
|
|
441
442
|
)
|
|
442
443
|
] }),
|
|
443
|
-
/* @__PURE__ */ n("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: /* @__PURE__ */ n(
|
|
444
|
-
|
|
444
|
+
/* @__PURE__ */ n("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: /* @__PURE__ */ n(X, { mode: "wait", children: b && /* @__PURE__ */ n(
|
|
445
|
+
w.div,
|
|
445
446
|
{
|
|
446
447
|
initial: { opacity: 0, y: 40 },
|
|
447
448
|
animate: { opacity: 1, y: 0 },
|
|
448
449
|
exit: { opacity: 0, y: -40 },
|
|
449
450
|
transition: { duration: 0.5, ease: [0.22, 1, 0.36, 1] },
|
|
450
451
|
className: "w-full",
|
|
451
|
-
children: /* @__PURE__ */ n(
|
|
452
|
+
children: /* @__PURE__ */ n(ne, { question: b })
|
|
452
453
|
},
|
|
453
|
-
|
|
454
|
+
b.id
|
|
454
455
|
) }) }),
|
|
455
456
|
/* @__PURE__ */ m("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: [
|
|
456
457
|
t.showPoweredBy !== !1 && /* @__PURE__ */ m(
|
|
@@ -465,7 +466,7 @@ function se({ schema: e, onSubmit: a }) {
|
|
|
465
466
|
{
|
|
466
467
|
className: "text-[10px] md:text-xs font-mono font-bold tracking-[0.2em] uppercase transition-colors shadow-sw-primary",
|
|
467
468
|
style: { color: t.brandColor || t.primaryColor },
|
|
468
|
-
children: ((
|
|
469
|
+
children: ((I = t.poweredBy) == null ? void 0 : I.replace("Powered by ", "")) || "SAWABONA TECH"
|
|
469
470
|
}
|
|
470
471
|
)
|
|
471
472
|
]
|
|
@@ -473,7 +474,7 @@ function se({ schema: e, onSubmit: a }) {
|
|
|
473
474
|
),
|
|
474
475
|
/* @__PURE__ */ m("div", { className: "flex items-center gap-4 order-2 md:order-3 ml-auto", children: [
|
|
475
476
|
/* @__PURE__ */ n(
|
|
476
|
-
|
|
477
|
+
w.button,
|
|
477
478
|
{
|
|
478
479
|
onClick: r.prevStep,
|
|
479
480
|
disabled: r.history.length === 0,
|
|
@@ -481,20 +482,20 @@ function se({ schema: e, onSubmit: a }) {
|
|
|
481
482
|
whileTap: { scale: 0.95 },
|
|
482
483
|
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",
|
|
483
484
|
style: c,
|
|
484
|
-
children: /* @__PURE__ */ n(
|
|
485
|
+
children: /* @__PURE__ */ n(Y, { size: 24 })
|
|
485
486
|
}
|
|
486
487
|
),
|
|
487
488
|
/* @__PURE__ */ m(
|
|
488
|
-
|
|
489
|
+
w.button,
|
|
489
490
|
{
|
|
490
491
|
onClick: r.nextStep,
|
|
491
492
|
whileHover: { scale: 1.02 },
|
|
492
493
|
whileTap: { scale: 0.98 },
|
|
493
494
|
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",
|
|
494
|
-
style:
|
|
495
|
+
style: d,
|
|
495
496
|
children: [
|
|
496
|
-
/* @__PURE__ */ n("span", { children: r.currentStepId === e.questions[e.questions.length - 1].id ? t.submitText ||
|
|
497
|
-
r.currentStepId !== e.questions[e.questions.length - 1].id && /* @__PURE__ */ n(
|
|
497
|
+
/* @__PURE__ */ n("span", { children: r.currentStepId === e.questions[e.questions.length - 1].id ? t.submitText || u.submit : u.next }),
|
|
498
|
+
r.currentStepId !== e.questions[e.questions.length - 1].id && /* @__PURE__ */ n(Z, { size: 20, strokeWidth: 3 })
|
|
498
499
|
]
|
|
499
500
|
}
|
|
500
501
|
)
|
|
@@ -505,5 +506,5 @@ function se({ schema: e, onSubmit: a }) {
|
|
|
505
506
|
) });
|
|
506
507
|
}
|
|
507
508
|
export {
|
|
508
|
-
|
|
509
|
+
ce as FormRenderer
|
|
509
510
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(n,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):(n=typeof globalThis!="undefined"?globalThis:n||self,t(n.SawabonaForms={},n.jsxRuntime,n.React,n.Motion,n.Lucide))})(this,(function(n,t,o,l,I){"use strict";var X=Object.defineProperty,J=Object.defineProperties;var Y=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var $=(n,t,o)=>t in n?X(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o,g=(n,t)=>{for(var o in t||(t={}))B.call(t,o)&&$(n,o,t[o]);if(P)for(var o of P(t))O.call(t,o)&&$(n,o,t[o]);return n},b=(n,t)=>J(n,Y(t));var _=n=>typeof n=="symbol"?n:n+"",D=(n,t)=>{var o={};for(var l in n)B.call(n,l)&&t.indexOf(l)<0&&(o[l]=n[l]);if(n!=null&&P)for(var l of P(n))t.indexOf(l)<0&&O.call(n,l)&&(o[l]=n[l]);return o};function Q({schema:e,onSubmit:m}){var C;const[s,r]=o.useState({answers:{},currentStepId:((C=e.questions[0])==null?void 0:C.id)||"",history:[],isSubmitting:!1,errors:{},isCompleted:!1}),x=o.useMemo(()=>e.questions.findIndex(a=>a.id===s.currentStepId),[e.questions,s.currentStepId]),i=e.questions[x],f=o.useCallback((a,d)=>{r(c=>b(g({},c),{answers:b(g({},c.answers),{[a]:d}),errors:b(g({},c.errors),{[a]:""})}))},[]),p=o.useCallback((a,d)=>{r(c=>{if(d===null){const A=c.errors,{[a]:N}=A,w=D(A,[_(a)]);return b(g({},c),{errors:w})}return b(g({},c),{errors:b(g({},c.errors),{[a]:d})})})},[]),u=o.useCallback(()=>{var c;if(!i)return!0;const a=s.answers[i.id],d=i.validation;return d&&d.required&&(a===void 0||a===""||Array.isArray(a)&&a.length===0)?(p(i.id,((c=e.i18n)==null?void 0:c.required)||"This field is required"),!1):!0},[i,s.answers,p,e.i18n]),y=o.useCallback(a=>{const d=e.questions.findIndex(c=>c.id===a.id);return d<e.questions.length-1?e.questions[d+1].id:"submit"},[e.questions]),h=o.useCallback(()=>{if(!u())return;const a=y(i);a==="submit"?(r(d=>b(g({},d),{isCompleted:!0})),m==null||m(s.answers)):r(d=>b(g({},d),{history:[...d.history,d.currentStepId],currentStepId:a}))},[i,s.answers,u,y,m]),v=o.useCallback(()=>{if(s.history.length===0)return;const a=s.history[s.history.length-1];r(d=>b(g({},d),{history:d.history.slice(0,-1),currentStepId:a}))},[s.history]),k=o.useCallback(a=>{if(!e.questions.some(c=>c.id===a)){console.warn(`Step ${a} does not exist`);return}r(c=>b(g({},c),{history:[...c.history,c.currentStepId],currentStepId:a}))},[e.questions]),E=o.useCallback(()=>{var a;r({answers:{},currentStepId:((a=e.questions[0])==null?void 0:a.id)||"",history:[],isSubmitting:!1,errors:{},isCompleted:!1})},[e.questions]);return b(g({},s),{setAnswer:f,nextStep:h,prevStep:v,jumpToStep:k,submitForm:()=>m==null?void 0:m(s.answers),resetForm:E,registerError:p,progress:x/e.questions.length*100})}const z=o.createContext(void 0),F=()=>{const e=o.useContext(z);if(!e)throw new Error("useFormContext must be used within a FormProvider");return e};function H({question:e}){var C,a,d,c,A;const{answers:m,setAnswer:s,nextStep:r,schema:x}=F(),i=m[e.id],f=i!=null?String(i):"",p=o.useRef(null),u=x.questions[0].id===e.id,y=!x.disableAutoFocus||!u;o.useEffect(()=>{if(y){const N=setTimeout(()=>{var w;(w=p.current)==null||w.focus()},500);return()=>clearTimeout(N)}},[e.id,y]);const h=N=>{var L;let w=N.target.value;const T=((L=e.validation)==null?void 0:L.maxLength)||2048;if(w.length>T&&(w=w.slice(0,T)),e.type==="number"){const j=w===""?"":parseFloat(w);s(e.id,j)}else s(e.id,w)},v=()=>{var N,w,T,L,j;if((N=e.validation)!=null&&N.required&&!f)return!1;if(f){if((w=e.validation)!=null&&w.minLength&&f.length<e.validation.minLength||e.type==="email"&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(f))return!1;if((T=e.validation)!=null&&T.pattern)try{if(!new RegExp(e.validation.pattern).test(f))return!1}catch(S){console.error("Invalid regex pattern in schema",S)}if(e.type==="number"){const S=parseFloat(f);if(!isNaN(S)&&(((L=e.validation)==null?void 0:L.min)!==void 0&&S<e.validation.min||((j=e.validation)==null?void 0:j.max)!==void 0&&S>e.validation.max))return!1}}return!0},k=N=>{if(N.key==="Enter"&&!N.shiftKey){if(N.preventDefault(),!v()){const w=document.querySelector(".sawabona-form-container")||document.body;w.classList.add("shake-animation"),setTimeout(()=>w.classList.remove("shake-animation"),500);return}r()}};return t.jsxs("div",{className:"w-full relative group",children:[t.jsx("input",{ref:p,type:e.type,value:typeof f=="string"||typeof f=="number"?f:"",onChange:h,onKeyDown:k,placeholder:e.placeholder,minLength:(C=e.validation)==null?void 0:C.minLength,maxLength:((a=e.validation)==null?void 0:a.maxLength)||2048,min:(d=e.validation)==null?void 0:d.min,max:(c=e.validation)==null?void 0:c.max,pattern:(A=e.validation)==null?void 0:A.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
|
|
5
5
|
focus:border-sw-primary
|
|
6
6
|
font-sw-heading
|
|
7
|
-
|
|
7
|
+
`}),void 0,t.jsxs("p",{className:"text-sm opacity-50 mt-4",children:[e.type==="email"&&"Press Enter to continue",e.type==="text"&&"Press Enter to continue",e.type==="number"&&"Press Enter to continue",e.type==="url"&&"Press Enter to continue"]})]})}function K({question:e}){var p;const{answers:m,setAnswer:s,nextStep:r}=F(),x=m[e.id]||"",i=u=>{s(e.id,u),setTimeout(()=>r(),400)},f="ABCDEFGHIJKLMNOPQRSTUVWXYZ";return o.useEffect(()=>{const u=y=>{var k;const h=y.key.toUpperCase(),v=f.indexOf(h);v>=0&&v<(((k=e.options)==null?void 0:k.length)||0)&&i(e.options[v].value)};return window.addEventListener("keydown",u),()=>window.removeEventListener("keydown",u)},[e.options,e.id]),t.jsx("div",{className:"flex flex-col gap-3 w-full max-w-xl",children:(p=e.options)==null?void 0:p.map((u,y)=>{const h=Array.isArray(x)?x.includes(u.value):x===u.value;return t.jsxs(l.motion.button,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:y*.05},onClick:()=>i(u.value),className:`
|
|
8
8
|
w-full text-left p-4 rounded-lg border-2 transition-all duration-200
|
|
9
9
|
flex items-center justify-between group
|
|
10
|
-
${
|
|
10
|
+
${h?"border-sw-primary bg-sw-primary/5 text-sw-primary":"border-sw-text-secondary/10 hover:border-sw-primary/50 hover:bg-sw-primary/5"}
|
|
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
|
-
${
|
|
14
|
-
`,children:
|
|
13
|
+
${h?"border-sw-primary bg-sw-primary":"border-sw-text-secondary/30 group-hover:border-sw-primary/50"}
|
|
14
|
+
`,children:h&&t.jsx(I.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 ",y+1]})]})]},String(u.value))})})}function V({question:e}){var i;const{answers:m,setAnswer:s}=F(),r=m[e.id]||0,x=Math.min(((i=e.validation)==null?void 0:i.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:x}).map((f,p)=>{const u=p+1,y=u<=r;return t.jsx(l.motion.button,{initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{delay:p*.05},onClick:()=>s(e.id,u),whileHover:{scale:1.2,rotate:5},whileTap:{scale:.9},className:"focus:outline-none",children:t.jsx(I.Star,{className:`w-12 h-12 md:w-16 md:h-16 transition-all duration-300 ${y?"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})},p)})}),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(l.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} / ${x}`:""}),t.jsx("span",{className:"text-sm md:text-base font-medium text-muted-foreground uppercase tracking-wide",children:e.maxLabel||"Excellent"})]})]})}function W({question:e}){const{schema:m}=F(),s=m.questions.findIndex(p=>p.id===e.id)+1,r=m.questions.length,x={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{duration:.5,ease:[.22,1,.36,1]}}},i=p=>p&&p.replace(/\{\{(\w+)\}\}/g,(u,y)=>{const h=f.answers[y];return h!=null?String(h):""}),f=F();return t.jsxs(l.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(l.motion.div,{variants:x,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(l.motion.h2,{variants:x,className:"text-3xl md:text-4xl lg:text-5xl font-bold leading-tight tracking-tight text-pretty mt-2 font-sw-heading",children:[i(e.title)," ",t.jsx("span",{className:"text-sw-primary",children:"*"})]}),e.description&&t.jsx(l.motion.p,{variants:x,className:"text-lg md:text-xl text-muted-foreground font-normal leading-relaxed max-w-2xl mt-2",children:i(e.description)})]}),t.jsx(l.motion.div,{variants:x,className:"w-full mt-6",children:e.type==="text"||e.type==="email"||e.type==="number"||e.type==="url"?t.jsx(H,{question:e}):e.type==="select"?t.jsx(K,{question:e}):e.type==="rating"?t.jsx(V,{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 U={next:"Next",back:"Back",submit:"Submit",required:"Required",optional:"Optional",stepInfo:"Question {{current}} of {{total}}"};function G({schema:e,onSubmit:m}){var E;const s=Q({schema:e,onSubmit:m}),r=e.theme||{backgroundColor:"#ffffff",textColor:"#000000",primaryColor:"#000000",borderRadius:"8px"},x=g(g({},U),e.i18n),i={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"},f=r.buttonVariant==="outline",p={backgroundColor:f?"transparent":r.primaryColor,color:f?r.primaryColor:r.textColor,border:f?`2px solid ${r.primaryColor}`:"none",borderRadius:r.borderRadius||"8px",fontWeight:600},u={color:r.primaryColor,borderRadius:r.borderRadius||"8px",fontWeight:600},{autoReload:y,reloadDelay:h=3e3}=e;if(o.useEffect(()=>{if(s.isCompleted&&y){const C=setTimeout(()=>{s.resetForm()},h);return()=>clearTimeout(C)}},[s.isCompleted,y,h,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:i,children:[y&&t.jsx(l.motion.div,{initial:{width:"0%"},animate:{width:"100%"},transition:{duration:h/1e3,ease:"linear"},className:"absolute top-0 left-0 h-1 bg-green-500 z-50"}),t.jsxs(l.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(I.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 v=e.questions.find(C=>C.id===s.currentStepId),k=(e.questions.findIndex(C=>C.id===s.currentStepId)+1)/e.questions.length*100;return t.jsx(z.Provider,{value:b(g({},s),{schema:e}),children:t.jsxs("div",{className:"w-full h-full flex flex-col relative overflow-hidden transition-colors duration-700",style:i,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(l.motion.div,{className:"h-full relative z-10",initial:{width:0},animate:{width:`${k}%`},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(l.AnimatePresence,{mode:"wait",children:v&&t.jsx(l.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(W,{question:v})},v.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:((E=r.poweredBy)==null?void 0:E.replace("Powered by ",""))||"SAWABONA TECH"})]}),t.jsxs("div",{className:"flex items-center gap-4 order-2 md:order-3 ml-auto",children:[t.jsx(l.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(I.ChevronLeft,{size:24})}),t.jsxs(l.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:p,children:[t.jsx("span",{children:s.currentStepId===e.questions[e.questions.length-1].id?r.submitText||x.submit:x.next}),s.currentStepId!==e.questions[e.questions.length-1].id&&t.jsx(I.ChevronRight,{size:20,strokeWidth:3})]})]})]})]})})}n.FormRenderer=G,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
|