.sm-input{display:flex;flex-direction:column;gap:var(--scale-fixed-sm);width:220px;box-sizing:border-box}.sm-input__label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-body-md);line-height:1;color:var(--color-input-text-label)}.sm-input__field-wrapper{position:relative}.sm-input__field,.sm-input__field-wrapper{display:flex;align-items:center;width:100%}.sm-input__field{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-body-md);line-height:normal;color:var(--color-input-text-value);padding:var(--scale-fixed-sm);box-sizing:border-box;border:var(--scale-stroke-1) solid var(--color-input-border-default);border-radius:var(--corner-control);background-color:var(--color-input-bg-default);transition:border-color .16s ease,background-color .16s ease}.sm-input__field::placeholder{color:var(--color-input-text-placeholder)}.sm-input__helper{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-body-xs);line-height:normal;color:var(--color-input-text-placeholder);min-width:100%}.sm-input:not(.sm-input--disabled):not(.sm-input--error):not(.sm-input--success) .sm-input__field:hover{border-color:var(--color-input-border-hover);background-color:var(--color-input-bg-hover)}.sm-input__field:focus{outline:none;border-color:var(--color-input-border-focus);background-color:var(--color-input-bg-focus)}.sm-input--disabled .sm-input__field,.sm-input--disabled .sm-input__label{color:var(--color-input-text-placeholder-disabled)}.sm-input--disabled .sm-input__field{cursor:not-allowed;border-color:var(--color-input-border-disabled);background-color:var(--color-input-bg-disabled)}.sm-input--disabled .sm-input__field::placeholder{color:var(--color-input-text-placeholder-disabled)}.sm-input--disabled .sm-input__helper{color:var(--color-input-text-placeholder-disabled)}.sm-input--error .sm-input__field{background-color:var(--color-input-bg-error)}.sm-input--error .sm-input__field,.sm-input--error .sm-input__field:focus,.sm-input--error .sm-input__field:hover{border-color:var(--color-input-border-error)}.sm-input--error .sm-input__helper{color:var(--color-input-text-helper-error)}.sm-input--success .sm-input__field{background-color:var(--color-input-bg-success)}.sm-input--success .sm-input__field,.sm-input--success .sm-input__field:focus,.sm-input--success .sm-input__field:hover{border-color:var(--color-input-border-success)}.sm-input--success .sm-input__helper{color:var(--color-input-text-helper-success)}.sm-input--sm{width:180px}.sm-input--sm .sm-input__label{font-size:var(--font-body-sm)}.sm-input--sm .sm-input__field{padding:var(--scale-fixed-xs) var(--scale-fixed-sm);font-size:var(--font-body-sm)}.sm-input--sm .sm-input__helper{font-size:var(--font-body-xs)}.sm-input--lg{width:280px}.sm-input--lg .sm-input__label{font-size:var(--font-body-lg)}.sm-input--lg .sm-input__field{padding:var(--scale-fixed-sm) var(--scale-fixed-md);font-size:var(--font-body-lg)}.sm-input--lg .sm-input__helper{font-size:var(--font-body-sm)}.sm-input--full-width{width:100%}.sm-input__left-icon,.sm-input__right-icon{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--color-gray-neutral);pointer-events:none}.sm-input__left-icon{left:var(--scale-fixed-sm)}.sm-input__right-icon{right:var(--scale-fixed-sm)}.sm-input--has-left-icon .sm-input__field{padding-left:calc(var(--scale-fixed-sm) + 24px)}.sm-input--has-right-icon .sm-input__field{padding-right:calc(var(--scale-fixed-sm) + 24px)}.sm-input--sm.sm-input--has-left-icon .sm-input__field{padding-left:calc(var(--scale-fixed-sm) + 20px)}.sm-input--sm.sm-input--has-right-icon .sm-input__field{padding-right:calc(var(--scale-fixed-sm) + 20px)}.sm-input--lg.sm-input--has-left-icon .sm-input__field{padding-left:calc(var(--scale-fixed-md) + 24px)}.sm-input--lg.sm-input--has-right-icon .sm-input__field{padding-right:calc(var(--scale-fixed-md) + 24px)}.sm-input--lg .sm-input__left-icon{left:var(--scale-fixed-md)}.sm-input--lg .sm-input__right-icon{right:var(--scale-fixed-md)}.sm-input--disabled .sm-input__left-icon,.sm-input--disabled .sm-input__right-icon{color:var(--color-input-text-placeholder-disabled)}