.input-wrapper{align-items:stretch;display:flex;position:relative;width:100%}.input-wrapper .input--with-unit{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;flex:1}.input-wrapper .input__unit{align-items:center;background-color:var(--color-body-background);border:1px solid var(--color-body-text);border-bottom-left-radius:0;border-bottom-right-radius:var(--space-size-2xs);border-left:none;border-top-left-radius:0;border-top-right-radius:var(--space-size-2xs);display:flex;flex-shrink:0;margin-left:-1px;padding:var(--space-size-xs);padding-left:var(--space-size-2xs)}.input__unit-text{color:var(--color-body-text-transparent-60);font-size:var(--font-size-step-0);line-height:1.5;-webkit-user-select:none;user-select:none;white-space:nowrap}.input-wrapper:has(input:focus) input.input--with-unit{border-color:var(--color-complementary-teal);outline:var(--color-complementary-teal) solid 2px;outline-offset:-2px}.input-wrapper:has(input:focus) .input__unit{border-color:var(--color-complementary-teal);border-left:none;z-index:1}.input-wrapper:has(input:disabled) .input__unit,.input__unit--disabled .input__unit{opacity:.6}