@sawabona/forms 1.0.4 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormRenderer.d.ts","sourceRoot":"","sources":["../../src/lib/components/FormRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAO3D,UAAU,iBAAiB;IACvB,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;CACpC;AAWD,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"FormRenderer.d.ts","sourceRoot":"","sources":["../../src/lib/components/FormRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAO3D,UAAU,iBAAiB;IACvB,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;CACpC;AAWD,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CA2MnE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ui/SelectInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKjD,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,QAAQ,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ui/SelectInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKjD,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,QAAQ,CAAA;CAAE,2CA8G/D"}
|
package/dist/sawabona-forms.css
CHANGED
|
@@ -4,4 +4,4 @@
|
|
|
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
|
-
}.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(#\#) .start{left:var(--spacing)}.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(#\#) .my-auto{margin-top:auto;margin-bottom: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(#\#) .flex-shrink-0,.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-8{padding-top:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 8)}.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-10{padding-top:calc(var(--spacing) * 10)}.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-6{padding-bottom:calc(var(--spacing) * 6)}.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\: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}
|
|
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(#\#) .start{left:var(--spacing)}.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(#\#) .my-8{margin-top:calc(var(--spacing) * 8);margin-bottom:calc(var(--spacing) * 8)}.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(#\#) .-mr-2{margin-right:calc(var(--spacing) * -2)}.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-4{margin-left:calc(var(--spacing) * 4)}.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-5{height:calc(var(--spacing) * 5)}.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(#\#) .max-h-\[55vh\]{max-height:55vh}.sawabona-form-container:not(#\#):not(#\#) .min-h-0{min-height:calc(var(--spacing) * 0)}.sawabona-form-container:not(#\#):not(#\#) .min-h-\[2rem\]{min-height:2rem}.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-5{width:calc(var(--spacing) * 5)}.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(#\#) .flex-shrink-0,.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(#\#) .scroll-smooth{scroll-behavior:smooth}.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\]{border-color:#716c4a}.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(#\#) .pr-2{padding-right:calc(var(--spacing) * 2)}.sawabona-form-container:not(#\#):not(#\#) .pb-2{padding-bottom:calc(var(--spacing) * 2)}.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-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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(#\#) .break-words{overflow-wrap:break-word}.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(#\#) .whitespace-pre-wrap{white-space:pre-wrap}.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:40rem){.sawabona-form-container:not(#\#):not(#\#) .sm\:inline-block{display:inline-block}.sawabona-form-container:not(#\#):not(#\#) .sm\:flex-row{flex-direction:row}}@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-6{height:calc(var(--spacing) * 6)}.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-6{width:calc(var(--spacing) * 6)}.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\: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-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--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,19 +1,19 @@
|
|
|
1
|
-
var
|
|
1
|
+
var H = Object.defineProperty, U = Object.defineProperties;
|
|
2
2
|
var V = Object.getOwnPropertyDescriptors;
|
|
3
3
|
var B = Object.getOwnPropertySymbols;
|
|
4
|
-
var
|
|
5
|
-
var
|
|
4
|
+
var P = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var W = (e, n, r) => n in e ? H(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r, a = (e, n) => {
|
|
6
6
|
for (var r in n || (n = {}))
|
|
7
|
-
|
|
7
|
+
P.call(n, r) && W(e, r, n[r]);
|
|
8
8
|
if (B)
|
|
9
9
|
for (var r of B(n))
|
|
10
|
-
_.call(n, r) &&
|
|
10
|
+
_.call(n, r) && W(e, r, n[r]);
|
|
11
11
|
return e;
|
|
12
|
-
},
|
|
12
|
+
}, C = (e, n) => U(e, V(n));
|
|
13
13
|
var D = (e) => typeof e == "symbol" ? e : e + "", K = (e, n) => {
|
|
14
14
|
var r = {};
|
|
15
15
|
for (var t in e)
|
|
16
|
-
|
|
16
|
+
P.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
|
|
17
17
|
if (e != null && B)
|
|
18
18
|
for (var t of B(e))
|
|
19
19
|
n.indexOf(t) < 0 && _.call(e, t) && (r[t] = e[t]);
|
|
@@ -22,7 +22,7 @@ var D = (e) => typeof e == "symbol" ? e : e + "", K = (e, n) => {
|
|
|
22
22
|
import { jsxs as f, jsx as i } from "react/jsx-runtime";
|
|
23
23
|
import { useState as G, useMemo as X, useCallback as $, createContext as Z, useContext as J, useRef as Y, useEffect as T } from "react";
|
|
24
24
|
import { motion as b, AnimatePresence as q } from "framer-motion";
|
|
25
|
-
import { Check as
|
|
25
|
+
import { Check as M, Star as ee, ChevronLeft as te, ChevronRight as re } from "lucide-react";
|
|
26
26
|
function ne({ schema: e, onSubmit: n }) {
|
|
27
27
|
var d;
|
|
28
28
|
const [r, t] = G({
|
|
@@ -36,23 +36,23 @@ function ne({ schema: e, onSubmit: n }) {
|
|
|
36
36
|
() => e.questions.findIndex((o) => o.id === r.currentStepId),
|
|
37
37
|
[e.questions, r.currentStepId]
|
|
38
38
|
), p = e.questions[l], u = $((o, c) => {
|
|
39
|
-
t((m) =>
|
|
40
|
-
answers:
|
|
39
|
+
t((m) => C(a({}, m), {
|
|
40
|
+
answers: C(a({}, m.answers), {
|
|
41
41
|
[o]: c
|
|
42
42
|
}),
|
|
43
43
|
// Clear error on modification
|
|
44
|
-
errors:
|
|
44
|
+
errors: C(a({}, m.errors), {
|
|
45
45
|
[o]: ""
|
|
46
46
|
})
|
|
47
47
|
}));
|
|
48
48
|
}, []), x = $((o, c) => {
|
|
49
49
|
t((m) => {
|
|
50
50
|
if (c === null) {
|
|
51
|
-
const
|
|
52
|
-
return
|
|
51
|
+
const F = m.errors, { [o]: z } = F, L = K(F, [D(o)]);
|
|
52
|
+
return C(a({}, m), { errors: L });
|
|
53
53
|
}
|
|
54
|
-
return
|
|
55
|
-
errors:
|
|
54
|
+
return C(a({}, m), {
|
|
55
|
+
errors: C(a({}, m.errors), { [o]: c })
|
|
56
56
|
});
|
|
57
57
|
});
|
|
58
58
|
}, []), g = $(() => {
|
|
@@ -60,20 +60,20 @@ function ne({ schema: e, onSubmit: n }) {
|
|
|
60
60
|
if (!p) return !0;
|
|
61
61
|
const o = r.answers[p.id], c = p.validation;
|
|
62
62
|
return c && c.required && (o === void 0 || o === "" || Array.isArray(o) && o.length === 0) ? (x(p.id, ((m = e.i18n) == null ? void 0 : m.required) || "This field is required"), !1) : !0;
|
|
63
|
-
}, [p, r.answers, x, e.i18n]),
|
|
63
|
+
}, [p, r.answers, x, e.i18n]), w = $((o) => {
|
|
64
64
|
const c = e.questions.findIndex((m) => m.id === o.id);
|
|
65
65
|
return c < e.questions.length - 1 ? e.questions[c + 1].id : "submit";
|
|
66
66
|
}, [e.questions]), N = $(() => {
|
|
67
67
|
if (!g()) return;
|
|
68
|
-
const o =
|
|
69
|
-
o === "submit" ? (t((c) =>
|
|
68
|
+
const o = w(p);
|
|
69
|
+
o === "submit" ? (t((c) => C(a({}, c), { isCompleted: !0 })), n == null || n(r.answers)) : t((c) => C(a({}, c), {
|
|
70
70
|
history: [...c.history, c.currentStepId],
|
|
71
71
|
currentStepId: o
|
|
72
72
|
}));
|
|
73
|
-
}, [p, r.answers, g,
|
|
73
|
+
}, [p, r.answers, g, w, n]), s = $(() => {
|
|
74
74
|
if (r.history.length === 0) return;
|
|
75
75
|
const o = r.history[r.history.length - 1];
|
|
76
|
-
t((c) =>
|
|
76
|
+
t((c) => C(a({}, c), {
|
|
77
77
|
history: c.history.slice(0, -1),
|
|
78
78
|
currentStepId: o
|
|
79
79
|
}));
|
|
@@ -82,7 +82,7 @@ function ne({ schema: e, onSubmit: n }) {
|
|
|
82
82
|
console.warn(`Step ${o} does not exist`);
|
|
83
83
|
return;
|
|
84
84
|
}
|
|
85
|
-
t((m) =>
|
|
85
|
+
t((m) => C(a({}, m), {
|
|
86
86
|
history: [...m.history, m.currentStepId],
|
|
87
87
|
currentStepId: o
|
|
88
88
|
}));
|
|
@@ -97,7 +97,7 @@ function ne({ schema: e, onSubmit: n }) {
|
|
|
97
97
|
isCompleted: !1
|
|
98
98
|
});
|
|
99
99
|
}, [e.questions]);
|
|
100
|
-
return
|
|
100
|
+
return C(a({}, r), {
|
|
101
101
|
setAnswer: u,
|
|
102
102
|
nextStep: N,
|
|
103
103
|
prevStep: s,
|
|
@@ -109,8 +109,8 @@ function ne({ schema: e, onSubmit: n }) {
|
|
|
109
109
|
progress: l / e.questions.length * 100
|
|
110
110
|
});
|
|
111
111
|
}
|
|
112
|
-
const
|
|
113
|
-
const e = J(
|
|
112
|
+
const O = Z(void 0), E = () => {
|
|
113
|
+
const e = J(O);
|
|
114
114
|
if (!e)
|
|
115
115
|
throw new Error("useFormContext must be used within a FormProvider");
|
|
116
116
|
return e;
|
|
@@ -135,50 +135,50 @@ function ie(e, n, r) {
|
|
|
135
135
|
return e;
|
|
136
136
|
}
|
|
137
137
|
function oe({ question: e }) {
|
|
138
|
-
var d, o, c, m,
|
|
139
|
-
const { answers: n, setAnswer: r, nextStep: t, schema: l } = E(), p = n[e.id], u = p != null ? String(p) : "", x = Y(null), g = l.questions[0].id === e.id,
|
|
138
|
+
var d, o, c, m, F, z, L, j;
|
|
139
|
+
const { answers: n, setAnswer: r, nextStep: t, schema: l } = E(), p = n[e.id], u = p != null ? String(p) : "", x = Y(null), g = l.questions[0].id === e.id, w = !l.disableAutoFocus || !g;
|
|
140
140
|
T(() => {
|
|
141
|
-
if (
|
|
142
|
-
const
|
|
143
|
-
var
|
|
144
|
-
(
|
|
141
|
+
if (w) {
|
|
142
|
+
const S = setTimeout(() => {
|
|
143
|
+
var h;
|
|
144
|
+
(h = x.current) == null || h.focus();
|
|
145
145
|
}, 500);
|
|
146
|
-
return () => clearTimeout(
|
|
146
|
+
return () => clearTimeout(S);
|
|
147
147
|
}
|
|
148
|
-
}, [e.id,
|
|
149
|
-
const N = (
|
|
150
|
-
var A, R,
|
|
151
|
-
let
|
|
152
|
-
((A = e.validation) != null && A.maskType || (R = e.validation) != null && R.mask) && (
|
|
153
|
-
const I = ((
|
|
154
|
-
if (
|
|
155
|
-
const
|
|
156
|
-
r(e.id,
|
|
148
|
+
}, [e.id, w]);
|
|
149
|
+
const N = (S) => {
|
|
150
|
+
var A, R, k;
|
|
151
|
+
let h = S.target.value;
|
|
152
|
+
((A = e.validation) != null && A.maskType || (R = e.validation) != null && R.mask) && (h = ie(h, e.validation.maskType, e.validation.mask));
|
|
153
|
+
const I = ((k = e.validation) == null ? void 0 : k.maxLength) || 2048;
|
|
154
|
+
if (h.length > I && (h = h.slice(0, I)), e.type === "number") {
|
|
155
|
+
const Q = h === "" ? "" : parseFloat(h);
|
|
156
|
+
r(e.id, Q);
|
|
157
157
|
} else
|
|
158
|
-
r(e.id,
|
|
158
|
+
r(e.id, h);
|
|
159
159
|
}, s = () => {
|
|
160
|
-
var
|
|
161
|
-
if ((
|
|
160
|
+
var S, h, I, A, R;
|
|
161
|
+
if ((S = e.validation) != null && S.required && !u) return !1;
|
|
162
162
|
if (u) {
|
|
163
|
-
if ((
|
|
163
|
+
if ((h = e.validation) != null && h.minLength && u.length < e.validation.minLength || e.type === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(u)) return !1;
|
|
164
164
|
if ((I = e.validation) != null && I.pattern)
|
|
165
165
|
try {
|
|
166
166
|
if (!new RegExp(e.validation.pattern).test(u)) return !1;
|
|
167
|
-
} catch (
|
|
168
|
-
console.error("Invalid regex pattern in schema",
|
|
167
|
+
} catch (k) {
|
|
168
|
+
console.error("Invalid regex pattern in schema", k);
|
|
169
169
|
}
|
|
170
170
|
if (e.type === "number") {
|
|
171
|
-
const
|
|
172
|
-
if (!isNaN(
|
|
171
|
+
const k = parseFloat(u);
|
|
172
|
+
if (!isNaN(k) && (((A = e.validation) == null ? void 0 : A.min) !== void 0 && k < e.validation.min || ((R = e.validation) == null ? void 0 : R.max) !== void 0 && k > e.validation.max))
|
|
173
173
|
return !1;
|
|
174
174
|
}
|
|
175
175
|
}
|
|
176
176
|
return !0;
|
|
177
|
-
}, v = (
|
|
178
|
-
if (
|
|
179
|
-
if (
|
|
180
|
-
const
|
|
181
|
-
|
|
177
|
+
}, v = (S) => {
|
|
178
|
+
if (S.key === "Enter" && !S.shiftKey) {
|
|
179
|
+
if (S.preventDefault(), !s()) {
|
|
180
|
+
const h = document.querySelector(".sawabona-form-container") || document.body;
|
|
181
|
+
h.classList.add("shake-animation"), setTimeout(() => h.classList.remove("shake-animation"), 500);
|
|
182
182
|
return;
|
|
183
183
|
}
|
|
184
184
|
t();
|
|
@@ -198,7 +198,7 @@ function oe({ question: e }) {
|
|
|
198
198
|
maxLength: ((o = e.validation) == null ? void 0 : o.maxLength) || 2048,
|
|
199
199
|
min: (c = e.validation) == null ? void 0 : c.min,
|
|
200
200
|
max: (m = e.validation) == null ? void 0 : m.max,
|
|
201
|
-
pattern: (
|
|
201
|
+
pattern: (F = e.validation) == null ? void 0 : F.pattern,
|
|
202
202
|
className: `
|
|
203
203
|
w-full bg-transparent border-b-2 border-sw-text-secondary/20
|
|
204
204
|
py-4 text-2xl md:text-3xl font-medium outline-none transition-colors
|
|
@@ -222,67 +222,78 @@ function ae({ question: e }) {
|
|
|
222
222
|
y ? d = v.filter((o) => o !== s) : d = [...v, s], r(e.id, d);
|
|
223
223
|
} else
|
|
224
224
|
r(e.id, s), setTimeout(() => t(), 400);
|
|
225
|
-
},
|
|
225
|
+
}, w = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
|
|
226
226
|
return T(() => {
|
|
227
227
|
const s = (v) => {
|
|
228
228
|
var o;
|
|
229
|
-
const y = v.key.toUpperCase(), d =
|
|
229
|
+
const y = v.key.toUpperCase(), d = w.indexOf(y);
|
|
230
230
|
d >= 0 && d < (((o = e.options) == null ? void 0 : o.length) || 0) && g(e.options[d].value);
|
|
231
231
|
};
|
|
232
232
|
return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
|
|
233
|
-
}, [e.options, e.id]), /* @__PURE__ */ i(
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
233
|
+
}, [e.options, e.id]), /* @__PURE__ */ i(
|
|
234
|
+
"div",
|
|
235
|
+
{
|
|
236
|
+
className: "flex flex-col gap-3 w-full max-w-xl max-h-[55vh] overflow-y-auto pr-2 pb-2 -mr-2 scroll-smooth",
|
|
237
|
+
style: {
|
|
238
|
+
gap: "var(--sw-option-gap, 0.75rem)",
|
|
239
|
+
scrollbarWidth: "thin",
|
|
240
|
+
scrollbarColor: "var(--sw-primary) transparent"
|
|
241
|
+
},
|
|
242
|
+
children: (N = e.options) == null ? void 0 : N.map((s, v) => {
|
|
243
|
+
var d, o, c, m, F, z;
|
|
244
|
+
const y = p ? x.includes(s.value) : x === s.value;
|
|
245
|
+
return /* @__PURE__ */ f(
|
|
246
|
+
b.button,
|
|
247
|
+
{
|
|
248
|
+
initial: { opacity: 0, y: 10 },
|
|
249
|
+
animate: { opacity: 1, y: 0 },
|
|
250
|
+
transition: { delay: Math.min(v * 0.05, 0.5) },
|
|
251
|
+
onClick: () => g(s.value),
|
|
252
|
+
className: `
|
|
244
253
|
w-full text-left p-4 rounded-lg border-2 transition-all duration-200
|
|
245
|
-
flex items-center justify-between group
|
|
254
|
+
flex items-center justify-between group flex-shrink-0
|
|
246
255
|
${y ? "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"}
|
|
247
256
|
`,
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
flex-shrink-0 w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors
|
|
257
|
+
style: a({
|
|
258
|
+
padding: "var(--sw-option-padding, 1rem)",
|
|
259
|
+
borderRadius: "var(--sw-option-radius, 0.5rem)",
|
|
260
|
+
borderWidth: "var(--sw-option-border, 2px)"
|
|
261
|
+
}, y && ((d = l.theme) != null && d.optionActiveColor) ? {
|
|
262
|
+
borderColor: "var(--sw-option-active)"
|
|
263
|
+
} : {}),
|
|
264
|
+
children: [
|
|
265
|
+
/* @__PURE__ */ f("span", { className: "text-base md:text-lg font-medium flex items-center gap-3 w-full", style: a(a({}, ((o = l.theme) == null ? void 0 : o.labelFont) && { fontFamily: "var(--font-sw-label)" }), ((c = l.theme) == null ? void 0 : c.labelFontSize) && { fontSize: "var(--size-sw-label)" }), children: [
|
|
266
|
+
/* @__PURE__ */ i("span", { className: `
|
|
267
|
+
flex-shrink-0 w-5 h-5 md:w-6 md:h-6 rounded-full border-2 flex items-center justify-center transition-colors
|
|
259
268
|
${y ? "border-sw-primary bg-sw-primary" : "border-sw-text-secondary/30 group-hover:border-sw-primary/50"}
|
|
260
269
|
`, style: a({}, y && ((m = l.theme) != null && m.optionActiveColor) ? {
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
270
|
+
borderColor: "var(--sw-option-active)",
|
|
271
|
+
backgroundColor: "var(--sw-option-active)"
|
|
272
|
+
} : {}), children: y && /* @__PURE__ */ i(M, { size: 14, className: "text-sw-background" }) }),
|
|
273
|
+
/* @__PURE__ */ i("span", { className: "break-words whitespace-pre-wrap", children: s.label })
|
|
274
|
+
] }),
|
|
275
|
+
!((F = l.i18n) != null && F.hideSelectText) && /* @__PURE__ */ f("span", { className: "opacity-0 group-hover:opacity-100 transition-opacity text-[10px] md:text-xs font-mono uppercase tracking-widest text-sw-text-secondary/50 flex-shrink-0 ml-4 hidden sm:inline-block", children: [
|
|
276
|
+
((z = l.i18n) == null ? void 0 : z.selectKey) || "Select",
|
|
277
|
+
" ",
|
|
278
|
+
/* @__PURE__ */ f("span", { className: "hidden md:inline", children: [
|
|
279
|
+
"Key ",
|
|
280
|
+
v + 1
|
|
281
|
+
] })
|
|
282
|
+
] })
|
|
283
|
+
]
|
|
284
|
+
},
|
|
285
|
+
String(s.value)
|
|
286
|
+
);
|
|
287
|
+
})
|
|
288
|
+
}
|
|
289
|
+
);
|
|
279
290
|
}
|
|
280
291
|
function le({ question: e }) {
|
|
281
292
|
var p;
|
|
282
293
|
const { answers: n, setAnswer: r } = E(), t = n[e.id] || 0, l = Math.min(((p = e.validation) == null ? void 0 : p.max) || 5, 20);
|
|
283
294
|
return /* @__PURE__ */ f("div", { className: "flex flex-col gap-6", children: [
|
|
284
295
|
/* @__PURE__ */ i("div", { className: "flex gap-4 flex-wrap", children: Array.from({ length: l }).map((u, x) => {
|
|
285
|
-
const g = x + 1,
|
|
296
|
+
const g = x + 1, w = g <= t;
|
|
286
297
|
return /* @__PURE__ */ i(
|
|
287
298
|
b.button,
|
|
288
299
|
{
|
|
@@ -296,7 +307,7 @@ function le({ question: e }) {
|
|
|
296
307
|
children: /* @__PURE__ */ i(
|
|
297
308
|
ee,
|
|
298
309
|
{
|
|
299
|
-
className: `w-12 h-12 md:w-16 md:h-16 transition-all duration-300 ${
|
|
310
|
+
className: `w-12 h-12 md:w-16 md:h-16 transition-all duration-300 ${w ? "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"}`,
|
|
300
311
|
strokeWidth: 1.5
|
|
301
312
|
}
|
|
302
313
|
)
|
|
@@ -320,7 +331,7 @@ function le({ question: e }) {
|
|
|
320
331
|
] });
|
|
321
332
|
}
|
|
322
333
|
function se({ question: e }) {
|
|
323
|
-
var x, g,
|
|
334
|
+
var x, g, w, N;
|
|
324
335
|
const { schema: n } = E(), r = n.questions.findIndex((s) => s.id === e.id) + 1, t = n.questions.length, l = {
|
|
325
336
|
hidden: { opacity: 0, y: 20 },
|
|
326
337
|
visible: { opacity: 1, y: 0, transition: { duration: 0.5, ease: [0.22, 1, 0.36, 1] } }
|
|
@@ -362,7 +373,7 @@ function se({ question: e }) {
|
|
|
362
373
|
{
|
|
363
374
|
variants: l,
|
|
364
375
|
className: "text-lg md:text-xl text-muted-foreground font-normal leading-relaxed max-w-2xl mt-2",
|
|
365
|
-
style: a(a({}, ((
|
|
376
|
+
style: a(a({}, ((w = n.theme) == null ? void 0 : w.descriptionFont) && { fontFamily: "var(--font-sw-description)" }), ((N = n.theme) == null ? void 0 : N.descriptionFontSize) && { fontSize: "var(--size-sw-description)" }),
|
|
366
377
|
children: p(e.description)
|
|
367
378
|
}
|
|
368
379
|
)
|
|
@@ -416,22 +427,22 @@ function xe({ schema: e, onSubmit: n }) {
|
|
|
416
427
|
color: t.primaryColor,
|
|
417
428
|
borderRadius: t.borderRadius || "8px",
|
|
418
429
|
fontWeight: 600
|
|
419
|
-
}, { autoReload:
|
|
430
|
+
}, { autoReload: w, reloadDelay: N = 3e3 } = e;
|
|
420
431
|
if (T(() => {
|
|
421
|
-
if (r.isCompleted &&
|
|
432
|
+
if (r.isCompleted && w) {
|
|
422
433
|
const d = setTimeout(() => {
|
|
423
434
|
r.resetForm();
|
|
424
435
|
}, N);
|
|
425
436
|
return () => clearTimeout(d);
|
|
426
437
|
}
|
|
427
|
-
}, [r.isCompleted,
|
|
438
|
+
}, [r.isCompleted, w, N, r.resetForm]), r.isCompleted)
|
|
428
439
|
return /* @__PURE__ */ f(
|
|
429
440
|
"div",
|
|
430
441
|
{
|
|
431
442
|
className: "flex flex-col items-center justify-center h-full w-full p-8 text-center relative overflow-hidden",
|
|
432
443
|
style: p,
|
|
433
444
|
children: [
|
|
434
|
-
|
|
445
|
+
w && /* @__PURE__ */ i(
|
|
435
446
|
b.div,
|
|
436
447
|
{
|
|
437
448
|
initial: { width: "0%" },
|
|
@@ -448,7 +459,7 @@ function xe({ schema: e, onSubmit: n }) {
|
|
|
448
459
|
transition: { duration: 0.6, ease: [0.22, 1, 0.36, 1] },
|
|
449
460
|
className: "flex flex-col items-center",
|
|
450
461
|
children: [
|
|
451
|
-
/* @__PURE__ */ i("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__ */ i(
|
|
462
|
+
/* @__PURE__ */ i("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__ */ i(M, { size: 48 }) }),
|
|
452
463
|
/* @__PURE__ */ i("h1", { className: "text-4xl md:text-5xl font-bold mb-4 tracking-tight", children: "Obrigado!" }),
|
|
453
464
|
/* @__PURE__ */ i("p", { className: "text-xl opacity-70 max-w-md leading-relaxed", children: "Suas respostas foram enviadas com sucesso." })
|
|
454
465
|
]
|
|
@@ -458,7 +469,7 @@ function xe({ schema: e, onSubmit: n }) {
|
|
|
458
469
|
}
|
|
459
470
|
);
|
|
460
471
|
const s = e.questions.find((d) => d.id === r.currentStepId), v = (e.questions.findIndex((d) => d.id === r.currentStepId) + 1) / e.questions.length * 100;
|
|
461
|
-
return /* @__PURE__ */ i(
|
|
472
|
+
return /* @__PURE__ */ i(O.Provider, { value: C(a({}, r), { schema: e }), children: /* @__PURE__ */ f(
|
|
462
473
|
"div",
|
|
463
474
|
{
|
|
464
475
|
className: "w-full h-full flex flex-col relative overflow-hidden transition-colors duration-700",
|
|
@@ -477,18 +488,22 @@ function xe({ schema: e, onSubmit: n }) {
|
|
|
477
488
|
}
|
|
478
489
|
)
|
|
479
490
|
] }),
|
|
480
|
-
/* @__PURE__ */
|
|
481
|
-
|
|
482
|
-
{
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
491
|
+
/* @__PURE__ */ f("div", { className: "flex-1 w-full relative z-10 overflow-y-auto flex flex-col px-6 md:px-12", style: { scrollbarWidth: "none" }, children: [
|
|
492
|
+
/* @__PURE__ */ i("div", { className: "flex-1 flex-shrink-0 min-h-[2rem]" }),
|
|
493
|
+
/* @__PURE__ */ i("div", { className: "w-full max-w-5xl mx-auto py-4", children: /* @__PURE__ */ i(q, { mode: "wait", children: s && /* @__PURE__ */ i(
|
|
494
|
+
b.div,
|
|
495
|
+
{
|
|
496
|
+
initial: { opacity: 0, y: 40 },
|
|
497
|
+
animate: { opacity: 1, y: 0 },
|
|
498
|
+
exit: { opacity: 0, y: -40 },
|
|
499
|
+
transition: { duration: 0.5, ease: [0.22, 1, 0.36, 1] },
|
|
500
|
+
className: "w-full",
|
|
501
|
+
children: /* @__PURE__ */ i(se, { question: s })
|
|
502
|
+
},
|
|
503
|
+
s.id
|
|
504
|
+
) }) }),
|
|
505
|
+
/* @__PURE__ */ i("div", { className: "flex-1 flex-shrink-0 min-h-[2rem]" })
|
|
506
|
+
] }),
|
|
492
507
|
/* @__PURE__ */ f("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: [
|
|
493
508
|
t.showPoweredBy !== !1 && /* @__PURE__ */ f(
|
|
494
509
|
"a",
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(i,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):(i=typeof globalThis!="undefined"?globalThis:i||self,t(i.SawabonaForms={},i.jsxRuntime,i.React,i.Motion,i.Lucide))})(this,(function(i,t,l,m,I){"use strict";var q=Object.defineProperty,R=Object.defineProperties;var ee=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var _=(i,t,l)=>t in i?q(i,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):i[t]=l,s=(i,t)=>{for(var l in t||(t={}))D.call(t,l)&&_(i,l,t[l]);if(B)for(var l of B(t))O.call(t,l)&&_(i,l,t[l]);return i},S=(i,t)=>R(i,ee(t));var K=i=>typeof i=="symbol"?i:i+"",Q=(i,t)=>{var l={};for(var m in i)D.call(i,m)&&t.indexOf(m)<0&&(l[m]=i[m]);if(i!=null&&B)for(var m of B(i))t.indexOf(m)<0&&O.call(i,m)&&(l[m]=i[m]);return l};function H({schema:e,onSubmit:a}){var p;const[o,r]=l.useState({answers:{},currentStepId:((p=e.questions[0])==null?void 0:p.id)||"",history:[],isSubmitting:!1,errors:{},isCompleted:!1}),d=l.useMemo(()=>e.questions.findIndex(n=>n.id===o.currentStepId),[e.questions,o.currentStepId]),u=e.questions[d],y=l.useCallback((n,f)=>{r(x=>S(s({},x),{answers:S(s({},x.answers),{[n]:f}),errors:S(s({},x.errors),{[n]:""})}))},[]),h=l.useCallback((n,f)=>{r(x=>{if(f===null){const $=x.errors,{[n]:z}=$,j=Q($,[K(n)]);return S(s({},x),{errors:j})}return S(s({},x),{errors:S(s({},x.errors),{[n]:f})})})},[]),g=l.useCallback(()=>{var x;if(!u)return!0;const n=o.answers[u.id],f=u.validation;return f&&f.required&&(n===void 0||n===""||Array.isArray(n)&&n.length===0)?(h(u.id,((x=e.i18n)==null?void 0:x.required)||"This field is required"),!1):!0},[u,o.answers,h,e.i18n]),v=l.useCallback(n=>{const f=e.questions.findIndex(x=>x.id===n.id);return f<e.questions.length-1?e.questions[f+1].id:"submit"},[e.questions]),N=l.useCallback(()=>{if(!g())return;const n=v(u);n==="submit"?(r(f=>S(s({},f),{isCompleted:!0})),a==null||a(o.answers)):r(f=>S(s({},f),{history:[...f.history,f.currentStepId],currentStepId:n}))},[u,o.answers,g,v,a]),c=l.useCallback(()=>{if(o.history.length===0)return;const n=o.history[o.history.length-1];r(f=>S(s({},f),{history:f.history.slice(0,-1),currentStepId:n}))},[o.history]),C=l.useCallback(n=>{if(!e.questions.some(x=>x.id===n)){console.warn(`Step ${n} does not exist`);return}r(x=>S(s({},x),{history:[...x.history,x.currentStepId],currentStepId:n}))},[e.questions]),w=l.useCallback(()=>{var n;r({answers:{},currentStepId:((n=e.questions[0])==null?void 0:n.id)||"",history:[],isSubmitting:!1,errors:{},isCompleted:!1})},[e.questions]);return S(s({},o),{setAnswer:y,nextStep:N,prevStep:c,jumpToStep:C,submitForm:()=>a==null?void 0:a(o.answers),resetForm:w,registerError:h,progress:d/e.questions.length*100})}const P=l.createContext(void 0),A=()=>{const e=l.useContext(P);if(!e)throw new Error("useFormContext must be used within a FormProvider");return e};function U(e,a,o){if(!e)return"";const r=e.replace(/\D/g,"");if(a==="phone")return r.replace(/(\d{2})(\d)/,"($1) $2").replace(/(\d{4})(\d)/,"$1-$2").slice(0,14);if(a==="cellphone")return r.replace(/(\d{2})(\d)/,"($1) $2").replace(/(\d{5})(\d)/,"$1-$2").slice(0,15);if(a==="cpf")return r.replace(/(\d{3})(\d)/,"$1.$2").replace(/(\d{3})(\d)/,"$1.$2").replace(/(\d{3})(\d{1,2})/,"$1-$2").replace(/(-\d{2})\d+?$/,"$1");if(a==="cnpj")return r.replace(/(\d{2})(\d)/,"$1.$2").replace(/(\d{3})(\d)/,"$1.$2").replace(/(\d{3})(\d)/,"$1/$2").replace(/(\d{4})(\d)/,"$1-$2").replace(/(-\d{2})\d+?$/,"$1");if(a==="cep")return r.replace(/(\d{5})(\d)/,"$1-$2").slice(0,9);if(a==="custom"&&o){let d=0;return o.replace(/[#X0]/g,()=>r[d++]||"").replace(/[^0-9a-zA-Z]+$/,"")}return e}function V({question:e}){var p,n,f,x,$,z,j,W;const{answers:a,setAnswer:o,nextStep:r,schema:d}=A(),u=a[e.id],y=u!=null?String(u):"",h=l.useRef(null),g=d.questions[0].id===e.id,v=!d.disableAutoFocus||!g;l.useEffect(()=>{if(v){const k=setTimeout(()=>{var b;(b=h.current)==null||b.focus()},500);return()=>clearTimeout(k)}},[e.id,v]);const N=k=>{var L,T,F;let b=k.target.value;((L=e.validation)!=null&&L.maskType||(T=e.validation)!=null&&T.mask)&&(b=U(b,e.validation.maskType,e.validation.mask));const E=((F=e.validation)==null?void 0:F.maxLength)||2048;if(b.length>E&&(b=b.slice(0,E)),e.type==="number"){const M=b===""?"":parseFloat(b);o(e.id,M)}else o(e.id,b)},c=()=>{var k,b,E,L,T;if((k=e.validation)!=null&&k.required&&!y)return!1;if(y){if((b=e.validation)!=null&&b.minLength&&y.length<e.validation.minLength||e.type==="email"&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(y))return!1;if((E=e.validation)!=null&&E.pattern)try{if(!new RegExp(e.validation.pattern).test(y))return!1}catch(F){console.error("Invalid regex pattern in schema",F)}if(e.type==="number"){const F=parseFloat(y);if(!isNaN(F)&&(((L=e.validation)==null?void 0:L.min)!==void 0&&F<e.validation.min||((T=e.validation)==null?void 0:T.max)!==void 0&&F>e.validation.max))return!1}}return!0},C=k=>{if(k.key==="Enter"&&!k.shiftKey){if(k.preventDefault(),!c()){const b=document.querySelector(".sawabona-form-container")||document.body;b.classList.add("shake-animation"),setTimeout(()=>b.classList.remove("shake-animation"),500);return}r()}};return t.jsxs("div",{className:"w-full relative group",children:[t.jsx("input",{ref:h,type:e.type,value:typeof y=="string"||typeof y=="number"?y:"",onChange:N,onKeyDown:C,placeholder:e.placeholder,minLength:(p=e.validation)==null?void 0:p.minLength,maxLength:((n=e.validation)==null?void 0:n.maxLength)||2048,min:(f=e.validation)==null?void 0:f.min,max:(x=e.validation)==null?void 0:x.max,pattern:($=e.validation)==null?void 0:$.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
|
-
`,style:
|
|
7
|
+
`,style:s(s({},((z=d.theme)==null?void 0:z.labelFont)&&{fontFamily:"var(--font-sw-label)"}),((j=d.theme)==null?void 0:j.labelFontSize)&&{fontSize:"var(--size-sw-label)"})}),void 0,t.jsx("p",{className:"text-sm opacity-50 mt-4",children:(e.type==="email"||e.type==="text"||e.type==="number"||e.type==="url")&&(((W=d.i18n)==null?void 0:W.pressEnter)||"Press Enter to continue")})]})}function G({question:e}){var N;const{answers:a,setAnswer:o,nextStep:r,schema:d}=A(),u=e.type==="multi-select"||e.multiple,y=a[e.id],h=u?Array.isArray(y)?y:y!==void 0?[y]:[]:y||"",g=c=>{if(u){const C=h,w=C.includes(c);let p;w?p=C.filter(n=>n!==c):p=[...C,c],o(e.id,p)}else o(e.id,c),setTimeout(()=>r(),400)},v="ABCDEFGHIJKLMNOPQRSTUVWXYZ";return l.useEffect(()=>{const c=C=>{var n;const w=C.key.toUpperCase(),p=v.indexOf(w);p>=0&&p<(((n=e.options)==null?void 0:n.length)||0)&&g(e.options[p].value)};return window.addEventListener("keydown",c),()=>window.removeEventListener("keydown",c)},[e.options,e.id]),t.jsx("div",{className:"flex flex-col gap-3 w-full max-w-xl max-h-[55vh] overflow-y-auto pr-2 pb-2 -mr-2 scroll-smooth",style:{gap:"var(--sw-option-gap, 0.75rem)",scrollbarWidth:"thin",scrollbarColor:"var(--sw-primary) transparent"},children:(N=e.options)==null?void 0:N.map((c,C)=>{var p,n,f,x,$,z;const w=u?h.includes(c.value):h===c.value;return t.jsxs(m.motion.button,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:Math.min(C*.05,.5)},onClick:()=>g(c.value),className:`
|
|
8
8
|
w-full text-left p-4 rounded-lg border-2 transition-all duration-200
|
|
9
|
-
flex items-center justify-between group
|
|
10
|
-
${
|
|
11
|
-
`,style:
|
|
12
|
-
flex-shrink-0 w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors
|
|
13
|
-
${
|
|
14
|
-
`,style:i({},h&&((x=d.theme)!=null&&x.optionActiveColor)?{borderColor:"var(--sw-option-active)",backgroundColor:"var(--sw-option-active)"}:{}),children:h&&t.jsx(I.Check,{size:14,className:"text-sw-background"})}),c.label]}),!(($=d.i18n)!=null&&$.hideSelectText)&&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:[((z=d.i18n)==null?void 0:z.selectKey)||"Select"," ",t.jsxs("span",{className:"hidden md:inline",children:["Key ",C+1]})]})]},String(c.value))})})}function X({question:e}){var m;const{answers:a,setAnswer:o}=A(),r=a[e.id]||0,d=Math.min(((m=e.validation)==null?void 0:m.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:d}).map((y,w)=>{const v=w+1,g=v<=r;return t.jsx(u.motion.button,{initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{delay:w*.05},onClick:()=>o(e.id,v),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 ${g?"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})},w)})}),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(u.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} / ${d}`:""}),t.jsx("span",{className:"text-sm md:text-base font-medium text-muted-foreground uppercase tracking-wide",children:e.maxLabel||"Excellent"})]})]})}function Z({question:e}){var w,v,g,S;const{schema:a}=A(),o=a.questions.findIndex(c=>c.id===e.id)+1,r=a.questions.length,d={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{duration:.5,ease:[.22,1,.36,1]}}},m=c=>c&&c.replace(/\{\{(\w+)\}\}/g,(C,h)=>{const p=y.answers[h];return p!=null?String(p):""}),y=A();return t.jsxs(u.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(u.motion.div,{variants:d,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:o}),t.jsx("span",{className:"opacity-40 text-xs",children:"/"}),t.jsx("span",{className:"opacity-60",children:r})]})}),t.jsxs(u.motion.h2,{variants:d,className:"text-3xl md:text-4xl lg:text-5xl font-bold leading-tight tracking-tight text-pretty mt-2 font-sw-heading",style:i(i({},((w=a.theme)==null?void 0:w.titleFont)&&{fontFamily:"var(--font-sw-title)"}),((v=a.theme)==null?void 0:v.titleFontSize)&&{fontSize:"var(--size-sw-title)"}),children:[m(e.title)," ",t.jsx("span",{className:"text-sw-primary",children:"*"})]}),e.description&&t.jsx(u.motion.p,{variants:d,className:"text-lg md:text-xl text-muted-foreground font-normal leading-relaxed max-w-2xl mt-2",style:i(i({},((g=a.theme)==null?void 0:g.descriptionFont)&&{fontFamily:"var(--font-sw-description)"}),((S=a.theme)==null?void 0:S.descriptionFontSize)&&{fontSize:"var(--size-sw-description)"}),children:m(e.description)})]}),t.jsx(u.motion.div,{variants:d,className:"w-full mt-6",children:e.type==="text"||e.type==="email"||e.type==="number"||e.type==="url"?t.jsx(V,{question:e}):e.type==="select"||e.type==="multi-select"?t.jsx(G,{question:e}):e.type==="rating"?t.jsx(X,{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 J={next:"Next",back:"Back",submit:"Submit",required:"Required",optional:"Optional",stepInfo:"Question {{current}} of {{total}}"};function Y({schema:e,onSubmit:a}){var h;const o=H({schema:e,onSubmit:a}),r=e.theme||{backgroundColor:"#ffffff",textColor:"#000000",primaryColor:"#000000",borderRadius:"8px"},d=i(i({},J),e.i18n),m=i(i(i(i(i(i(i(i(i(i(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"},r.titleFont&&{"--font-sw-title":r.titleFont}),r.descriptionFont&&{"--font-sw-description":r.descriptionFont}),r.labelFont&&{"--font-sw-label":r.labelFont}),r.titleFontSize&&{"--size-sw-title":r.titleFontSize}),r.descriptionFontSize&&{"--size-sw-description":r.descriptionFontSize}),r.labelFontSize&&{"--size-sw-label":r.labelFontSize}),r.optionPadding&&{"--sw-option-padding":r.optionPadding}),r.optionBorderRadius&&{"--sw-option-radius":r.optionBorderRadius}),r.optionBorderWidth&&{"--sw-option-border":r.optionBorderWidth}),r.optionGap&&{"--sw-option-gap":r.optionGap}),r.optionActiveColor&&{"--sw-option-active":r.optionActiveColor}),y=r.buttonVariant==="outline",w={backgroundColor:y?"transparent":r.primaryColor,color:y?r.primaryColor:r.textColor,border:y?`2px solid ${r.primaryColor}`:"none",borderRadius:r.borderRadius||"8px",fontWeight:600},v={color:r.primaryColor,borderRadius:r.borderRadius||"8px",fontWeight:600},{autoReload:g,reloadDelay:S=3e3}=e;if(l.useEffect(()=>{if(o.isCompleted&&g){const p=setTimeout(()=>{o.resetForm()},S);return()=>clearTimeout(p)}},[o.isCompleted,g,S,o.resetForm]),o.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:m,children:[g&&t.jsx(u.motion.div,{initial:{width:"0%"},animate:{width:"100%"},transition:{duration:S/1e3,ease:"linear"},className:"absolute top-0 left-0 h-1 bg-green-500 z-50"}),t.jsxs(u.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 c=e.questions.find(p=>p.id===o.currentStepId),C=(e.questions.findIndex(p=>p.id===o.currentStepId)+1)/e.questions.length*100;return t.jsx(P.Provider,{value:N(i({},o),{schema:e}),children:t.jsxs("div",{className:"w-full h-full flex flex-col relative overflow-hidden transition-colors duration-700",style:m,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(u.motion.div,{className:"h-full relative z-10",initial:{width:0},animate:{width:`${C}%`},transition:{duration:.5,ease:"easeInOut"},style:{backgroundColor:r.primaryColor}})]}),t.jsx("div",{className:"flex-1 flex flex-col items-center justify-center relative w-full pt-10 pb-6 px-6 md:px-12 z-10 overflow-y-auto",children:t.jsx("div",{className:"w-full max-w-5xl mx-auto my-auto flex flex-col justify-center",children:t.jsx(u.AnimatePresence,{mode:"wait",children:c&&t.jsx(u.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 py-8",children:t.jsx(Z,{question:c})},c.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:r.poweredByUrl||"#",target:r.poweredByUrl?"_blank":void 0,rel:r.poweredByUrl?"noopener noreferrer":void 0,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:((h=r.poweredBy)==null?void 0:h.replace("Powered by ",""))||"SAWABONA TECH"})]}),t.jsxs("div",{className:"flex items-center gap-4 order-2 md:order-3 ml-auto",children:[t.jsx(u.motion.button,{onClick:o.prevStep,disabled:o.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:v,children:t.jsx(I.ChevronLeft,{size:24})}),t.jsxs(u.motion.button,{onClick:o.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:w,children:[t.jsx("span",{children:o.currentStepId===e.questions[e.questions.length-1].id?r.submitText||d.submit:d.next}),o.currentStepId!==e.questions[e.questions.length-1].id&&t.jsx(I.ChevronRight,{size:20,strokeWidth:3})]})]})]})]})})}s.FormRenderer=Y,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})}));
|
|
9
|
+
flex items-center justify-between group flex-shrink-0
|
|
10
|
+
${w?"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
|
+
`,style:s({padding:"var(--sw-option-padding, 1rem)",borderRadius:"var(--sw-option-radius, 0.5rem)",borderWidth:"var(--sw-option-border, 2px)"},w&&((p=d.theme)!=null&&p.optionActiveColor)?{borderColor:"var(--sw-option-active)"}:{}),children:[t.jsxs("span",{className:"text-base md:text-lg font-medium flex items-center gap-3 w-full",style:s(s({},((n=d.theme)==null?void 0:n.labelFont)&&{fontFamily:"var(--font-sw-label)"}),((f=d.theme)==null?void 0:f.labelFontSize)&&{fontSize:"var(--size-sw-label)"}),children:[t.jsx("span",{className:`
|
|
12
|
+
flex-shrink-0 w-5 h-5 md:w-6 md:h-6 rounded-full border-2 flex items-center justify-center transition-colors
|
|
13
|
+
${w?"border-sw-primary bg-sw-primary":"border-sw-text-secondary/30 group-hover:border-sw-primary/50"}
|
|
14
|
+
`,style:s({},w&&((x=d.theme)!=null&&x.optionActiveColor)?{borderColor:"var(--sw-option-active)",backgroundColor:"var(--sw-option-active)"}:{}),children:w&&t.jsx(I.Check,{size:14,className:"text-sw-background"})}),t.jsx("span",{className:"break-words whitespace-pre-wrap",children:c.label})]}),!(($=d.i18n)!=null&&$.hideSelectText)&&t.jsxs("span",{className:"opacity-0 group-hover:opacity-100 transition-opacity text-[10px] md:text-xs font-mono uppercase tracking-widest text-sw-text-secondary/50 flex-shrink-0 ml-4 hidden sm:inline-block",children:[((z=d.i18n)==null?void 0:z.selectKey)||"Select"," ",t.jsxs("span",{className:"hidden md:inline",children:["Key ",C+1]})]})]},String(c.value))})})}function X({question:e}){var u;const{answers:a,setAnswer:o}=A(),r=a[e.id]||0,d=Math.min(((u=e.validation)==null?void 0:u.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:d}).map((y,h)=>{const g=h+1,v=g<=r;return t.jsx(m.motion.button,{initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{delay:h*.05},onClick:()=>o(e.id,g),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 ${v?"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})},h)})}),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(m.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} / ${d}`:""}),t.jsx("span",{className:"text-sm md:text-base font-medium text-muted-foreground uppercase tracking-wide",children:e.maxLabel||"Excellent"})]})]})}function Z({question:e}){var h,g,v,N;const{schema:a}=A(),o=a.questions.findIndex(c=>c.id===e.id)+1,r=a.questions.length,d={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{duration:.5,ease:[.22,1,.36,1]}}},u=c=>c&&c.replace(/\{\{(\w+)\}\}/g,(C,w)=>{const p=y.answers[w];return p!=null?String(p):""}),y=A();return t.jsxs(m.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(m.motion.div,{variants:d,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:o}),t.jsx("span",{className:"opacity-40 text-xs",children:"/"}),t.jsx("span",{className:"opacity-60",children:r})]})}),t.jsxs(m.motion.h2,{variants:d,className:"text-3xl md:text-4xl lg:text-5xl font-bold leading-tight tracking-tight text-pretty mt-2 font-sw-heading",style:s(s({},((h=a.theme)==null?void 0:h.titleFont)&&{fontFamily:"var(--font-sw-title)"}),((g=a.theme)==null?void 0:g.titleFontSize)&&{fontSize:"var(--size-sw-title)"}),children:[u(e.title)," ",t.jsx("span",{className:"text-sw-primary",children:"*"})]}),e.description&&t.jsx(m.motion.p,{variants:d,className:"text-lg md:text-xl text-muted-foreground font-normal leading-relaxed max-w-2xl mt-2",style:s(s({},((v=a.theme)==null?void 0:v.descriptionFont)&&{fontFamily:"var(--font-sw-description)"}),((N=a.theme)==null?void 0:N.descriptionFontSize)&&{fontSize:"var(--size-sw-description)"}),children:u(e.description)})]}),t.jsx(m.motion.div,{variants:d,className:"w-full mt-6",children:e.type==="text"||e.type==="email"||e.type==="number"||e.type==="url"?t.jsx(V,{question:e}):e.type==="select"||e.type==="multi-select"?t.jsx(G,{question:e}):e.type==="rating"?t.jsx(X,{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 J={next:"Next",back:"Back",submit:"Submit",required:"Required",optional:"Optional",stepInfo:"Question {{current}} of {{total}}"};function Y({schema:e,onSubmit:a}){var w;const o=H({schema:e,onSubmit:a}),r=e.theme||{backgroundColor:"#ffffff",textColor:"#000000",primaryColor:"#000000",borderRadius:"8px"},d=s(s({},J),e.i18n),u=s(s(s(s(s(s(s(s(s(s(s({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"},r.titleFont&&{"--font-sw-title":r.titleFont}),r.descriptionFont&&{"--font-sw-description":r.descriptionFont}),r.labelFont&&{"--font-sw-label":r.labelFont}),r.titleFontSize&&{"--size-sw-title":r.titleFontSize}),r.descriptionFontSize&&{"--size-sw-description":r.descriptionFontSize}),r.labelFontSize&&{"--size-sw-label":r.labelFontSize}),r.optionPadding&&{"--sw-option-padding":r.optionPadding}),r.optionBorderRadius&&{"--sw-option-radius":r.optionBorderRadius}),r.optionBorderWidth&&{"--sw-option-border":r.optionBorderWidth}),r.optionGap&&{"--sw-option-gap":r.optionGap}),r.optionActiveColor&&{"--sw-option-active":r.optionActiveColor}),y=r.buttonVariant==="outline",h={backgroundColor:y?"transparent":r.primaryColor,color:y?r.primaryColor:r.textColor,border:y?`2px solid ${r.primaryColor}`:"none",borderRadius:r.borderRadius||"8px",fontWeight:600},g={color:r.primaryColor,borderRadius:r.borderRadius||"8px",fontWeight:600},{autoReload:v,reloadDelay:N=3e3}=e;if(l.useEffect(()=>{if(o.isCompleted&&v){const p=setTimeout(()=>{o.resetForm()},N);return()=>clearTimeout(p)}},[o.isCompleted,v,N,o.resetForm]),o.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:u,children:[v&&t.jsx(m.motion.div,{initial:{width:"0%"},animate:{width:"100%"},transition:{duration:N/1e3,ease:"linear"},className:"absolute top-0 left-0 h-1 bg-green-500 z-50"}),t.jsxs(m.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 c=e.questions.find(p=>p.id===o.currentStepId),C=(e.questions.findIndex(p=>p.id===o.currentStepId)+1)/e.questions.length*100;return t.jsx(P.Provider,{value:S(s({},o),{schema:e}),children:t.jsxs("div",{className:"w-full h-full flex flex-col relative overflow-hidden transition-colors duration-700",style:u,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(m.motion.div,{className:"h-full relative z-10",initial:{width:0},animate:{width:`${C}%`},transition:{duration:.5,ease:"easeInOut"},style:{backgroundColor:r.primaryColor}})]}),t.jsxs("div",{className:"flex-1 w-full relative z-10 overflow-y-auto flex flex-col px-6 md:px-12",style:{scrollbarWidth:"none"},children:[t.jsx("div",{className:"flex-1 flex-shrink-0 min-h-[2rem]"}),t.jsx("div",{className:"w-full max-w-5xl mx-auto py-4",children:t.jsx(m.AnimatePresence,{mode:"wait",children:c&&t.jsx(m.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(Z,{question:c})},c.id)})}),t.jsx("div",{className:"flex-1 flex-shrink-0 min-h-[2rem]"})]}),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:r.poweredByUrl||"#",target:r.poweredByUrl?"_blank":void 0,rel:r.poweredByUrl?"noopener noreferrer":void 0,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:((w=r.poweredBy)==null?void 0:w.replace("Powered by ",""))||"SAWABONA TECH"})]}),t.jsxs("div",{className:"flex items-center gap-4 order-2 md:order-3 ml-auto",children:[t.jsx(m.motion.button,{onClick:o.prevStep,disabled:o.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:g,children:t.jsx(I.ChevronLeft,{size:24})}),t.jsxs(m.motion.button,{onClick:o.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:h,children:[t.jsx("span",{children:o.currentStepId===e.questions[e.questions.length-1].id?r.submitText||d.submit:d.next}),o.currentStepId!==e.questions[e.questions.length-1].id&&t.jsx(I.ChevronRight,{size:20,strokeWidth:3})]})]})]})]})})}i.FormRenderer=Y,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})}));
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sawabona/forms",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.6",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/sawabona-forms.umd.js",
|
|
7
7
|
"module": "./dist/sawabona-forms.es.js",
|
|
@@ -23,7 +23,8 @@
|
|
|
23
23
|
"build": "tsc -b && vite build",
|
|
24
24
|
"build:lib": "tsc -b && vite build -c vite.lib.config.ts && node scripts/build-css.js",
|
|
25
25
|
"lint": "eslint .",
|
|
26
|
-
"preview": "vite preview"
|
|
26
|
+
"preview": "vite preview",
|
|
27
|
+
"publish": "npm publish --access public"
|
|
27
28
|
},
|
|
28
29
|
"dependencies": {
|
|
29
30
|
"clsx": "^2.1.1",
|