.input{background:var(--theme-surface);border:1px solid var(--theme-border-strong);width:100%;height:32px;font:inherit;color:var(--theme-text);box-shadow:var(--theme-shadow-xs);border-radius:10px;padding:0 12px;font-size:13px;transition:border-color .12s cubic-bezier(.25,.46,.45,.94),background .12s cubic-bezier(.25,.46,.45,.94),box-shadow .12s cubic-bezier(.25,.46,.45,.94)}.input--sm{border-radius:8px;height:28px;padding:0 8px;font-size:12.5px}.input--lg{border-radius:12px;height:44px;padding:0 14px;font-size:15px}.input::placeholder{color:var(--theme-text-faint)}.input:focus,.input:focus-visible{border-color:var(--theme-text);outline:none}.input--invalid,.input--invalid:focus,.input--invalid:focus-visible{border-color:var(--theme-destructive)}.input:-webkit-autofill{-webkit-text-fill-color:var(--theme-text);box-shadow:inset 0 0 0 1000px var(--theme-surface)}.input:-webkit-autofill:focus{box-shadow:inset 0 0 0 1000px var(--theme-surface)}.input:disabled{opacity:1}.input-box{background:var(--theme-surface);border:1px solid var(--theme-border-strong);width:100%;height:32px;font:inherit;color:var(--theme-text-muted);box-shadow:var(--theme-shadow-xs);border-radius:10px;align-items:center;gap:4px;padding:0 10px 0 12px;font-size:13px;transition:border-color .12s cubic-bezier(.25,.46,.45,.94),background .12s cubic-bezier(.25,.46,.45,.94),box-shadow .12s cubic-bezier(.25,.46,.45,.94);display:flex;overflow:hidden}.input-box--sm{border-radius:8px;height:28px;padding:0 6px 0 8px;font-size:12.5px}.input-box--lg{border-radius:12px;height:44px;padding:0 12px 0 14px;font-size:15px}.input-box:focus-within{border-color:var(--theme-text);outline:none}.input-box--invalid,.input-box--invalid:focus-within{border-color:var(--theme-destructive)}.input-box__unit{font-size:inherit;white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;display:inline-flex}.input-box:has(>.input-box__action){padding-right:4px}.input-box__mark{min-width:13px;color:var(--theme-text-muted);flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;display:inline-flex}.input-box__action{flex-shrink:0;align-items:center;min-width:0;display:flex}.input-box .input{height:100%;font-size:inherit;padding:0;box-shadow:none;background:0 0;border:none;border-radius:0;min-width:0;margin-inline-start:-2px;padding-inline-start:2px}.input-box .input:focus,.input-box .input:focus-visible{box-shadow:none;border:none;outline:none}