@layer wertigo.components{.UiInput{width:100%;min-width:0;min-height:var(--ui-input-min-height,var(--ds-control-md));padding:var(--ui-input-padding,6px 12px);border:1px solid var(--ui-input-border-color,var(--ds-line-strong));border-radius:var(--ds-radius-md);background:var(--ui-input-background,linear-gradient(180deg,var(--ds-surface) 0,var(--ds-surface-soft) 100%));color:var(--ds-ink);font:inherit;font-size:var(--ui-input-font-size,14px);font-weight:var(--ui-input-font-weight,500);box-sizing:border-box;outline:none;transition:border-color .18s,background-color .18s}.UiInput--inline-edit{--ui-input-min-height:var(--ds-control-md);--ui-input-padding:6px 8px;--ui-input-border-color:transparent;--ui-input-background:transparent;--ui-input-font-size:var(--ds-text-md);--ui-input-font-weight:var(--ds-weight-bold);--ui-input-hover-border-color:var(--ds-line-strong);--ui-input-focus-border-color:var(--ds-line-strong);--ui-input-interactive-background:var(--ds-surface)}.UiInput--with-icon{padding-left:40px}.UiInput--password{padding-right:44px}.UiInput--with-icon.UiInput--password{padding-left:40px;padding-right:44px}.UiInput:hover:not(:disabled):not(:-moz-read-only):not(:focus){border-color:var(--ui-input-hover-border-color,#ea55553d);background:var(--ui-input-interactive-background,var(--ui-input-background,linear-gradient(180deg,var(--ds-surface) 0,var(--ds-surface-soft) 100%)))}.UiInput:hover:not(:disabled):not(:read-only):not(:focus){border-color:var(--ui-input-hover-border-color,#ea55553d);background:var(--ui-input-interactive-background,var(--ui-input-background,linear-gradient(180deg,var(--ds-surface) 0,var(--ds-surface-soft) 100%)))}.UiInput:focus,.UiInput:focus-visible{border-color:var(--ui-input-focus-border-color,#ea5555b3);background:var(--ui-input-interactive-background,var(--ui-input-background,linear-gradient(180deg,var(--ds-surface) 0,var(--ds-surface-soft) 100%)))}.UiInput:disabled{border-color:var(--ds-line);background:var(--ds-surface-muted);color:var(--ds-faint);cursor:not-allowed}.UiInput:read-only{background:var(--ds-surface-soft)}.UiInputRoot{width:100%;display:block;position:relative}.UiInputRoot__icon{z-index:1;pointer-events:none;width:18px;height:18px;left:12px}.UiInputRoot__icon,.UiInputRoot__toggle{color:var(--ds-subtle);position:absolute;top:50%;transform:translateY(-50%)}.UiInputRoot__toggle{border-radius:var(--ds-radius-md);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .18s,color .18s;display:inline-flex;right:8px}.UiInputRoot__toggle:hover:not(:disabled){color:var(--ds-ink);background:#1118270f}.UiInputRoot__toggle:focus-visible{outline-offset:2px;outline:2px solid #ea5555b3}.UiInputRoot__toggle:disabled{color:var(--ds-line-hover);cursor:not-allowed}.UiInputRoot__toggle-icon{width:20px;height:20px}}