.hp-input{width:100%;max-width:360px;position:relative}.hp-input--block{max-width:none}.hp-input__control{cursor:text;gap:8px}.hp-input--rounded .hp-input__control{border-radius:var(--hp-radius-lg)}.hp-input__affix{color:var(--hp-n-400);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.hp-input__affix--text{font-size:var(--hp-text-md);color:var(--hp-n-600);font-variant-numeric:tabular-nums;font-weight:600}.hp-input__affix--mono{font-family:var(--hp-mono);font-weight:500}.hp-input__field{min-width:0;box-shadow:none;font:inherit;font-size:var(--hp-text-base);color:inherit;background:0 0;border:0;outline:none;flex:1;width:100%;height:30px;margin:0;padding:0;line-height:30px}.hp-input__field:focus,.hp-input__field:focus-visible{box-shadow:none;outline:none}.hp-input__field::placeholder{color:var(--hp-n-400);opacity:1}.hp-input__field:disabled{cursor:not-allowed}.hp-input--number .hp-input__field{font-family:var(--hp-mono);font-variant-numeric:tabular-nums}.hp-input__suffix{color:var(--hp-n-400);flex:none;align-items:center;gap:2px;display:inline-flex}.hp-input__icon-btn{border-radius:var(--hp-radius-sm);width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.hp-input__icon-btn:hover:not(:disabled){background:var(--hp-n-100);color:var(--hp-n-900)}.hp-input__icon-btn:disabled{opacity:.4;cursor:not-allowed}.hp-input__clear{opacity:0;pointer-events:none;transition:opacity var(--hp-motion-fast)}.hp-input__control:hover .hp-input__clear:not(:disabled),.hp-input__control:focus-within .hp-input__clear:not(:disabled),.hp-input__clear:focus-visible{opacity:1;pointer-events:auto}.hp-input__handlers{border-left:1px solid var(--hp-border);border-radius:0 var(--hp-radius-sm) var(--hp-radius-sm) 0;flex-direction:column;flex:none;width:22px;height:28px;margin-right:-2px;display:flex;overflow:hidden}.hp-input--rounded .hp-input__handlers{border-radius:0 var(--hp-radius-lg) var(--hp-radius-lg) 0}.hp-input__handler{color:var(--hp-n-400);cursor:pointer;background:0 0;border:0;flex:1;place-items:center;padding:0;line-height:1;display:grid}.hp-input__handler:hover:not(:disabled){background:var(--hp-n-100);color:var(--hp-n-900)}.hp-input__handler:disabled{opacity:.35;cursor:not-allowed}.hp-input__handler+.hp-input__handler{border-top:1px solid var(--hp-border)}.hp-control--disabled .hp-input__handlers{border-color:var(--hp-n-200)}