@layer wertigo.components{.UiInput{width:100%;min-width:0;min-height:var(--ui-input-min-height,42px);padding:var(--ui-input-padding,9px 12px);border:1px solid var(--ui-input-border-color,var(--app-control-border,#d7dce5));background:var(--ui-input-background,linear-gradient(180deg,#fff 0,#fbfcfe 100%));color:var(--app-text-primary,#111827);font:inherit;font-size:var(--ui-input-font-size,14px);font-weight:var(--ui-input-font-weight,500);box-sizing:border-box;border-radius:10px;outline:none;transition:border-color .18s,background-color .18s}.UiInput--inline-edit{--ui-input-min-height:38px;--ui-input-padding:9px 8px;--ui-input-border-color:transparent;--ui-input-background:transparent;--ui-input-font-size:15px;--ui-input-font-weight:800;--ui-input-hover-border-color:#dfe3ea;--ui-input-focus-border-color:#dfe3ea;--ui-input-interactive-background:#fff}.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,#fff 0,#fbfcfe 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,#fff 0,#fbfcfe 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,#fff 0,#fbfcfe 100%)))}.UiInput:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6;border-color:#e5e7eb}.UiInput:read-only{background:#f9fafb}.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:#6b7280;position:absolute;top:50%;transform:translateY(-50%)}.UiInputRoot__toggle{cursor:pointer;background:0 0;border:0;border-radius:8px;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:#111827;background:#1118270f}.UiInputRoot__toggle:focus-visible{outline-offset:2px;outline:2px solid #ea5555b3}.UiInputRoot__toggle:disabled{color:#cbd5e1;cursor:not-allowed}.UiInputRoot__toggle-icon{width:20px;height:20px}}