/*! frutjam v2.2.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.input{font:inherit;--radius-input:calc(var(--border-radius)*2);--color-input:var(--color-base-soft);--color-on-input:var(--color-on-base-soft);--color-input-soft:var(--color-base-soft);--color-input-active:var(--color-base-active);--color-on-input-active:var(--color-on-base);--input--inline:0.75rem;--input--block:0.625rem;--input--font-size:1rem;border-width:1px;border-style:solid;border-color:var(--color-input-active);background-color:transparent;&:not([type=file]){padding-inline:var(--input--inline);padding-block:var(--input--block)}font-size:var(--input--font-size);color:var(--color-on-base);display:inline-flex;align-self:flex-start;flex-shrink:0;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-input);gap:.5rem;vertical-align:middle;white-space:nowrap;position:relative;font-weight:500;transition:border-color .25s;transition-timing-function:ease-in-out;&::-moz-placeholder{font-size:var(--input--font-size);color:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-base) 30%,transparent)}font-weight:400}&::placeholder{font-size:var(--input--font-size);color:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-base) 30%,transparent)}font-weight:400}&::file-selector-button{font-size:var(--input--font-size);margin-inline-end:1rem;display:inline-flex;padding-inline:var(--input--inline);padding-block:var(--input--block);transition:border-color .3s,background-color .3s,display .3s;transition-timing-function:ease-in-out;align-items:center;border-start-start-radius:calc(var(--radius-input)/2);border-end-start-radius:calc(var(--radius-input)/2);background-color:var(--color-input);border-inline-end-width:1px;border-style:solid;border-color:var(--color-input-active);font-weight:semibold;color:var(--color-on-input);&:hover{@media (hover:hover){background-color:var(--color-input-active);color:var(--color-on-input-active)}}}&:is(:disabled,[disabled],.input-disabled){--input-disabled--cursor:not-allowed;--input-disabled--opacity:0.6;--input-disabled--pointer-events:none;--input-disabled--user-select:none;--input-disabled--bg-color:var(--color-base-soft);--input-disabled--color:light-dark(var(--color-base-700),var(--color-base-400));--input-disabled--border-color:var(--input);@supports (color:color-mix(in lab,red,red)){--input-disabled--border-color:color-mix(in oklab,var(--input) 20%,transparent)}cursor:var(--input-disabled--cursor);opacity:var(--input-disabled--opacity);pointer-events:var(--input-disabled--pointer-events);background-color:var(--input-disabled--bg-color);color:var(--input-disabled--color);-webkit-user-select:var(--input-disabled--user-select);-moz-user-select:var(--input-disabled--user-select);user-select:var(--input-disabled--user-select);border-color:var(--input-disabled--border-color)}&::-moz-placeholder{color:var(--input-disabled--color)}&::placeholder{color:var(--input-disabled--color)}&:focus,&:focus-within{border-color:light-dark(var(--color-base-800),var(--color-base-300));@supports (color:color-mix(in lab,red,red)){border-color:light-dark(var(--color-base-800),color-mix(in oklab,var(--color-base-300) 80%,transparent))}}}.input-disabled{cursor:var(--input-disabled--cursor);opacity:var(--input-disabled--opacity);pointer-events:var(--input-disabled--pointer-events);background-color:var(--input-disabled--bg-color);color:var(--input-disabled--color);-webkit-user-select:var(--input-disabled--user-select);-moz-user-select:var(--input-disabled--user-select);user-select:var(--input-disabled--user-select);border-color:var(--input-disabled--border-color);&::-moz-placeholder{color:var(--input-disabled--color)}&::placeholder{color:var(--input-disabled--color)}}.input-square{width:var(--input--square-size,3rem);padding-inline:0;text-align:center;justify-content:center;font-weight:600}.input-dashed{border-style:dashed}.input-outline{border-style:solid}.input-soft{background-color:var(--color-input-soft);border-color:transparent;&::-moz-placeholder{color:var(--color-on-input-soft);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-input-soft) 45%,transparent)}}&::placeholder{color:var(--color-on-input-soft);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-input-soft) 45%,transparent)}}}.input-accent{--color-input:var(--color-accent);--color-on-input:var(--color-on-accent);--color-input-soft:var(--color-accent-soft);--color-on-input-soft:var(--color-on-accent-soft);--color-input-active:var(--color-accent-active);--color-on-input-active:var(--color-on-accent);&:focus,&:focus-within{border-color:var(--color-accent-400)}}.input-error{--color-input:var(--color-error);--color-on-input:var(--color-on-error);--color-input-soft:var(--color-error-soft);--color-on-input-soft:var(--color-on-error-soft);--color-input-active:var(--color-error-active);--color-on-input-active:var(--color-on-error);&:focus,&:focus-within{border-color:var(--color-error-400)}}.input-info{--color-input:var(--color-info);--color-on-input:var(--color-on-info);--color-input-soft:var(--color-info-soft);--color-on-input-soft:var(--color-on-info-soft);--color-input-active:var(--color-info-active);--color-on-input-active:var(--color-on-info);&:focus,&:focus-within{border-color:var(--color-info-400)}}.input-neutral{--color-input:var(--color-neutral);--color-on-input:var(--color-on-neutral);--color-input-soft:var(--color-neutral-soft);--color-on-input-soft:var(--color-on-neutral-soft);--color-input-active:var(--color-neutral-active);--color-on-input-active:var(--color-on-neutral);&:focus,&:focus-within{border-color:var(--color-neutral-400)}}.input-primary{--color-input:var(--color-primary);--color-on-input:var(--color-on-primary);--color-input-soft:var(--color-primary-soft);--color-on-input-soft:var(--color-on-primary-soft);--color-input-active:var(--color-primary-active);--color-on-input-active:var(--color-on-primary);&:focus,&:focus-within{border-color:var(--color-primary-400)}}.input-secondary{--color-input:var(--color-secondary);--color-on-input:var(--color-on-secondary);--color-input-soft:var(--color-secondary-soft);--color-on-input-soft:var(--color-on-secondary-soft);--color-input-active:var(--color-secondary-active);--color-on-input-active:var(--color-on-secondary);&:focus,&:focus-within{border-color:var(--color-secondary-400)}}.input-success{--color-input:var(--color-success);--color-on-input:var(--color-on-success);--color-input-soft:var(--color-success-soft);--color-on-input-soft:var(--color-on-success-soft);--color-input-active:var(--color-success-active);--color-on-input-active:var(--color-on-success);&:focus,&:focus-within{border-color:var(--color-success-400)}}.input-warning{--color-input:var(--color-warning);--color-on-input:var(--color-on-warning);--color-input-soft:var(--color-warning-soft);--color-on-input-soft:var(--color-on-warning-soft);--color-input-active:var(--color-warning-active);--color-on-input-active:var(--color-on-warning);&:focus,&:focus-within{border-color:var(--color-warning-400)}}.input-ghost{border-color:transparent}.input-2xl{--input--inline:1.25rem;--input--block:1rem;--input--font-size:1.025rem;--input--square-size:4.5rem}.input-lg{--input--inline:0.9rem;--input--block:0.75rem;--input--font-size:1rem;--input--square-size:3.5rem}.input-md{--input--inline:0.75rem;--input--block:0.625rem;--input--font-size:1rem;--input--square-size:3rem}.input-sm{--input--inline:0.6rem;--input--block:0.5rem;--input--font-size:0.875rem;--input--square-size:2.5rem}.input-xl{--input--inline:1rem;--input--block:0.875rem;--input--font-size:1rem;--input--square-size:4rem}.input-xs{--input--inline:0.475rem;--input--block:0.375rem;--input--font-size:0.75rem;--input--square-size:2rem}