/*! 🚀 flyonui 2.4.0 - MIT License */ @layer utilities{.input{cursor:text;appearance:none;background-color:var(--color-base-100);width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);flex-shrink:1;padding-inline:.75rem;display:inline-flex;&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}&:focus-visible{--tw-outline-style:none;outline-style:none}border:var(--border)solid #0000;height:var(--size);touch-action:manipulation;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000);--size:calc(var(--size-field,.25rem)*9.5);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field))&:hover:not(:focus,:focus-within),&:has(:hover):not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:where(input){display:inline-block}& :where(input:not([type=checkbox]):not([type=radio])){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-block;&:focus,&:focus-within,&:focus-visible{--tw-outline-style:none;outline-style:none}}&:focus,&:focus-within{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--input-color:var(--color-primary);--tw-shadow-color:color-mix(in oklab,var(--input-color)30%,#0000);outline:1px solid var(--input-color);isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-style:var(--tw-border-style);background-color:color-mix(in oklab,var(--color-neutral)10%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);box-shadow:none;border-width:0}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.input:has(>.input-floating) input{&::placeholder{color:#0000}&:focus{&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}}}.input-floating-label{pointer-events:none;width:fit-content;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));text-overflow:ellipsis;color:color-mix(in oklab,var(--color-base-content)50%,transparent);inset-inline-start:0;top:calc(var(--size-field,.25rem)*9.5/2);background-color:#0000;margin-inline-start:.75rem;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;overflow:hidden;translate:0 -50%}.input-floating{width:100%;display:block;position:relative;& .input{&::placeholder{color:#0000}&:focus{&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}}&:has(>input[disabled]),&:is(:disabled,[disabled]){border-style:var(--tw-border-style);opacity:.5;background-color:#0000;border-width:1px;&~.input-floating-label{color:color-mix(in oklab,var(--color-base-content)30%,transparent)}}}&:focus-within,&:not(:has(input:placeholder-shown)),&:has(.input:focus){& .input-floating-label{pointer-events:auto;background-color:var(--color-base-100);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:color-mix(in oklab,var(--color-base-content)50%,transparent);padding-inline:.25rem;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:focus-within,&:has(.input:focus){& .input-floating-label{--input-color:var(--color-primary);color:var(--input-color)}}&:has(.input-xs) .input-floating-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));top:calc(var(--size-field,.25rem)*6/2);margin-inline-start:.625rem}&:has(.input-sm) .input-floating-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));top:calc(var(--size-field,.25rem)*7.5/2);margin-inline-start:.625rem}&:has(.input-md) .input-floating-label{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));top:calc(var(--size-field,.25rem)*9.5/2);margin-inline-start:.75rem}&:has(.input-lg) .input-floating-label{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));top:calc(var(--size-field,.25rem)*11.5/2);margin-inline-start:1rem}&:has(.input-xl) .input-floating-label{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));top:calc(var(--size-field,.25rem)*14/2);margin-inline-start:1.125rem}}.input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6);padding-inline:.625rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}.input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5);padding-inline:.625rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}.input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5);padding-inline:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5);padding-inline:1rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14);padding-inline:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}.no-focus{&:focus,&:focus-within{--tw-border-style:none;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;border-style:none;outline-style:none}}@media (width>=640px){.sm\:input{cursor:text;appearance:none;background-color:var(--color-base-100);width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);flex-shrink:1;padding-inline:.75rem;display:inline-flex;&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}&:focus-visible{--tw-outline-style:none;outline-style:none}border:var(--border)solid #0000;height:var(--size);touch-action:manipulation;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000);--size:calc(var(--size-field,.25rem)*9.5);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field))&:hover:not(:focus,:focus-within),&:has(:hover):not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:where(input){display:inline-block}& :where(input:not([type=checkbox]):not([type=radio])){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-block;&:focus,&:focus-within,&:focus-visible{--tw-outline-style:none;outline-style:none}}&:focus,&:focus-within{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--input-color:var(--color-primary);--tw-shadow-color:color-mix(in oklab,var(--input-color)30%,#0000);outline:1px solid var(--input-color);isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-style:var(--tw-border-style);background-color:color-mix(in oklab,var(--color-neutral)10%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);box-shadow:none;border-width:0}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.sm\:input:has(>.input-floating) input{&::placeholder{color:#0000}&:focus{&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}}}.sm\:input-floating-label{pointer-events:none;width:fit-content;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));text-overflow:ellipsis;color:color-mix(in oklab,var(--color-base-content)50%,transparent);inset-inline-start:0;top:calc(var(--size-field,.25rem)*9.5/2);background-color:#0000;margin-inline-start:.75rem;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;overflow:hidden;translate:0 -50%}.sm\:input-floating{width:100%;display:block;position:relative;& .input{&::placeholder{color:#0000}&:focus{&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}}&:has(>input[disabled]),&:is(:disabled,[disabled]){border-style:var(--tw-border-style);opacity:.5;background-color:#0000;border-width:1px;&~.input-floating-label{color:color-mix(in oklab,var(--color-base-content)30%,transparent)}}}&:focus-within,&:not(:has(input:placeholder-shown)),&:has(.input:focus){& .input-floating-label{pointer-events:auto;background-color:var(--color-base-100);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:color-mix(in oklab,var(--color-base-content)50%,transparent);padding-inline:.25rem;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:focus-within,&:has(.input:focus){& .input-floating-label{--input-color:var(--color-primary);color:var(--input-color)}}&:has(.input-xs) .input-floating-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));top:calc(var(--size-field,.25rem)*6/2);margin-inline-start:.625rem}&:has(.input-sm) .input-floating-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));top:calc(var(--size-field,.25rem)*7.5/2);margin-inline-start:.625rem}&:has(.input-md) .input-floating-label{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));top:calc(var(--size-field,.25rem)*9.5/2);margin-inline-start:.75rem}&:has(.input-lg) .input-floating-label{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));top:calc(var(--size-field,.25rem)*11.5/2);margin-inline-start:1rem}&:has(.input-xl) .input-floating-label{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));top:calc(var(--size-field,.25rem)*14/2);margin-inline-start:1.125rem}}.sm\:input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6);padding-inline:.625rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}.sm\:input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5);padding-inline:.625rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}.sm\:input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5);padding-inline:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.sm\:input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5);padding-inline:1rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.sm\:input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14);padding-inline:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}.sm\:no-focus{&:focus,&:focus-within{--tw-border-style:none;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;border-style:none;outline-style:none}}}@media (width>=768px){.md\:input{cursor:text;appearance:none;background-color:var(--color-base-100);width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);flex-shrink:1;padding-inline:.75rem;display:inline-flex;&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}&:focus-visible{--tw-outline-style:none;outline-style:none}border:var(--border)solid #0000;height:var(--size);touch-action:manipulation;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000);--size:calc(var(--size-field,.25rem)*9.5);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field))&:hover:not(:focus,:focus-within),&:has(:hover):not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:where(input){display:inline-block}& :where(input:not([type=checkbox]):not([type=radio])){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-block;&:focus,&:focus-within,&:focus-visible{--tw-outline-style:none;outline-style:none}}&:focus,&:focus-within{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--input-color:var(--color-primary);--tw-shadow-color:color-mix(in oklab,var(--input-color)30%,#0000);outline:1px solid var(--input-color);isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-style:var(--tw-border-style);background-color:color-mix(in oklab,var(--color-neutral)10%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);box-shadow:none;border-width:0}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.md\:input:has(>.input-floating) input{&::placeholder{color:#0000}&:focus{&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}}}.md\:input-floating-label{pointer-events:none;width:fit-content;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));text-overflow:ellipsis;color:color-mix(in oklab,var(--color-base-content)50%,transparent);inset-inline-start:0;top:calc(var(--size-field,.25rem)*9.5/2);background-color:#0000;margin-inline-start:.75rem;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;overflow:hidden;translate:0 -50%}.md\:input-floating{width:100%;display:block;position:relative;& .input{&::placeholder{color:#0000}&:focus{&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}}&:has(>input[disabled]),&:is(:disabled,[disabled]){border-style:var(--tw-border-style);opacity:.5;background-color:#0000;border-width:1px;&~.input-floating-label{color:color-mix(in oklab,var(--color-base-content)30%,transparent)}}}&:focus-within,&:not(:has(input:placeholder-shown)),&:has(.input:focus){& .input-floating-label{pointer-events:auto;background-color:var(--color-base-100);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:color-mix(in oklab,var(--color-base-content)50%,transparent);padding-inline:.25rem;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:focus-within,&:has(.input:focus){& .input-floating-label{--input-color:var(--color-primary);color:var(--input-color)}}&:has(.input-xs) .input-floating-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));top:calc(var(--size-field,.25rem)*6/2);margin-inline-start:.625rem}&:has(.input-sm) .input-floating-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));top:calc(var(--size-field,.25rem)*7.5/2);margin-inline-start:.625rem}&:has(.input-md) .input-floating-label{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));top:calc(var(--size-field,.25rem)*9.5/2);margin-inline-start:.75rem}&:has(.input-lg) .input-floating-label{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));top:calc(var(--size-field,.25rem)*11.5/2);margin-inline-start:1rem}&:has(.input-xl) .input-floating-label{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));top:calc(var(--size-field,.25rem)*14/2);margin-inline-start:1.125rem}}.md\:input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6);padding-inline:.625rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}.md\:input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5);padding-inline:.625rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}.md\:input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5);padding-inline:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.md\:input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5);padding-inline:1rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.md\:input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14);padding-inline:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}.md\:no-focus{&:focus,&:focus-within{--tw-border-style:none;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;border-style:none;outline-style:none}}}@media (width>=1024px){.lg\:input{cursor:text;appearance:none;background-color:var(--color-base-100);width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);flex-shrink:1;padding-inline:.75rem;display:inline-flex;&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}&:focus-visible{--tw-outline-style:none;outline-style:none}border:var(--border)solid #0000;height:var(--size);touch-action:manipulation;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000);--size:calc(var(--size-field,.25rem)*9.5);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field))&:hover:not(:focus,:focus-within),&:has(:hover):not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:where(input){display:inline-block}& :where(input:not([type=checkbox]):not([type=radio])){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-block;&:focus,&:focus-within,&:focus-visible{--tw-outline-style:none;outline-style:none}}&:focus,&:focus-within{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--input-color:var(--color-primary);--tw-shadow-color:color-mix(in oklab,var(--input-color)30%,#0000);outline:1px solid var(--input-color);isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-style:var(--tw-border-style);background-color:color-mix(in oklab,var(--color-neutral)10%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);box-shadow:none;border-width:0}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.lg\:input:has(>.input-floating) input{&::placeholder{color:#0000}&:focus{&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}}}.lg\:input-floating-label{pointer-events:none;width:fit-content;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));text-overflow:ellipsis;color:color-mix(in oklab,var(--color-base-content)50%,transparent);inset-inline-start:0;top:calc(var(--size-field,.25rem)*9.5/2);background-color:#0000;margin-inline-start:.75rem;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;overflow:hidden;translate:0 -50%}.lg\:input-floating{width:100%;display:block;position:relative;& .input{&::placeholder{color:#0000}&:focus{&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}}&:has(>input[disabled]),&:is(:disabled,[disabled]){border-style:var(--tw-border-style);opacity:.5;background-color:#0000;border-width:1px;&~.input-floating-label{color:color-mix(in oklab,var(--color-base-content)30%,transparent)}}}&:focus-within,&:not(:has(input:placeholder-shown)),&:has(.input:focus){& .input-floating-label{pointer-events:auto;background-color:var(--color-base-100);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:color-mix(in oklab,var(--color-base-content)50%,transparent);padding-inline:.25rem;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:focus-within,&:has(.input:focus){& .input-floating-label{--input-color:var(--color-primary);color:var(--input-color)}}&:has(.input-xs) .input-floating-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));top:calc(var(--size-field,.25rem)*6/2);margin-inline-start:.625rem}&:has(.input-sm) .input-floating-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));top:calc(var(--size-field,.25rem)*7.5/2);margin-inline-start:.625rem}&:has(.input-md) .input-floating-label{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));top:calc(var(--size-field,.25rem)*9.5/2);margin-inline-start:.75rem}&:has(.input-lg) .input-floating-label{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));top:calc(var(--size-field,.25rem)*11.5/2);margin-inline-start:1rem}&:has(.input-xl) .input-floating-label{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));top:calc(var(--size-field,.25rem)*14/2);margin-inline-start:1.125rem}}.lg\:input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6);padding-inline:.625rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}.lg\:input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5);padding-inline:.625rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}.lg\:input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5);padding-inline:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.lg\:input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5);padding-inline:1rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.lg\:input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14);padding-inline:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}.lg\:no-focus{&:focus,&:focus-within{--tw-border-style:none;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;border-style:none;outline-style:none}}}@media (width>=1280px){.xl\:input{cursor:text;appearance:none;background-color:var(--color-base-100);width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);flex-shrink:1;padding-inline:.75rem;display:inline-flex;&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}&:focus-visible{--tw-outline-style:none;outline-style:none}border:var(--border)solid #0000;height:var(--size);touch-action:manipulation;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000);--size:calc(var(--size-field,.25rem)*9.5);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field))&:hover:not(:focus,:focus-within),&:has(:hover):not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:where(input){display:inline-block}& :where(input:not([type=checkbox]):not([type=radio])){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-block;&:focus,&:focus-within,&:focus-visible{--tw-outline-style:none;outline-style:none}}&:focus,&:focus-within{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--input-color:var(--color-primary);--tw-shadow-color:color-mix(in oklab,var(--input-color)30%,#0000);outline:1px solid var(--input-color);isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-style:var(--tw-border-style);background-color:color-mix(in oklab,var(--color-neutral)10%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);box-shadow:none;border-width:0}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.xl\:input:has(>.input-floating) input{&::placeholder{color:#0000}&:focus{&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}}}.xl\:input-floating-label{pointer-events:none;width:fit-content;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));text-overflow:ellipsis;color:color-mix(in oklab,var(--color-base-content)50%,transparent);inset-inline-start:0;top:calc(var(--size-field,.25rem)*9.5/2);background-color:#0000;margin-inline-start:.75rem;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;overflow:hidden;translate:0 -50%}.xl\:input-floating{width:100%;display:block;position:relative;& .input{&::placeholder{color:#0000}&:focus{&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}}&:has(>input[disabled]),&:is(:disabled,[disabled]){border-style:var(--tw-border-style);opacity:.5;background-color:#0000;border-width:1px;&~.input-floating-label{color:color-mix(in oklab,var(--color-base-content)30%,transparent)}}}&:focus-within,&:not(:has(input:placeholder-shown)),&:has(.input:focus){& .input-floating-label{pointer-events:auto;background-color:var(--color-base-100);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:color-mix(in oklab,var(--color-base-content)50%,transparent);padding-inline:.25rem;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:focus-within,&:has(.input:focus){& .input-floating-label{--input-color:var(--color-primary);color:var(--input-color)}}&:has(.input-xs) .input-floating-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));top:calc(var(--size-field,.25rem)*6/2);margin-inline-start:.625rem}&:has(.input-sm) .input-floating-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));top:calc(var(--size-field,.25rem)*7.5/2);margin-inline-start:.625rem}&:has(.input-md) .input-floating-label{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));top:calc(var(--size-field,.25rem)*9.5/2);margin-inline-start:.75rem}&:has(.input-lg) .input-floating-label{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));top:calc(var(--size-field,.25rem)*11.5/2);margin-inline-start:1rem}&:has(.input-xl) .input-floating-label{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));top:calc(var(--size-field,.25rem)*14/2);margin-inline-start:1.125rem}}.xl\:input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6);padding-inline:.625rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}.xl\:input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5);padding-inline:.625rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}.xl\:input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5);padding-inline:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.xl\:input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5);padding-inline:1rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.xl\:input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14);padding-inline:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}.xl\:no-focus{&:focus,&:focus-within{--tw-border-style:none;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;border-style:none;outline-style:none}}}@media (width>=1536px){.\32 xl\:input{cursor:text;appearance:none;background-color:var(--color-base-100);width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);flex-shrink:1;padding-inline:.75rem;display:inline-flex;&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}&:focus-visible{--tw-outline-style:none;outline-style:none}border:var(--border)solid #0000;height:var(--size);touch-action:manipulation;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000);--size:calc(var(--size-field,.25rem)*9.5);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field))&:hover:not(:focus,:focus-within),&:has(:hover):not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:where(input){display:inline-block}& :where(input:not([type=checkbox]):not([type=radio])){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-block;&:focus,&:focus-within,&:focus-visible{--tw-outline-style:none;outline-style:none}}&:focus,&:focus-within{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--input-color:var(--color-primary);--tw-shadow-color:color-mix(in oklab,var(--input-color)30%,#0000);outline:1px solid var(--input-color);isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-style:var(--tw-border-style);background-color:color-mix(in oklab,var(--color-neutral)10%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);box-shadow:none;border-width:0}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.\32 xl\:input:has(>.input-floating) input{&::placeholder{color:#0000}&:focus{&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}}}.\32 xl\:input-floating-label{pointer-events:none;width:fit-content;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));text-overflow:ellipsis;color:color-mix(in oklab,var(--color-base-content)50%,transparent);inset-inline-start:0;top:calc(var(--size-field,.25rem)*9.5/2);background-color:#0000;margin-inline-start:.75rem;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;overflow:hidden;translate:0 -50%}.\32 xl\:input-floating{width:100%;display:block;position:relative;& .input{&::placeholder{color:#0000}&:focus{&::placeholder{color:color-mix(in oklab,var(--color-base-content)50%,transparent)}}&:has(>input[disabled]),&:is(:disabled,[disabled]){border-style:var(--tw-border-style);opacity:.5;background-color:#0000;border-width:1px;&~.input-floating-label{color:color-mix(in oklab,var(--color-base-content)30%,transparent)}}}&:focus-within,&:not(:has(input:placeholder-shown)),&:has(.input:focus){& .input-floating-label{pointer-events:auto;background-color:var(--color-base-100);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:color-mix(in oklab,var(--color-base-content)50%,transparent);padding-inline:.25rem;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:focus-within,&:has(.input:focus){& .input-floating-label{--input-color:var(--color-primary);color:var(--input-color)}}&:has(.input-xs) .input-floating-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));top:calc(var(--size-field,.25rem)*6/2);margin-inline-start:.625rem}&:has(.input-sm) .input-floating-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));top:calc(var(--size-field,.25rem)*7.5/2);margin-inline-start:.625rem}&:has(.input-md) .input-floating-label{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));top:calc(var(--size-field,.25rem)*9.5/2);margin-inline-start:.75rem}&:has(.input-lg) .input-floating-label{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));top:calc(var(--size-field,.25rem)*11.5/2);margin-inline-start:1rem}&:has(.input-xl) .input-floating-label{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));top:calc(var(--size-field,.25rem)*14/2);margin-inline-start:1.125rem}}.\32 xl\:input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6);padding-inline:.625rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}.\32 xl\:input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5);padding-inline:.625rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}.\32 xl\:input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5);padding-inline:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.\32 xl\:input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5);padding-inline:1rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}.\32 xl\:input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14);padding-inline:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}.\32 xl\:no-focus{&:focus,&:focus-within{--tw-border-style:none;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;border-style:none;outline-style:none}}}}