/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-border-style:solid}}}#form-input-example legend{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}#form-input-example label{display:block}#form-input-example input[type=email],#form-input-example input[type=number],#form-input-example input[type=text]{margin-top:calc(var(--spacing,.25rem)*1);appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:oklch(55.1% .027 264.364);border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email]):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:oklch(54.6% .245 262.881);outline:2px solid #0000}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email])::placeholder{color:oklch(55.1% .027 264.364);opacity:1}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email])::-webkit-datetime-edit-fields-wrapper{padding:0}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email])::-webkit-date-and-time-value{min-height:1.5em}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email])::-webkit-date-and-time-value{text-align:inherit}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email])::-webkit-datetime-edit{display:inline-flex}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email])::-webkit-datetime-edit{padding-top:0;padding-bottom:0}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email])::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email])::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email])::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email])::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email])::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email])::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email])::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email])::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}#form-input-example input[type=email],#form-input-example input[type=number],#form-input-example input[type=text]{border-color:var(--color-neutral-400,oklch(70.8% 0 0));background-color:var(--color-white,#fff);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);width:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:block}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email])::placeholder{color:var(--color-neutral-400,oklch(70.8% 0 0))}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email]):focus{border-color:var(--color-neutral-500,oklch(55.6% 0 0));--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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);--tw-ring-color:#d4d4d480}@supports (color:color-mix(in lab,red,red)){:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email]):focus{--tw-ring-color:color-mix(in oklab,var(--color-neutral-300,oklch(87% 0 0))50%,transparent)}}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email]):where(.dark,.dark *){border-color:var(--color-neutral-700,oklch(37.1% 0 0));background-color:var(--color-neutral-900,oklch(20.5% 0 0))}:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email]):focus:where(.dark,.dark *){border-color:var(--color-neutral-600,oklch(43.9% 0 0));--tw-ring-color:#40404080}@supports (color:color-mix(in lab,red,red)){:is(#form-input-example input[type=text],#form-input-example input[type=number],#form-input-example input[type=email]):focus:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-neutral-700,oklch(37.1% 0 0))50%,transparent)}}#form-input-example .help-text{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-neutral-400,oklch(70.8% 0 0))}#form-input-example:has(>#dynamic-label-input){padding-top:calc(var(--spacing,.25rem)*12);position:relative}#form-input-example label:has(+#dynamic-label-input){top:calc(var(--spacing,.25rem)*6);--tw-translate-y:calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));position:absolute}#form-input-example label:has(+#dynamic-label-input:placeholder-shown){--tw-translate-y:calc(var(--spacing,.25rem)*4);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0}#form-input-example input:required+.help-text:before{--tw-content:"*Required";content:var(--tw-content)}#form-input-example #optional-input:optional+.help-text:before{--tw-content:"*Optional";content:var(--tw-content)}#form-input-example div:has(>input:disabled) label{color:var(--color-neutral-400,oklch(70.8% 0 0))}#form-input-example div:has(>input:disabled) label:where(.dark,.dark *){color:var(--color-neutral-500,oklch(55.6% 0 0))}#form-input-example input:disabled{cursor:not-allowed;border-color:var(--color-neutral-300,oklch(87% 0 0));background-color:var(--color-neutral-200,oklch(92.2% 0 0));color:var(--color-neutral-500,oklch(55.6% 0 0))}#form-input-example input:disabled:where(.dark,.dark *){border-color:var(--color-neutral-600,oklch(43.9% 0 0));background-color:var(--color-neutral-700,oklch(37.1% 0 0))}#form-input-example input:read-only{cursor:not-allowed;border-color:var(--color-neutral-300,oklch(87% 0 0));background-color:var(--color-neutral-200,oklch(92.2% 0 0));color:var(--color-neutral-400,oklch(70.8% 0 0))}#form-input-example input:read-only:where(.dark,.dark *){border-color:var(--color-neutral-600,oklch(43.9% 0 0));background-color:var(--color-neutral-700,oklch(37.1% 0 0))}#form-input-example #valid-input:valid{border-color:var(--color-green-400,oklch(79.2% .209 151.711))}#form-input-example #valid-input:valid:focus{border-color:#05df724d}@supports (color:color-mix(in lab,red,red)){#form-input-example #valid-input:valid:focus{border-color:color-mix(in oklab,var(--color-green-400,oklch(79.2% .209 151.711))30%,transparent)}}#form-input-example #valid-input:valid:focus{--tw-ring-color:#b9f8cf4d}@supports (color:color-mix(in lab,red,red)){#form-input-example #valid-input:valid:focus{--tw-ring-color:color-mix(in oklab,var(--color-green-200,oklch(92.5% .084 155.995))30%,transparent)}}#form-input-example input:invalid{border-color:var(--color-red-500,oklch(63.7% .237 25.331))}#form-input-example input:invalid:focus{border-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){#form-input-example input:invalid:focus{border-color:color-mix(in oklab,var(--color-red-500,oklch(63.7% .237 25.331))30%,transparent)}}#form-input-example input:invalid:focus{--tw-ring-color:#ffa3a34d}@supports (color:color-mix(in lab,red,red)){#form-input-example input:invalid:focus{--tw-ring-color:color-mix(in oklab,var(--color-red-300,oklch(80.8% .114 19.571))30%,transparent)}}#form-input-example input:invalid+.help-text:before{color:var(--color-red-600,oklch(57.7% .245 27.325))}#form-input-example input[type=email]:invalid+.help-text:before{content:"You must enter a valid email."}#form-input-example input:out-of-range+.help-text{color:var(--color-red-600,oklch(57.7% .245 27.325))}#form-input-example input:out-of-range+.help-text:before{content:"Out of range "}#form-input-example input[type=checkbox]:enabled{cursor:pointer}#form-input-example .checkbox{-webkit-user-select:none;user-select:none;position:relative}#form-input-example .checkbox input[type=checkbox]+label{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}#form-input-example .checkbox input[type=checkbox]:enabled+label{cursor:pointer}#form-input-example .checkbox input[type=checkbox]:disabled+label{cursor:not-allowed!important}#form-input-example .checkbox input[type=checkbox]{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#form-input-example .checkbox input[type=checkbox]+label:before{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-800,oklch(26.9% 0 0));background-color:var(--color-white,#fff);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,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-content:"";content:var(--tw-content);transition-duration:.2s;display:block}#form-input-example .checkbox input[type=checkbox]+label:before:where(){border-color:var(--color-neutral-300,oklch(87% 0 0));background-color:var(--color-neutral-600,oklch(43.9% 0 0))}#form-input-example .checkbox input[type=checkbox]:disabled+label:before{border-color:var(--color-neutral-400,oklch(70.8% 0 0))}#form-input-example .checkbox input[type=checkbox]:disabled+label:before:where(){border-color:var(--color-neutral-500,oklch(55.6% 0 0))}#form-input-example .checkbox input[type=checkbox]:checked+label:before{border-color:var(--color-green-500,oklch(72.3% .219 149.579));background-color:var(--color-green-500,oklch(72.3% .219 149.579))}#form-input-example .checkbox input[type=checkbox]:checked+label:after{top:8px;left:calc(var(--spacing,.25rem)*1.5);height:calc(var(--spacing,.25rem)*2);width:calc(var(--spacing,.25rem)*1);border-color:var(--color-white,#fff);--tw-content:"";content:var(--tw-content);border-width:0 2px 2px 0;display:block;position:absolute;rotate:45deg}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}