.b-input {
    .input-field {
        display: block;
        width: 100%;
        height: 3.8rem;
        outline: 0;
        border: none;
        border-radius: 4px;
        padding: 0 .5rem;
        font-size: $base-fontsize;
        transition: border-color .2s;

        &:not([type="file"]) {
            border: 1px solid $light-gray;
        }

        &:not(:disabled) {
            &:hover {
                border-color: $medium-gray;
            }

            &:focus {
                border-color: $primary-color;
            }
        }

        &:disabled {
            color: $medium-gray;
            background-color: $light-gray;

            ::placeholder {
                color: $medium-gray;
            }
        }
    }
}