.bokah-input{position:relative;display:flex;align-items:center;gap:var(--space-2);padding-inline:var(--space-3);background:var(--surface-raised);border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out-fabric),background-color var(--dur-fast) var(--ease-out-fabric)}.bokah-input:after{content:"";position:absolute;inset-inline:0;inset-block-end:-1px;block-size:2px;background:var(--focus-ring);border-radius:var(--radius-pill);transform:scaleX(0);transform-origin:inset-inline-start;transition:transform var(--dur-base) var(--ease-out-fabric)}.bokah-input:focus-within:after{transform:scaleX(1)}.bokah-input:focus-within{border-color:var(--border-strong)}.bokah-input[data-invalid=true]{border-color:var(--color-fault)}.bokah-input[data-invalid=true]:after{background:var(--color-fault)}.bokah-input__control{flex:1;min-inline-size:0;padding-block:var(--space-3);background:none;border:none;outline:none;font-family:var(--font-body);font-size:max(1rem,var(--type-base));color:var(--text)}@media (pointer:coarse){.bokah-input__control{min-block-size:44px}}.bokah-input__control::placeholder{color:var(--text-muted)}.bokah-input__control:focus-visible{outline:none}.bokah-input__control:disabled{cursor:not-allowed;opacity:.4}.bokah-input__affix{display:inline-flex;align-items:center;color:var(--text-muted);font-size:var(--type-base)}.bokah-input__tick{display:inline-flex;inline-size:1em;block-size:1em;color:var(--color-signal);animation:bokah-tick-in var(--dur-base) var(--ease-out-fabric)}@keyframes bokah-tick-in{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.bokah-input:after{transition:none}.bokah-input__tick{animation:none}}:root[data-tier="0"] .bokah-input:after{transition:none}:root[data-tier="0"] .bokah-input__tick{animation:none}