@layer karibu.components{.k-input{--control-height:var(--control-height-3);--control-bg:var(--color-bg-surface);--control-fg:var(--color-text);--control-placeholder:var(--color-text-placeholder);--control-border-color:var(--color-border-interactive);--control-border-color-hover:var(--color-border-interactive-hover);--control-border-width:var(--border-width-1);--control-radius:var(--radius-4);--control-padding-inline:var(--space-3);--control-gap:var(--space-2);--control-font-size:var(--font-size-3);--input-affix-color:var(--color-text-muted);--input-affix-size:var(--icon-size-2);align-items:center;gap:var(--control-gap);min-height:var(--control-height);padding-inline:var(--control-padding-inline);font-family:var(--font-family-body);font-size:var(--control-font-size);color:var(--control-fg);background-color:var(--control-bg);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius);transition:border-color var(--duration-2) var(--ease-standard),background-color var(--duration-2) var(--ease-standard);line-height:1.2;display:flex}.k-input:hover{border-color:var(--control-border-color-hover)}.k-input:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.k-input:has(:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.k-input--sm{--control-height:var(--control-height-2);--control-font-size:var(--font-size-2);--control-radius:var(--radius-3);--control-padding-inline:var(--space-2);--control-gap:var(--space-1)}.k-input--lg{--control-height:var(--control-height-4);--control-font-size:var(--font-size-4);--control-radius:var(--radius-5);--control-padding-inline:var(--space-4)}.k-input--invalid{--control-border-color:var(--color-danger-border);--control-border-color-hover:var(--color-danger-border);--control-border-width:var(--border-width-2)}.k-input--readonly{--control-bg:var(--color-bg-subtle);--control-border-color-hover:var(--control-border-color)}.k-input--disabled{--control-bg:var(--color-bg-muted);--control-fg:var(--color-text-subtle);--control-border-color-hover:var(--control-border-color);cursor:not-allowed}.k-input{min-width:0;display:inline-flex}.k-input__control{min-width:0;font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:auto;padding:0}.k-input__control::placeholder{color:var(--control-placeholder);opacity:1}.k-input__control:disabled{cursor:not-allowed}.k-input__control:-webkit-autofill{-webkit-text-fill-color:var(--control-fg);box-shadow:inset 0 0 0 100vmax var(--control-bg)}.k-input__control::-webkit-search-cancel-button{display:none}.k-input__affix{color:var(--input-affix-color);font-size:var(--control-font-size);flex:none;align-items:center;display:inline-flex}.k-input__affix>svg{inline-size:var(--input-affix-size);block-size:var(--input-affix-size);display:block}.k-input__clear{min-inline-size:var(--control-height-1);min-block-size:var(--control-height-1);color:var(--input-affix-color);font:inherit;border-radius:var(--radius-2);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.k-input__clear:hover{color:var(--control-fg)}.k-input__clear:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:0}.k-input--full-width{inline-size:100%;display:flex}}